public/index.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <title>Tick City</title>
   5         <meta charset="utf-8">
   6         <script src="https://unpkg.com/htmx.org@1.7.0" integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous" defer></script>
   7         <link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css">
   8         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">
   9         <link rel="stylesheet" href="/stylesheet.css">
  10     </head>
  11     <body id="home">
  12         <h2>Alpha Kingdom Management</h2>
  13         <p>Hey, welcome to this alpha version of a kingdom management game. I've always loved building browser based games and this is
  14             one in a long line. There's little to no branding just yet, just a simple time-based kingdom management game
  15         </p>
  16
  17         <table>
  18             <tr>
  19                 <td>
  20                     <h4>Signup</h4>
  21         <form hx-post="/accounts">
  22             <div>
  23                 <label>Username: </label>
  24                 <input type="text" name="username">
  25             </div>
  26             <div>
  27                 <label>Password: </label>
  28                 <input type="password" name="password">
  29             </div>
  30             <button type="submit">Sign Up</button>
  31         </form>
  32
  33                 </td>
  34                 <td>
  35                     <h4>Login</h4>
  36         <form hx-post="/login">
  37             <div>
  38                 <label>Username: </label>
  39                 <input type="text" name="username">
  40             </div>
  41             <div>
  42                 <label>Password: </label>
  43                 <input type="password" name="password">
  44             </div>
  45             <button type="submit">Log In</button>
  46         </form>
  47                 </td>
  48             </tr>
  49         </table>
  50
  51         <h2>Upcoming Features</h2>
  52         <h3>Fantasy Races</h3>
  53         <p>All good kingdom management games need to give you the ability to pick your fantasy race. Once you decide on the race of your leader you'll be given various perks/units/buildings that differ from all the others. You'll also have access to a "Race Chat" where only other members of your chosen race can see each other speak. </p>
  54         <h3>More Buildings</h3>
  55         <p>We're pretty light on buildings at the moment but we have plans for a few more:</p>
  56         <ul>
  57             <li>Banks</li>
  58             <li>Mills</li>
  59             <li>Quarries</li>
  60             <li>Spy Hideouts</li>
  61             <li>Mage Towers</li>
  62         </ul>
  63         <footer>
  64             A project by <a href="https://xangelo.ca">xangelo</a>
  65         </footer>
  66     </body>
  67 </html>