{{define "layout"}}<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content" />
        <title>{{.Title}}</title>
        <link rel="icon" href="/_/favicon.ico" />
        <link rel="preload" href="/_/fonts/IosevkaEtoile.woff2" as="font" type="font/woff2" crossorigin />
        <link rel="preload" href="/_/fonts/IosevkaSlab.woff2" as="font" type="font/woff2" crossorigin />
        <link rel="stylesheet" href="/_/style.css" />
        <script src="/_/modal.js"></script>
        <script src="/_/global-shortcuts.js"></script>
        <script src="/_/history-nav.js"></script>
        <script src="/_/search-suggest.js" defer></script>
        <script src="/_/tree-picker.js"></script>
        <script src="/_/companion.js" defer></script>
        {{if not .EditMode}}<script src="/_/overlay.js" defer></script>
        <script src="/_/tree-sidebar.js" defer></script>{{end}}
        {{block "headScripts" .}}{{end}}
    </head>
    <body>
        <header>
            <nav class="breadcrumb row">
                <a href="/" tabindex="-1" title="Home"><svg class="logo" viewBox="0 0 26.052269 26.052269" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-linejoin="miter" transform="matrix(0.05463483,8.1519706e-6,-8.1519706e-6,0.05463483,-64.560546,-24.6949)"><rect x="1188.537" y="457.92056" width="461.87488" height="462.15189" stroke-width="20.2288"/><path d="m1348.9955 456.59572.046 309.36839" stroke-width="19.6849"/><path d="m1200.3996 765.80237 441.8362-.0659" stroke-width="19.6849"/><path d="m1648.2897 620.244-299.2012.0446" stroke-width="20.5676"/><path d="m1491.6148 909.24806-.021-136.93117" stroke-width="19.6849"/><rect x="1191.6504" y="461.66092" width="457.09634" height="457.09634" stroke-width="19.6761"/></g></svg><span class="app-name"> datascape</span></a>
            </nav>
            {{if not .EditMode}}
            <form class="search-form" action="/" method="get">
                <input class="input search-input" type="search" name="q" value="{{block "searchQuery" .}}{{end}}" placeholder="Search…" title="Search (F)" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
            </form>
            {{end}}
            <div class="header-actions row">{{block "headerActions" .}}{{end}}</div>
        </header>
        <div class="shell">
            {{if not .EditMode}}<aside class="tree-sidebar col">
                <div class="tree-scroll"></div>
            </aside>{{end}}
            <div class="center">
                <main>
                    {{block "content" .}}{{end}}
                </main>
                <footer>
                    <span class="muted">Request: {{.RenderMS}} ms</span>
                    {{block "footerExtras" .}}{{end}}
                    <span class="dropdown companion-status" data-companion-status hidden>
                        <button type="button" class="btn btn-small companion-icon" data-action="companion-toggle" title="Companion status" aria-label="Companion status">○</button>
                        <div class="dropdown-menu align-right open-up companion-flyout"></div>
                    </span>
                </footer>
            </div>
            {{if not .EditMode}}<aside class="sidebar">{{block "sidebar" .}}{{end}}</aside>{{end}}
        </div>
        {{block "extras" .}}{{end}}
    </body>
</html>
{{end}}
