« get me outta code hell

interactive-bgm - Browser extension that adds background music based on the site you're browsing
about summary refs log tree commit diff
path: root/extension/popup/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'extension/popup/index.html')
-rw-r--r--extension/popup/index.html23
1 files changed, 22 insertions, 1 deletions
diff --git a/extension/popup/index.html b/extension/popup/index.html
index e6cf5e5..9ddbec4 100644
--- a/extension/popup/index.html
+++ b/extension/popup/index.html
@@ -1 +1,22 @@
-<p>Nice.</p>
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Interactive BGM</title>
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body>
+        <div class="screen visible" id="loading-screen">
+            <p>Loading...</p>
+        </div>
+        <div class="screen" id="main-screen">
+            <h1 id="hostname"></h1>
+            <h2>Tracks</h2>
+            <ul id="track-list"></ul>
+        </div>
+        <div class="screen" id="invalid-host-screen">
+            <p>Sorry, this page doesn't appear to have a hostname. We can't configure music here.</p>
+        </div>
+        <script src="main.js"></script>
+    </body>
+</html>