HTML placeholders

2024-12-06 23:26:45 -08:00
parent 5989b1f832
commit 06495d9258
1 changed files with 33 additions and 0 deletions
--- a/static/index.html
+++ b/static/index.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html>
+    <head>
+        <style>
+:not(:defined) {
+    visibility: hidden;
+}
+
+body {
+    font: 12px var(--sl-font-mono);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+        </style>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link
+            rel="stylesheet"
+            media="(prefers-color-scheme:light)"
+            href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.18.0/cdn/themes/light.css"
+        />
+        <link
+            rel="stylesheet"
+            media="(prefers-color-scheme:dark)"
+            href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.18.0/cdn/themes/dark.css"
+            onload="document.documentElement.classList.add('sl-theme-dark');"
+        />
+        <script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.18.0/cdn/shoelace-autoloader.js"></script>
+    </head>
+    <body>
+        tasks!
+    </body>
+</html>