feat: add base template with Pico CSS dark theme and home page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-24 09:13:28 -06:00
parent b3b34222c8
commit df7e86f2ed
6 changed files with 142 additions and 0 deletions
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}SneakySwole{% endblock %}</title>
+
+    <!-- Pico CSS (dark theme via data-theme="dark" on <html>) -->
+    <link rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
+
+    <!-- Custom overrides -->
+    <link rel="stylesheet" href="/static/css/sneakyswole.css">
+
+    <!-- HTMX -->
+    <script src="https://unpkg.com/htmx.org@2.0.4"
+            integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"
+            crossorigin="anonymous"></script>
+
+    {% block head_extra %}{% endblock %}
+</head>
+<body>
+    <header class="container">
+        <nav>
+            <ul>
+                <li><strong><a href="/">SneakySwole</a></strong></li>
+            </ul>
+            <ul>
+                {% block nav_items %}
+                <!-- Phase 3 adds: profile switcher, login/logout -->
+                {% endblock %}
+            </ul>
+        </nav>
+    </header>
+
+    <main class="container">
+        {% block flash %}{% endblock %}
+        {% block content %}{% endblock %}
+    </main>
+
+    <footer class="container">
+        <small>SneakySwole — Open-source workout tracking</small>
+    </footer>
+
+    {% block scripts %}{% endblock %}
+</body>
+</html>