base game code; there's no game here (yet)

2023-01-28 21:08:47 -08:00
parent 0cd9cc5fb7
commit 07b56dcd40
11 changed files with 232 additions and 0 deletions
--- a/app/templates/main_page.j2
+++ b/app/templates/main_page.j2
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Seagull Game</title>
+{%- for style in styles -%}
+<link rel="stylesheet" href="{{ style }}">
+{%- endfor -%}
+{%- for script in scripts -%}
+<script src="{{ script }}"></script>
+{%- endfor -%}
+</head>
+<body>
+<noscript>
+<h1>This doesn't work without JavaScript.</h1><br />
+<h2>You're probably using a browser extension or privacy tool that disables it.</h2>
+</noscript>
+<div id="root">
+
+<div id="main-sidebar">
+    <div id="side-seagull-image"> <img width="256" src={{ seagull_pic }}> </div>
+    <div id="side-seagull-name"><span id="lbl-seagull-name">Nameless</span> <a href="javascript:change_seagull_name()">✏️</a></div>
+    <div id="side-seagull-name-editor"><input type="text" id="edt-seagull-name"> <a href="javascript:confirm_seagull_name()">✅</a><a href="javascript:cancel_seagull_name()">❌</a></div>
+    <div id="side-seagull-stats">
+        <p id="side-seagull-lvl">Lv 1 LoadError</p>
+        <p id="side-seagull-misc">
+            Colony: 1337<br />
+            Shinies: 420<br />
+        </p>
+    </div>
+</div>
+
+<div id="main-content">
+    <div id="main-day-stats">It has been <span id="main-day-counter">a cosmically unknowable number of</span> days.</div>
+    <div id="main-log"></div>
+</div>
+
+</div>
+</body>
+</html>