<!-- Generated by PeakRDL-html <https://github.com/SystemRDL/PeakRDL-html> -->
<!DOCTYPE html>
<html lang="en">
{%- block html %}
<head>
    {%- block head %}
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>{{title}}</title>
    <style>
        html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
    </style>
    <link rel="stylesheet" href="css/normalize.css?v={{version}}">
    <link rel="stylesheet" href="css/layout.css?v={{version}}">
    <link rel="stylesheet" href="css/theme.css?v={{version}}">
    <link rel="icon" type="image/png" href="favicon.png">
    <script>
        var BUILD_TS = {{build_ts}};
    </script>
    <script async src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js"></script>
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
          config: ["MMLorHTML.js"],
          jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"],
          extensions: ["MathMenu.js", "MathZoom.js"]
        });
    </script>
    <script src="js/BigInteger.min.js?v={{version}}" type="text/javascript"></script>
    <script src="js/sha1.js?v={{version}}" type="text/javascript"></script>
    <script src="js/data.js?ts={{build_ts}}" type="text/javascript"></script>
    <script src="search/bkt_index.js?ts={{build_ts}}" type="text/javascript"></script>
    <script src="js/ral.js?v={{version}}" type="text/javascript"></script>
    <script src="js/main.js?v={{version}}" type="text/javascript"></script>
    <script src="js/nav.js?v={{version}}" type="text/javascript"></script>
    <script src="js/sidebar.js?v={{version}}" type="text/javascript"></script>
    <script src="js/index_edit.js?v={{version}}" type="text/javascript"></script>
    <script src="js/field_testers.js?v={{version}}" type="text/javascript"></script>
    <script src="js/search.js?v={{version}}" type="text/javascript"></script>
    <script src="js/address_search.js?v={{version}}" type="text/javascript"></script>
    <script src="js/path_search.js?v={{version}}" type="text/javascript"></script>
    <script src="js/content_search.js?v={{version}}" type="text/javascript"></script>
    {%- endblock head %}
</head>

<body class="pack-h" onload="onPageLoad()">
    {%- block body %}
    <div id="_Sidebar" class="no-stretchy pack-h">
        <div id="_SBContents" class="pack-v stretchy">
            <div id="_SBTitlebar" class="no-stretchy">
                <div id="_SBTitlebox">{{title}}</div>
                <div class="sb-button-strip pack-h">
                    {%- block button_strip1 %}
                    {%- endblock button_strip1 %}
                    {%- if home_url != None %}
                    <a class="button-link home-button no-stretchy" href="{{home_url}}"></a>
                    <span class="stretchy"></span>
                    {%- endif %}
                    <button type="button" class="no-stretchy help-button" title="Help" aria-label="Help" onclick="help_modal_open()"></button>
                    <span class="stretchy"></span>
                    {%- block button_strip2 %}
                    {%- endblock button_strip2 %}
                    <button type="button" class="expand-button no-stretchy" title="Expand All" aria-label="Expand All" onclick="onClickTreeExpandAll()"></button>
                    <button type="button" class="collapse-button no-stretchy" title="Collapse All" aria-label="Collapse All" onclick="onClickTreeCollapseAll()"></button>
                    {%- block button_strip3 %}
                    {%- endblock button_strip3 %}
                    <span class="stretchy" id="_SBSearchButtonSpan"></span>
                    <button type="button" id="_SBSearchButton" class="search-button no-stretchy" title="Search" aria-label="Search" onclick="onSearchButtonClick()"></button>
                    {%- block button_strip4 %}
                    {%- endblock button_strip4 %}
                </div>
            </div>
            <div id="_SBTreeContainer" class="stretchy scroll-v scroll-h">
                <div id="_SBTree"></div>
            </div>
        </div>
        <div id="_SBResizer"></div>
    </div>

    <div id="_MainPane" class="stretchy pack-v">
        <header id="_MobiTitlebar" class="no-stretchy pack-h">
            <button type="button" class="menu-button no-stretchy" title="Show sidebar" aria-label="Show sidebar" onclick="sidebar_open()"></button>
            <div id="_MobiTitlebox" class="stretchy">{{title}}</div>
            <button type="button" id="_MobiSearchButton" class="search-button no-stretchy" title="Search" aria-label="Search" onclick="onSearchButtonClick()"></button>
        </header>

        <div id="_SearchBar" class="no-stretchy main limit-h">
            <form>
                <input type="search" id="_SearchInput" aria-label="Search input" placeholder="Search by name or @address" autocomplete="off"/>
            </form>
        </div>

        <div class="scroll-v pack-v stretchy">
            <div id="_Content" class="main limit-h">
                <div id="_Crumbtrail"></div>
                <hr/>
                <div id="_ContentContainer"></div>
            </div>

            <div id="_Search" class="main limit-h">
                <ul id="_SearchResults">
                </ul>
            </div>

            <div class="main stretchy limit-h"></div>
            <footer class="main limit-h">
                <hr/>
                {%- block footer %}
                {{footer_text}}
                {%- endblock footer %}
            </footer>
        </div>

        <div id="_Overlay" onclick="sidebar_close()"></div>
    </div>

    <div id="_HelpOverlay" class="generic-modal-overlay" onclick="help_modal_close()">
        <div class="generic-modal">
            {%- block help_contents %}
            <h1>Keyboard Shortcuts</h1>
            <dl>
                {%- block help_kb_shortcuts %}
                <dt><span class="kb-shortcut-key">/</span></dt><dd>Open Search</dd>
                <dt><span class="kb-shortcut-key">Ctrl</span>+<span class="kb-shortcut-key">/</span></dt><dd>Open Search relative to current page</dd>
                <dt><span class="kb-shortcut-key">Ctrl</span>+<span class="kb-shortcut-key">[</span> and <span class="kb-shortcut-key">Ctrl</span>+<span class="kb-shortcut-key">]</span></dt><dd>Cycle through path index editors</dd>
                <dt><span class="kb-shortcut-key">Ctrl</span>+<span class="kb-shortcut-key">\</span></dt><dd>Navigate to parent page</dd>
                {%- endblock help_kb_shortcuts %}
            </dl>
            {%- endblock help_contents %}
        </div>
    </div>

    {%- endblock body %}
</body>

<div id="_IdxEditModal">
    <form>
        <input type="text" id="_IdxEditInput" aria-label="edit index" autocomplete="off">
    </form>
    <span id="_IdxEditRange"></span>
</div>

{%- endblock html %}
</html>
