diff options
Diffstat (limited to 'templates/base.html')
| -rw-r--r-- | templates/base.html | 66 |
1 files changed, 48 insertions, 18 deletions
diff --git a/templates/base.html b/templates/base.html index 4e814ad..1b48f06 100644 --- a/templates/base.html +++ b/templates/base.html @@ -10,26 +10,56 @@ </head> <body> <div class="shell"> - <header class="topbar"> - <a class="brand" href="/">Lumière</a> - <button id="menu-toggle" class="menu-toggle" aria-label="Menu" aria-expanded="false"></button> - <nav class="nav-actions" id="nav-actions" aria-label="Primary"> - <a class="{% if active_shelf == 'diary' %}is-active{% endif %}" href="/diary">Diary</a> - <a class="{% if active_shelf == 'queue' %}is-active{% endif %}" href="/queue">Queue</a> - <a class="{% if active_shelf == 'abandoned' %}is-active{% endif %}" href="/abandoned">Abandoned</a> - <a class="{% if active_page == 'stats' %}is-active{% endif %}" href="/stats">Stats</a> - <a class="{% if active_page == 'about' %}is-active{% endif %}" href="/about">About</a> - <a class="{% if active_page == 'import' %}is-active{% endif %}" href="/import">Import</a> - <a class="button-link" href="/films/new">Add Film</a> - <form method="post" action="/logout" style="display: contents;"> - <button type="submit" style="background: none; border: none; color: var(--muted); cursor: pointer; font-size: inherit; padding: 0;">Logout</button> + <aside class="app-sidebar"> + <div class="app-sidebar-inner"> + <a class="brand" href="/">Lumière</a> + <p class="sidebar-intro">A private film ledger for what stayed with you.</p> + + <a class="button-link sidebar-cta" href="/films/new">Add Film</a> + + <nav class="sidebar-nav" aria-label="Primary"> + <div class="sidebar-group"> + <p class="sidebar-label">Shelves</p> + <a class="{% if active_shelf == 'diary' %}is-active{% endif %}" href="/diary">Diary</a> + <a class="{% if active_shelf == 'queue' %}is-active{% endif %}" href="/queue">Queue</a> + <a class="{% if active_shelf == 'abandoned' %}is-active{% endif %}" href="/abandoned">Abandoned</a> + </div> + <div class="sidebar-group"> + <p class="sidebar-label">Library</p> + <a class="{% if active_page == 'stats' %}is-active{% endif %}" href="/stats">Stats</a> + <a class="{% if active_page == 'about' %}is-active{% endif %}" href="/about">About</a> + <a class="{% if active_page == 'import' %}is-active{% endif %}" href="/import">Import</a> + </div> + </nav> + + <form class="sidebar-logout" method="post" action="/logout"> + <button type="submit" class="sidebar-logout-button">Logout</button> </form> - </nav> - </header> + </div> + </aside> + + <div class="app-main"> + <header class="topbar"> + <a class="brand" href="/">Lumière</a> + <button id="menu-toggle" class="menu-toggle" aria-label="Menu" aria-expanded="false"></button> + <nav class="nav-actions" id="nav-actions" aria-label="Primary"> + <a class="{% if active_shelf == 'diary' %}is-active{% endif %}" href="/diary">Diary</a> + <a class="{% if active_shelf == 'queue' %}is-active{% endif %}" href="/queue">Queue</a> + <a class="{% if active_shelf == 'abandoned' %}is-active{% endif %}" href="/abandoned">Abandoned</a> + <a class="{% if active_page == 'stats' %}is-active{% endif %}" href="/stats">Stats</a> + <a class="{% if active_page == 'about' %}is-active{% endif %}" href="/about">About</a> + <a class="{% if active_page == 'import' %}is-active{% endif %}" href="/import">Import</a> + <a class="button-link" href="/films/new">Add Film</a> + <form method="post" action="/logout" class="nav-logout"> + <button type="submit" class="nav-logout-button">Logout</button> + </form> + </nav> + </header> - <main> - {% block content %}{% endblock %} - </main> + <main class="app-content"> + {% block content %}{% endblock %} + </main> + </div> </div> {% block scripts %}{% endblock %} </body> |