diff src/index.html @ 17:472003015880

restyle using css grid
author drewp@bigasterisk.com
date Fri, 07 Jun 2024 21:22:37 -0700
parents 719c8cc4d8b2
children
line wrap: on
line diff
--- a/src/index.html	Thu Jun 06 17:52:46 2024 -0700
+++ b/src/index.html	Fri Jun 07 21:22:37 2024 -0700
@@ -1,23 +1,29 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8" />
-    <title>front-door-display</title>
-    <meta http-equiv="refresh" content="3600" />
-    <!--auth timeout workaround-->
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" type="text/css" media="screen" href="./main.css" />
-    <script type="module" src="./main.ts"></script>
-  </head>
-  <body>
-    <div><fd-week-guide></fd-week-guide><fd-clock></fd-clock></div>
+
+<head>
+  <meta charset="utf-8" />
+  <title>front-door-display</title>
+  <meta http-equiv="refresh" content="3600" />
+  <!--auth timeout workaround-->
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="stylesheet" type="text/css" media="screen" href="./main.css" />
+  <script type="module" src="./main.ts"></script>
+  <script type="module" src="https://bigasterisk.com/lib/bigast/v2/loginBar.js"></script>
+</head>
+
+<body>
+  <div id="grid">
+    <fd-week-guide></fd-week-guide>
+    <fd-clock></fd-clock>
     <fd-upcoming-events></fd-upcoming-events>
     <fd-countdown></fd-countdown>
     <fd-electricity></fd-electricity>
-    <script type="module" src="https://bigasterisk.com/lib/bigast/v2/loginBar.js"></script>
-    <bigast-loginbar></bigast-loginbar>
-    <script>
-      // try doing a fetch test to see if reload is likely to work, and only then do a reload
-    </script>
-  </body>
-</html>
+  </div>
+  <bigast-loginbar></bigast-loginbar>
+  <script>
+    // try doing a fetch test to see if reload is likely to work, and only then do a reload
+  </script>
+</body>
+
+</html>
\ No newline at end of file