Spry/tools/spry/templates/layout.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>{{APP_NAME}}</pstm-title>
    <script pstm-res-src="statum.js"></script>
    <link rel="stylesheet" pstm-res-href="spry.css">
</head>
<body>
    <header class="topbar">
        <a class="topbar-brand" href="/">{{APP_NAME}}</a>
        <nav class="nav">
            <a href="/">Home</a>
            <!-- spry:nav-begin -->
            <!-- spry:nav-end -->
            <span stm-if="auth != null"><strong stm-text="auth.username">user</strong>
                <!-- spry:nav-auth-begin -->
                <!-- spry:nav-auth-end -->
            </span>
        </nav>
    </header>
    <main class="container py-4">
        <div stm-preloader>Loading…</div>
        <div stm-content hidden>
            <pstm-content></pstm-content>
        </div>
    </main>
    <footer class="container py-4 text-muted small">Served by Statum + Spry.</footer>
</body>
</html>