{{/* Common head elements */}} {{define "head-common"}}
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/static/css/tailwind.min.css" />
<link rel="stylesheet" href="/static/boxicons/fonts/animations.min.css" />
<link rel="stylesheet" href="/static/boxicons/fonts/basic/boxicons.min.css" />
<link
	rel="stylesheet"
	href="/static/boxicons/fonts/brands/boxicons-brands.min.css"
/>
<link rel="stylesheet" href="/static/style.css" />
<link rel="icon" href="/static/favicon.png" type="image/png" />
{{end}} {{/* Common body scripts */}} {{define "body-common-scripts"}}
<script src="/static/js/htmx.min.js"></script>
<script src="/static/modal.js"></script>
<script src="/static/toast.js"></script>
<script src="/static/jobs.js"></script>
<script src="/static/server-status.js"></script>
<script src="/static/password-modal.js"></script>
<script src="/static/notice.js"></script>
{{end}} {{/* Accessibility elements */}} {{define "accessibility-common"}}
<a href="#main-content" class="skip-link">Skip to main content</a>
<div
	id="status-announcer"
	class="sr-only"
	aria-live="polite"
	aria-atomic="true"
></div>
<div
	id="alert-announcer"
	class="sr-only"
	aria-live="assertive"
	aria-atomic="true"
></div>
{{end}} {{/* Main layout wrapper start */}} {{define "main-layout-start"}}
<div class="flex h-screen">
	{{template "sidebar" .}}
	<main
		id="main-content"
		class="flex-1 p-8 overflow-auto"
		role="main"
		aria-label="Main content"
	>
		{{end}} {{/* Main layout wrapper end */}} {{define "main-layout-end"}}
	</main>
</div>
{{end}} {{/* Full base page template - use this for new templates that define
page-content */}} {{define "base-page"}}
<!doctype html>
<html lang="en">
	<head>
		{{template "head-common" .}}
		<title>{{.Title}}</title>
		{{template "head-extra" .}}
	</head>
	<body class="bg-gray-900 text-gray-100">
		{{template "accessibility-common" .}} {{template "main-layout-start" .}}
		{{template "page-content" .}} {{template "main-layout-end" .}}
		{{template "body-common-scripts" .}} {{template "scripts-extra" .}}
	</body>
</html>
{{end}}
