giant freakin documentation and reorganization pass, it also uses cmake because all the building was getting too complicated for shell scripts
This commit is contained in:
16
pak/templates/about.j2
Normal file
16
pak/templates/about.j2
Normal file
@@ -0,0 +1,16 @@
|
||||
<div id="about-root">
|
||||
<h1>Seagull Game</h1>
|
||||
<p>© 2025 Nicole O'Connor.</p>
|
||||
<p>
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache.org</a>.
|
||||
</p>
|
||||
<p>
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
</p>
|
||||
</div>
|
||||
27
pak/templates/charsheet.j2
Normal file
27
pak/templates/charsheet.j2
Normal file
@@ -0,0 +1,27 @@
|
||||
<div id="charsheet-root">
|
||||
<div id="charsheet-leftside">
|
||||
<div id "attr-points">
|
||||
Available Points: <span id="lbl-attr-points">0</span>
|
||||
</div>
|
||||
<div class="attr" id="attr-agility">
|
||||
Agility: <span id="lbl-attr-agility">0</span>
|
||||
</div>
|
||||
<div class="attr" id="attr-instinct">
|
||||
<span id="lbl-attr-instinct-txt">Instinct</span>: <span id="lbl-attr-instinct">0</span>
|
||||
</div>
|
||||
<div class="attr" id="attr-leadership">
|
||||
Leadership: <span id="lbl-attr-leadership">0</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="charsheet-rightside">
|
||||
<div id="charsheet-upgrade-tabbar">
|
||||
<nav id="nav-upgrades"><ul>
|
||||
<li><button id="btn-upgrade-agility">Agility Upgrades</button></li>
|
||||
<li><button id="btn-upgrade-instinct">Instinct Upgrades</button></li>
|
||||
<li><button id="btn-upgrade-leadership">Leadership Upgrades</button></li>
|
||||
</ul></nav>
|
||||
</div>
|
||||
<div id="charsheet-upgrade-tree" class="mermaid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
2
pak/templates/dev_toolbox.j2
Normal file
2
pak/templates/dev_toolbox.j2
Normal file
@@ -0,0 +1,2 @@
|
||||
{% if not desktop %}IP: {{ipaddr}}<br />{% endif %}
|
||||
<button id="dev-reset" onClick="reset_game()">Reset Game</button>
|
||||
69
pak/templates/main_page.j2
Normal file
69
pak/templates/main_page.j2
Normal file
@@ -0,0 +1,69 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- Your server today is {{ svchost }} -->
|
||||
<html>
|
||||
<head>
|
||||
<title>Seagull Game</title>
|
||||
{%- for style in styles -%}
|
||||
<link rel="stylesheet" href="{{ style }}">
|
||||
{%- endfor -%}
|
||||
{%- for script in scripts -%}
|
||||
{%- if script[1] -%}
|
||||
<script type="module" src="{{ script[0] }}"></script>
|
||||
{%- else -%}
|
||||
<script src="{{ script[0] }}"></script>
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<div style="background:yellow;border:2px red;">
|
||||
<h1>This doesn't work without JavaScript.</h1><br />
|
||||
<h2>You're probably using a browser extension or privacy tool that disables it.</h2>
|
||||
</div>
|
||||
</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 <span id="lbl-seagull-lvl">1</span> <span id="lbl-seagull-class">LoadError</span></p>
|
||||
<p id="side-seagull-xp">XP: <span id="lbl-seagull-xp-current">0</span>/<span id="lbl-seagull-xp-next">0</span></p>
|
||||
<p id="side-seagull-misc">
|
||||
Colony: <span id="lbl-seagull-colony">1337</span><br />
|
||||
Shinies: <span id="lbl-seagull-shinies">420</span> <i>(+<span id="lbl-seagull-shinies-income">0</span>/day)</i><br />
|
||||
Food: <span id="lbl-seagull-food">69</span> <i>(+<span id="lbl-seagull-food-income">0</span>/day)</i>
|
||||
</p>
|
||||
</div>
|
||||
<hr />
|
||||
<div id="side-action-bar">
|
||||
<p>Human encounters: <select id="menu-enc-human">
|
||||
<option value="pause">Stop and ask</option>
|
||||
<option value="steal-food">Steal food</option>
|
||||
<option value="steal-shinies">Steal shiny things</option>
|
||||
</select></p>
|
||||
<p>Seagull encounters: <select id="menu-enc-seagull">
|
||||
<option value="pause">Stop and ask</option>
|
||||
<option value="recruit">Attempt recruiting</option>
|
||||
<option value="steal-food">Steal food</option>
|
||||
<option value="steal-shinies">Steal shiny things</option>
|
||||
</select></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="main-content">
|
||||
<div id="main-header">
|
||||
<div id="main-day-stats">It has been <span id="main-day-counter">a cosmically unknowable number of</span> days.</div>
|
||||
<div id="main-button-bar">
|
||||
<button id="button-charsheet" class="main-bar">📊</button>
|
||||
<button id="button-settings" class="main-bar">⚙️</button>
|
||||
<button id="button-about" class="main-bar">ℹ️</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="main-log"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user