init blog

2026-01-12 14:12:30 +01:00
parent cd69b0ac26
commit 38d0e7e0a0
22 changed files with 7126 additions and 0 deletions
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -0,0 +1,100 @@
+---
+interface Props {
+  title: string;
+  description?: string;
+}
+
+const { title, description = "Technical problem solver's blog - practical insights and learning notes" } = Astro.props;
+
+// About info from context
+const aboutInfo = {
+  name: "Marc Mintel",
+  role: "Technical problem solver",
+  email: "marc@mintel.me",
+  location: "Vulkaneifel, Germany"
+};
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{title} | {aboutInfo.name}</title>
+    <meta name="description" content={description} />
+    <meta name="generator" content={Astro.generator} />
+    
+    <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;700&display=swap" rel="stylesheet">
+  </head>
+  <body class="bg-white text-slate-900 font-sans antialiased">
+    <div class="min-h-screen flex flex-col">
+      <!-- Header with About Info -->
+      <header class="bg-white border-b border-slate-200 sticky top-0 z-10">
+        <div class="max-w-4xl mx-auto px-4 py-4">
+          <div class="flex items-center justify-between">
+            <div>
+              <h1 class="text-xl font-bold text-slate-900">
+                <a href="/" class="hover:text-slate-700">{aboutInfo.name}</a>
+              </h1>
+              <p class="text-sm text-slate-600">{aboutInfo.role}</p>
+            </div>
+            <div class="text-right text-sm text-slate-600 hidden sm:block">
+              <p>{aboutInfo.email}</p>
+              <p>{aboutInfo.location}</p>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      <!-- Main Content -->
+      <main class="flex-grow">
+        <slot />
+      </main>
+
+      <!-- Footer -->
+      <footer class="border-t border-slate-200 bg-slate-50">
+        <div class="max-w-4xl mx-auto px-4 py-6">
+          <p class="text-sm text-slate-600 text-center">
+            A public notebook of things I figured out, mistakes I made, and tools I tested.
+          </p>
+        </div>
+      </footer>
+    </div>
+
+    <style is:global>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      
+      body {
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        line-height: 1.6;
+      }
+      
+      a {
+        color: #2563eb;
+        text-decoration: none;
+      }
+      
+      a:hover {
+        text-decoration: underline;
+      }
+      
+      /* Smooth scrolling */
+      html {
+        scroll-behavior: smooth;
+      }
+      
+      /* Focus styles for accessibility */
+      a:focus,
+      button:focus {
+        outline: 2px solid #2563eb;
+        outline-offset: 2px;
+      }
+    </style>
+  </body>
+</html>