overhaul using augmented-ui

[browser-rts.git] / public / game.html
diff --git a/public/game.html b/public/game.html

index 2eaff164096ead63f4524e73bec3424f036b5967..07e38fb51980ac520a20e16ec99ada508a1edddb 100644 (file)
--- a/public/game.html
+++ b/public/game.html
@@ -1,13 +1,54 @@
  <!doctype html>
  <html>
-    <head>
-        <title>Tick City</title>
-        <meta charset="utf-8">
-        <script src="https://unpkg.com/htmx.org@1.7.0" integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous" defer></script>
-        <link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css">
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">
-        <link rel="stylesheet" href="/stylesheet.css">
-    </head>
-    <body hx-trigger="load" hx-get="/city">
-    </body>
+
+<head>
+    <title>Tick City</title>
+    <meta charset="utf-8">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap"
+        rel="stylesheet">
+    <script src="https://unpkg.com/htmx.org@1.7.0"
+        integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous"
+        defer></script>
+    <link rel="stylesheet" type="text/css" href="https://unpkg.com/augmented-ui@2/augmented-ui.min.css">
+    <link rel="stylesheet" href="/scifi.css">
+    <link rel="stylesheet" href="/stylesheet.css">
+
+</head>
+
+<body>
+    <div class="row">
+        <div class="col sidebar">
+            <div class="row">
+                <div class="col pane" data-augmented-ui="tl-clip tr-2-clip-x br-2-clip-y bl-clip-x border"> 
+                    <h2 data-augmented-ui="tl-clip bl-clip none">Nav</h2>
+                    <ul class="nav">
+                        <li>
+                            <a href="#" hx-target="#main" hx-get="/poll/overview" hx-trigger="load, click">Home</a>
+                        </li>
+                        <li>
+                            <a href="#" hx-target="#main" hx-get="/poll/construction" hx-trigger="click">Construction</a>
+                        </li>
+                        <li>
+                            <a href="#" hx-target="#main" hx-get="/poll/unit-training" hx-trigger="click">Unit Training</a>
+                        </li>
+                        <li>
+                            <a href="#" hx-target="#main" hx-get="/poll/map" hx-trigger="click">Map</a>
+                        </li>
+                        <li>
+                            <a href="#" hx-target="#main" hx-get="/poll/mailroom" hx-trigger="click">Mail</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="col" id="main" data-augmented-ui="tl-clip tr-clip br-clip-x bl-clip border">
+
+        </div>
+    </div>
+    <footer>
+        A project by <a href="https://xangelo.ca">xangelo</a>
+    </footer>
+</body>
  </html>
 \ No newline at end of file