From a8ad4d18e955b4c7cd930593f3b0ec2ec6eabd5b Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Tue, 19 Aug 2025 11:51:36 +0200
Subject: [PATCH] =?UTF-8?q?Favicon=20(SVG)=20hinzugef=C3=BCgt=20und=20eing?=
 =?UTF-8?q?ebunden;=20SEO-Metatags=20(Description/Canonical/OG/Twitter)=20?=
 =?UTF-8?q?erg=C3=A4nzt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/favicon.svg   | 31 +++++++++++++++++++++++++++++++
 templates/index.html | 11 +++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 static/favicon.svg

diff --git a/static/favicon.svg b/static/favicon.svg
new file mode 100644
index 0000000..8af2000
--- /dev/null
+++ b/static/favicon.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-label="Wordle‑Cheater Favicon">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#111827" />
+      <stop offset="100%" stop-color="#0b1220" />
+    </linearGradient>
+  </defs>
+
+  <!-- Hintergrund -->
+  <rect x="1" y="1" width="62" height="62" rx="12" ry="12" fill="url(#bg)" stroke="#000" stroke-opacity=".15"/>
+
+  <!-- 5 Kacheln (Wordle-inspiriert) -->
+  <!-- Zentriert: Kachelgröße 8, Abstand 3 → Breite 52, Start x=6 -->
+  <g transform="translate(6, 22)">
+    <rect width="8" height="8" rx="1.5" fill="#10B981" stroke="#000" stroke-opacity=".2"/>
+    <rect x="11" width="8" height="8" rx="1.5" fill="#F59E0B" stroke="#000" stroke-opacity=".2"/>
+    <rect x="22" width="8" height="8" rx="1.5" fill="#6B7280" stroke="#000" stroke-opacity=".2"/>
+    <rect x="33" width="8" height="8" rx="1.5" fill="#22C55E" stroke="#000" stroke-opacity=".2"/>
+    <rect x="44" width="8" height="8" rx="1.5" fill="#FBBF24" stroke="#000" stroke-opacity=".2"/>
+
+    <!-- zweite Reihe für mehr Quadratik/Balance -->
+    <rect y="11" width="8" height="8" rx="1.5" fill="#0EA5E9" stroke="#000" stroke-opacity=".2"/>
+    <rect x="11" y="11" width="8" height="8" rx="1.5" fill="#A78BFA" stroke="#000" stroke-opacity=".2"/>
+    <rect x="22" y="11" width="8" height="8" rx="1.5" fill="#F472B6" stroke="#000" stroke-opacity=".2"/>
+    <rect x="33" y="11" width="8" height="8" rx="1.5" fill="#34D399" stroke="#000" stroke-opacity=".2"/>
+    <rect x="44" y="11" width="8" height="8" rx="1.5" fill="#FCA5A5" stroke="#000" stroke-opacity=".2"/>
+  </g>
+
+  <!-- dezente Glanzfläche -->
+  <path d="M12,6 h40 a10,10 0 0 1 10,10 v2 H2 v-2 A10,10 0 0 1 12,6 z" fill="#fff" fill-opacity=".06"/>
+</svg>
diff --git a/templates/index.html b/templates/index.html
index bbd7b0a..911d78b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,6 +4,17 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Wordle‑Cheater (DE)</title>
+    <meta name="description" content="Wordle‑Cheater: Finde deutsche 5‑Buchstaben‑Wörter anhand bekannter Buchstaben und Positionen. Quellen: OpenThesaurus und wordfreq." />
+    <meta name="robots" content="index,follow" />
+    <link rel="canonical" href="{{ request.url_root }}" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Wordle‑Cheater (DE)" />
+    <meta property="og:description" content="Finde deutsche 5‑Buchstaben‑Wörter mit Positions- und Buchstabenfiltern. Quellen: OpenThesaurus & wordfreq." />
+    <meta property="og:url" content="{{ request.url_root }}" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="Wordle‑Cheater (DE)" />
+    <meta name="twitter:description" content="Finde deutsche 5‑Buchstaben‑Wörter mit Positions- und Buchstabenfiltern. Quellen: OpenThesaurus & wordfreq." />
+    <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}" />
     <style>
         body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 2rem; }
         .container { max-width: 800px; margin: 0 auto; }