56 lines
1.8 KiB
Plaintext
56 lines
1.8 KiB
Plaintext
package layout
|
|
|
|
import "git.haelnorr.com/h/oslstats/internal/view/component/popup"
|
|
import "git.haelnorr.com/h/oslstats/internal/view/component/nav"
|
|
import "git.haelnorr.com/h/oslstats/internal/view/component/footer"
|
|
import "git.haelnorr.com/h/oslstats/pkg/contexts"
|
|
|
|
// Global page layout. Includes HTML document settings, header tags
|
|
// navbar and footer
|
|
templ Global(title string) {
|
|
{{ devInfo := contexts.DevMode(ctx) }}
|
|
<!DOCTYPE html>
|
|
<html
|
|
lang="en"
|
|
x-data="{ theme: localStorage.getItem('theme') || 'system'}"
|
|
x-init="$watch('theme', (val) => localStorage.setItem('theme', val))"
|
|
x-bind:class="{'dark': theme === 'dark' || (theme === 'system' &&
|
|
window.matchMedia('(prefers-color-scheme: dark)').matches)}"
|
|
>
|
|
<head>
|
|
<script src="/static/js/theme.js"></script>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<title>{ title }</title>
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico"/>
|
|
<link href="/static/css/output.css" rel="stylesheet"/>
|
|
<script src="/static/vendored/htmx@2.0.8.min.js"></script>
|
|
<script src="/static/vendored/htmx-ext-ws.min.js"></script>
|
|
<script src="/static/vendored/alpinejs@3.15.4.min.js" defer></script>
|
|
if devInfo.HTMXLog {
|
|
<script>
|
|
htmx.logAll();
|
|
</script>
|
|
}
|
|
</head>
|
|
<body
|
|
class="bg-base text-text ubuntu-mono-regular overflow-x-hidden"
|
|
hx-ext="ws"
|
|
ws-connect={ devInfo.WebsocketBase + "/ws/notifications" }
|
|
>
|
|
@popup.ErrorModalContainer()
|
|
@popup.ToastContainer()
|
|
<div
|
|
id="main-content"
|
|
class="flex flex-col h-screen justify-between"
|
|
>
|
|
@nav.Navbar()
|
|
<div id="page-content" class="mb-auto md:px-5 md:pt-5">
|
|
{ children... }
|
|
</div>
|
|
@footer.Footer()
|
|
</div>
|
|
</body>
|
|
</html>
|
|
}
|