Favicon (SVG) hinzugefügt und eingebunden; SEO-Metatags (Description/Canonical/OG/Twitter) ergänzt

This commit is contained in:
2025-08-19 11:51:36 +02:00
parent 916f6510d8
commit a8ad4d18e9
2 changed files with 42 additions and 0 deletions

31
static/favicon.svg Normal file
View File

@@ -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="WordleCheater 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>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -4,6 +4,17 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>WordleCheater (DE)</title>
<meta name="description" content="WordleCheater: Finde deutsche 5BuchstabenWö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="WordleCheater (DE)" />
<meta property="og:description" content="Finde deutsche 5BuchstabenWö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="WordleCheater (DE)" />
<meta name="twitter:description" content="Finde deutsche 5BuchstabenWö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; }