Recount-Server/web/templates/index.html

77 lines
2.4 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2024-01-12 20:50:41 -08:00
<link rel="stylesheet" href="/static/site.css">
<script src="/static/htmx.min.js"></script>
2024-01-15 13:47:16 -08:00
<script src="/static/feather.min.js"></script>
</head>
2024-01-14 18:00:51 -08:00
<body class="latte">
2024-01-12 21:59:19 -08:00
<header>
2024-01-12 21:59:19 -08:00
</header>
2024-01-14 18:00:51 -08:00
<div class="d-flex" id="below-header">
2024-01-12 20:50:41 -08:00
<div id="left-col">
<nav>
<ul>
2024-01-14 18:00:51 -08:00
<li>
<a id="logo-a">Recount</a>
</li>
<li>
<a
hx-get="/"
hx-swap="innerHtml swap:0.2s settle:0.2s"
hx-push-url="true"
hx-boost="true"
hx-target="#main-body-content"
{{ if (eq .ActivePage "index") }}
class="active"
{{ end }}
>
Home!
</a>
2024-01-12 20:50:41 -08:00
</li>
<li>
<a
hx-get="/hello"
hx-swap="innerHtml swap:0.2s settle:0.2s"
hx-push-url="true"
hx-boost="true"
hx-target="#main-body-content"
{{ if (eq .ActivePage "hello") }}
class="active"
{{ end }}
>
Not home!
</a>
</li>
</ul>
</nav>
</div>
<div id="main-body-content">
{{.InnerHtml}}
2024-01-12 20:50:41 -08:00
</div>
2024-01-14 18:00:51 -08:00
<div id="right-col">
</div>
</div>
2024-01-12 20:50:41 -08:00
<script type="module" src="/static/index.js"></script>
<script type="module">
2024-01-17 19:58:31 -08:00
import {register_handlers, fill_charts, trigger_table_animation} from "/static/index.js";
2024-01-15 19:26:51 -08:00
register_handlers();
2024-01-15 13:47:16 -08:00
feather.replace();
2024-01-15 19:26:51 -08:00
htmx.onLoad(function (element) {
if (element.localName === "tr") {
console.log(element);
trigger_table_animation();
2024-01-17 19:58:31 -08:00
} else {
fill_charts();
2024-01-15 19:26:51 -08:00
}
});
2024-01-12 20:50:41 -08:00
</script>
</body>
</html>