clanker-saddle/src/pages/main.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <pstm-name>main</pstm-name>
    <pstm-title>ClankerSaddle</pstm-title>
    <script pstm-res-src="statum.js"></script>
    <link rel="stylesheet" pstm-res-href="app.css">
    <link rel="icon" type="image/png" pstm-res-href="clanker-saddle.png">
    <link rel="apple-touch-icon" pstm-res-href="clanker-saddle.png">
    <link rel="stm-guard" require="auth != null || location.pathname == '/login'" href="/login">
    <script pstm-res-src="app.js"></script>
</head>
<body>
    <header>
        <h1><a href="/"><img class="brand-emblem" alt="" pstm-res-src="clanker-saddle-emblem.png">ClankerSaddle</a></h1>
        <nav stm-if="auth != null">
            <!-- spry:nav-begin -->
            <details class="nav-menu" name="nav-menu">
                <summary>Work</summary>
                <div class="nav-dropdown">
                    <a href="/">Dashboard</a>
                    <a href="/tasks">Tasks</a>
                    <a class="nav-goal" href="/goals"><em class="goal-icon">🎯</em> Goals</a>
                    <a href="/chats">Chats</a>
                </div>
            </details>
            <details class="nav-menu" name="nav-menu">
                <summary>Library</summary>
                <div class="nav-dropdown">
                    <a href="/projects">Projects</a>
                    <a href="/rules">Rules</a>
                    <a href="/stacks">Stacks</a>
                    <a href="/discoveries">Discoveries</a>
                </div>
            </details>
            <details class="nav-menu" name="nav-menu">
                <summary>Admin</summary>
                <div class="nav-dropdown">
                    <a href="/saddles">Saddles</a>
                    <!-- The users link is display-guarded (the page's entrypoint
                         guard is authoritative); auth.permissions rides the
                         signed auth slot, so an admin sees it everywhere. -->
                    <a stm-if="auth != null && auth.permissions.indexOf('admin') != -1" href="/users">Users</a>
                </div>
            </details>
            <!-- spry:nav-end -->
            <span class="nav-auth">
                <details class="nav-menu" name="nav-menu">
                    <summary>Account</summary>
                    <div class="nav-dropdown">
                        <span class="nav-user" stm-text="auth.username">user</span>
                        <a href="/profile" title="Your profile">Profile</a>
                        <button type="button" class="inline" stm-action="auth.logout">Log out</button>
                    </div>
                </details>
                <!-- spry:nav-auth-begin -->
                <!-- spry:nav-auth-end -->
            </span>
        </nav>
    </header>
    <main>
        <div stm-preloader>Loading…</div>
        <div stm-content hidden>
            <pstm-content></pstm-content>
        </div>
    </main>
    <footer><p>ClankerSaddle — the agent works while you sleep.</p></footer>
</body>
</html>