{{define "shellTop"}}<!doctype html><meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name=theme-color content="#14110D">
<link rel=manifest href=/manifest.json>
<title>maven · {{pageTitle .}}</title>
<link rel=stylesheet href=/ui.css>
<div class=shell data-app=maven>
  <header class=topbar>
    <div class=breadcrumbs>
      <span class=current>{{pageTitle .}}</span>
    </div>
    <div class=topbar-actions>
      <div class=search-trigger onclick="window.__openSearch()" role=button tabindex=0>
        <svg class=icon width="13" height="13"><use href="/ethos-icons.svg#i-search"/></svg>
        Search
        <span class=kbd-hint>Ctrl+/</span>
      </div>
      <button class=icon-btn onclick="window.__openPalette()" title="Command Palette (Ctrl+K)" aria-label="Command Palette">
        <svg class=icon width="15" height="15"><use href="/ethos-icons.svg#i-grid"/></svg>
      </button>
      <span class=conn-status>
        <span class="dot online" id=connDot></span>
      </span>
    </div>
  </header>
  <div class=shell-body>
    <aside class=sidebar>
{{template "sidebar" .}}
    </aside>
    <main class=content>
{{end}}{{/* sidebar — the section list, with the active page's link marked. The dot
     argument is the page key the page passed to shellTop. */}}{{define "sidebar"}}{{$active := .}}{{range sidebarSections}}<div class=sidebar-section><div class=sidebar-label>{{.Label}}</div>
{{- range .Pages}}<a href="{{.URL}}"{{if eq .Key $active}} class="active"{{end}}><span class=icon><svg class=icon width="14" height="14"><use href="/ethos-icons.svg#{{pageIcon .Key}}"/></svg></span><span>{{.Label}}</span></a>
{{- end}}</div>
{{end}}{{end}}{{define "shellBottom"}}
    </main>
    <aside class=inspector id=inspector>
      <div class=inspector-inner>
        <div class=inspector-header>
          <span id=inspectorTitle>Details</span>
          <button class=inspector-close onclick="closeInspector()" aria-label="Close inspector">&times;</button>
        </div>
        <div class=inspector-body id=inspectorBody></div>
      </div>
    </aside>
  </div>
</div>
<script src=/mavweb.js></script>
{{end}}