67 lines
2.0 KiB
Cheetah
67 lines
2.0 KiB
Cheetah
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Trunkless</title>
|
|
<style>
|
|
#blueprint {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="blueprint">
|
|
<div class="linecontainer">
|
|
<span class="linecontrols">
|
|
<button id="pin">pin</button>
|
|
<button id="edit">edit</button>
|
|
<button id="move">move</button>
|
|
</span>
|
|
<span class="linetext"></span>
|
|
</div>
|
|
</div>
|
|
<h1>Trunkless</h1>
|
|
<div id="pagecontrols">
|
|
<a href="/about">about</a>
|
|
<a id="togglescheme" href="/#togglescheme">light|dark</a>
|
|
</div>
|
|
<p id="poemcontrols">
|
|
<button id="regen">regen</button>
|
|
<button id="new">new</button>
|
|
<button id="save">save</button>
|
|
</p>
|
|
<p id="dna">
|
|
todo, dna display
|
|
</p>
|
|
<div id="lines">
|
|
<!-- TODO try and hardcode putting 10 of these here and then finding an onload hx-trigger or something to get them all to call /line -->
|
|
<div class="linecontainer">
|
|
<span class="linecontrols">
|
|
<button id="pin">pin</button>
|
|
<button id="edit">edit</button>
|
|
<button id="move">move</button>
|
|
</span>
|
|
<span hx-swap="outerHTML" hx-get="/line" hx-trigger="load" class="linetext"></span>
|
|
</div>
|
|
<div class="linecontainer">
|
|
<span class="linecontrols">
|
|
<button id="pin">pin</button>
|
|
<button id="edit">edit</button>
|
|
<button id="move">move</button>
|
|
</span>
|
|
<span hx-swap="outerHTML" hx-get="/line" hx-trigger="load" class="linetext"></span>
|
|
</div>
|
|
<div class="linecontainer">
|
|
<span class="linecontrols">
|
|
<button id="pin">pin</button>
|
|
<button id="edit">edit</button>
|
|
<button id="move">move</button>
|
|
</span>
|
|
<span hx-swap="outerHTML" hx-get="/line" hx-trigger="load" class="linetext"></span>
|
|
</div>
|
|
</div>
|
|
<script src="/htmx.js"></script>
|
|
<script src="/main.js"></script>
|
|
</body>
|
|
</html>
|
|
|