<meta name="viewport" content="width=device-width, initial-scale=1.0">
<a class="skip-nav" href="#main-content">Skip to content</a>
<header>
<div class="logo">
<a href="https://fossil.craftdesign.group/" class="hub-link" title="Back to hub">
<span class="logo-mark">F</span>
</a>
</div>
<div class="title">
<a href="$home/home" class="project-name">$<project_name></a>
<span class="page-title">$<title></span>
</div>
<div class="status">
<th1>
if {[info exists login]} {
html "<a href='$home/login'>$login</a>\n"
} else {
html "<a href='$home/login'>Login</a>\n"
}
</th1>
</div>
</header>
<nav class="mainmenu" title="Main Menu">
<th1>
html "<a id='hbbtn' href='$home/sitemap' aria-label='Site Map' aria-expanded='false' aria-controls='hbdrop'>☰</a>"
builtin_request_js hbmenu.js
foreach {name url expr class} $mainmenu {
if {![capexpr $expr]} continue
if {[string match /* $url]} {
if {[string match $url\[/?#\]* /$current_page/]} {
set class "active $class"
}
set url $home$url
}
html "<a href='$url' class='$class'>$name</a>\n"
}
</th1>
</nav>
<nav id="hbdrop" class='hbdrop' title="sitemap"></nav>
<div id="main-content" tabindex="-1" aria-hidden="true" style="height:0;overflow:hidden;position:absolute"></div>
<h1 class="page-title">$<title></h1>
<script defer src="/a11y.js"></script>