about summary refs log tree commit diff
path: root/website/sandbox/chord-drill-sergeant/index.html
diff options
context:
space:
mode:
authorWilliam Carroll <wpcarro@gmail.com>2020-04-13T21·39+0100
committerWilliam Carroll <wpcarro@gmail.com>2020-04-13T21·43+0100
commit1d427c49218db82735126cb7cf0da20162fa7e4e (patch)
treee703781a6d66215f8ebe510e9a676696fa6bfe16 /website/sandbox/chord-drill-sergeant/index.html
parenta64601cc058950d094a1daa512c94d91d11756cf (diff)
Begin styling efforts
Start styling the Chord Drill Sergeant for mobile devices because that is that
device on which I will primarily use CDS.

I'm also deleting the debugger related code. I would like to support a debugger,
but I'm not currently using this one, so I am going to remove it to keep things
slender.

- Introduce TailwindCSS, which also introduced elm-live, index.html, index.css
- Add mobile-first styling for the preferences modal
- Remove unused code
Diffstat (limited to 'website/sandbox/chord-drill-sergeant/index.html')
-rw-r--r--website/sandbox/chord-drill-sergeant/index.html15
1 files changed, 15 insertions, 0 deletions
diff --git a/website/sandbox/chord-drill-sergeant/index.html b/website/sandbox/chord-drill-sergeant/index.html
new file mode 100644
index 000000000000..d2218ea1905a
--- /dev/null
+++ b/website/sandbox/chord-drill-sergeant/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Chord Drill Sergeant</title>
+    <link rel="stylesheet" href="./output.css" />
+    <script src="./elm.js"></script>
+  </head>
+  <body class="font-serif">
+    <div id="mount"></div>
+    <script>
+     Elm.Main.init({node: document.getElementById("mount")});
+    </script>
+  </body>
+</html>