conv. commit

src/layouts/Base.astro

@@ -0,0 +1,67 @@
+---
+import "../styles/global.css";
+
+interface Props {
+  title: string;
+  description?: string;
+}
+
+const { title, description = "Protocol-agnostic LoRa over USB" } = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content={description} />
+    <title>{title}</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body class="min-h-screen bg-bg text-text antialiased">
+    <header
+      class="border-b border-border px-6 py-4 flex items-center justify-between max-w-6xl mx-auto"
+    >
+      <a href="/" class="font-mono font-bold text-xl text-accent hover:text-accent-bright">
+        DongLoRa
+      </a>
+      <nav class="flex gap-6 text-sm">
+        <a href="/" class="text-text-muted hover:text-text transition-colors">Home</a>
+        <a href="/flash" class="text-text-muted hover:text-text transition-colors">Flasher</a>
+        <a
+          href="https://github.com/donglora"
+          class="text-text-muted hover:text-text transition-colors"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          GitHub
+        </a>
+      </nav>
+    </header>
+
+    <main class="max-w-6xl mx-auto px-6 py-12">
+      <slot />
+    </main>
+
+    <footer class="border-t border-border px-6 py-8 mt-16">
+      <div class="max-w-6xl mx-auto text-center text-text-dim text-sm">
+        <p>
+          MIT License &middot;
+          <a
+            href="https://github.com/donglora"
+            class="text-text-muted hover:text-accent transition-colors"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            github.com/donglora
+          </a>
+        </p>
+      </div>
+    </footer>
+  </body>
+</html>