added analytics page

2026-04-04 13:04:26 +02:00
parent 5f58664b6d
commit a82b6da9ca
6 changed files with 454 additions and 3 deletions
--- a/templates/_layout.html
+++ b/templates/_layout.html
@@ -9,9 +9,68 @@
    </style>
 </head>
 <body>
+    <nav class="navbar">
+        <div class="nav-content">
+            <span class="nav-logo">Slimes 🧪</span>
+            <div class="nav-links">
+                <a href="/" class="{% if current_page == 'leaderboard' %}active{% endif %}">Leaderboard</a>
+                <a href="/analytics" class="{% if current_page == 'analytics' %}active{% endif %}">Analytics</a>
+            </div>
+        </div>
+    </nav>
+
    <main>
        {% block content %}{% endblock %}
    </main>
    <footer>{{ now() | date(format="%Y") }} - Slimes</footer>
 </body>
+
+<style>
+.navbar {
+    background: var(--bg-card);
+    border-bottom: 1px solid var(--border-color);
+    padding: 0.75rem 1rem;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+}
+
+.nav-content {
+    max-width: 1400px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.nav-logo {
+    font-weight: 800;
+    color: var(--primary-color);
+    font-size: 1.2rem;
+}
+
+.nav-links {
+    display: flex;
+    gap: 1.5rem;
+}
+
+.nav-links a {
+    text-decoration: none;
+    color: var(--text-muted);
+    font-weight: 600;
+    font-size: 0.9rem;
+    transition: color 0.2s;
+    padding: 0.5rem 0;
+    border-bottom: 2px solid transparent;
+}
+
+.nav-links a:hover {
+    color: var(--primary-color);
+}
+
+.nav-links a.active {
+    color: var(--primary-color);
+    border-bottom-color: var(--primary-color);
+}
+</style>
 </html>