map now working

2026-03-28 19:34:22 +01:00
parent 5d58126d2f
commit 3441079913
18 changed files with 1489 additions and 10 deletions
@@ -0,0 +1,41 @@
+---
+interface Props {
+  title?: string;
+  description?: string;
+}
+const { title = 'BincioActivity', description = 'Your personal activity stats' } = Astro.props;
+---
+<!doctype html>
+<html lang="en" class="dark">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="description" content={description} />
+  <title>{title}</title>
+<style is:global>
+    :root {
+      --accent: #00c8ff;
+      --accent-dim: rgba(0,200,255,0.15);
+    }
+    * { box-sizing: border-box; }
+    html { scroll-behavior: smooth; }
+    body { margin: 0; }
+    /* MapLibre GL needs these */
+    .maplibregl-canvas { outline: none; }
+  </style>
+</head>
+<body class="bg-zinc-950 text-zinc-100 font-sans antialiased min-h-screen">
+  <nav class="border-b border-zinc-800 sticky top-0 z-50 bg-zinc-950/90 backdrop-blur">
+    <div class="max-w-7xl mx-auto px-4 h-12 flex items-center gap-6">
+      <a href="/" class="font-bold text-white tracking-tight hover:text-[--accent] transition-colors">
+        Bincio<span class="text-[--accent]">Activity</span>
+      </a>
+      <a href="/" class="text-sm text-zinc-400 hover:text-white transition-colors">Feed</a>
+      <a href="/stats/" class="text-sm text-zinc-400 hover:text-white transition-colors">Stats</a>
+    </div>
+  </nav>
+  <main class="max-w-7xl mx-auto px-4 py-6">
+    <slot />
+  </main>
+</body>
+</html>