feat: Archiv-Backfill, responsive Bilder und Site-Meta

Ergänzt Backfill- und Hilfsskripte, erzeugt nach der Pixazo-Generierung
komprimierte srcset-Varianten, validiert leere Bilder und fügt Favicon,
Web Manifest sowie Open-Graph-/Twitter-Tags in die Templates ein.

Co-authored-by: Cursor <cursoragent@cursor.com>

public/echt-jetzt/index.html

@@ -5,6 +5,24 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="robots" content="noindex">
   <title>Echt jetzt? – MOBEA</title>
+  <meta name="description" content="MOBEA ist Satire. Jeden Tag ein neues fiktives Startup.">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any">
+  <link rel="icon" href="/favicon.ico" sizes="32x32">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="canonical" href="https://mobea.de/echt-jetzt/">
+  <meta property="og:type" content="website">
+  <meta property="og:site_name" content="MOBEA">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:url" content="https://mobea.de/echt-jetzt/">
+  <meta property="og:title" content="Echt jetzt? – MOBEA">
+  <meta property="og:description" content="MOBEA ist Satire. Jeden Tag ein neues fiktives Startup.">
+  <meta property="og:image" content="https://mobea.de/og-default.jpg">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="Echt jetzt? – MOBEA">
+  <meta name="twitter:description" content="MOBEA ist Satire. Jeden Tag ein neues fiktives Startup.">
+  <meta name="twitter:image" content="https://mobea.de/og-default.jpg">
+  <meta name="theme-color" content="#12141a">
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 

public/favicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="MOBEA">
+  <rect width="32" height="32" rx="7" fill="#2563eb"/>
+  <text x="16" y="22" text-anchor="middle" fill="#ffffff" font-family="system-ui, sans-serif" font-size="15" font-weight="800">M</text>
+</svg>

public/site.webmanifest

@@ -0,0 +1,23 @@
+{
+  "name": "MOBEA",
+  "short_name": "MOBEA",
+  "description": "Das Startup, das jeden Tag ein anderes Startup ist.",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#111118",
+  "theme_color": "#2563eb",
+  "icons": [
+    {
+      "src": "/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    },
+    {
+      "src": "/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+}