public/game.html

   1 <!doctype html>
   2 <html>
   3
   4 <head>
   5     <title>Tick City</title>
   6     <meta charset="utf-8">
   7     <link rel="preconnect" href="https://fonts.googleapis.com">
   8     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   9     <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap"
  10         rel="stylesheet">
  11     <script src="https://unpkg.com/htmx.org@1.7.0"
  12         integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous"
  13         defer></script>
  14     <link rel="stylesheet" type="text/css" href="https://unpkg.com/augmented-ui@2/augmented-ui.min.css">
  15     <link rel="stylesheet" href="/scifi.css">
  16     <link rel="stylesheet" href="/stylesheet.css">
  17
  18 </head>
  19
  20 <body>
  21     <div class="row">
  22         <div class="col">
  23             <div class="pane" id="topbar" data-augmented-ui="br-clip bl-clip border">
  24                 <div class="row">
  25                     <div class="col" id="nav">
  26                         <ul>
  27                             <li>
  28                                 <a href="#" hx-target="#main" hx-get="/poll/overview" hx-trigger="load, click">Home</a>
  29                             </li>
  30                             <li>
  31                                 <a href="#" hx-target="#main" hx-get="/poll/construction" hx-trigger="click">Construction</a>
  32                             </li>
  33                             <li>
  34                                 <a href="#" hx-target="#main" hx-get="/poll/unit-training" hx-trigger="click">Unit Training</a>
  35                             </li>
  36                             <li>
  37                                 <a href="#" hx-target="#main" hx-get="/poll/map" hx-trigger="click">Map</a>
  38                             </li>
  39                             <li>
  40                                 <a href="#" hx-target="#main" hx-get="/poll/mailroom" hx-trigger="click">Mail</a>
  41                             </li>
  42                         </ul>
  43                     </div>
  44                 </div>
  45                 <div class="row">
  46                     <div class="col" id="info-bar">
  47                         <span><b>Gold:</b> 10,000,0000</span>
  48                         <span><b>Ore:</b> 10,000,000</span>
  49                         <span><b>Logs:</b> 10,000,0000</span>
  50                     </div>
  51                 </div>
  52             </div>
  53         </div>
  54     </div>
  55     <div class="row">
  56         <div class="col">
  57             <div id="notifications"></div>
  58             <div id="main" data-augmented-ui="tl-clip tr-clip br-clip-x bl-clip border">
  59
  60             </div>
  61         </div>
  62     </div>
  63     <footer>
  64         A project by <a href="https://xangelo.ca">xangelo</a>
  65     </footer>
  66 </body>
  67 </html>