Auto-commit: 2026-05-20 21:35

memory/gitea-specs/issue-36.md

@@ -0,0 +1,58 @@
+# Issue #36: Favicon erstellen und einbinden
+
+## Komplexität: **S** (Small)
+
+## Analyse
+- Keine Abhängigkeiten zu anderen Issues
+- Reine Frontend-Aufgabe: Favicon generieren + `<link>` Tags einfügen
+- Keine Tests nötig (visuell überprüfbar)
+
+## Spezifikation
+
+### 1. Favicon erstellen
+- Design: Haus-Symbol oder initiales "HS" passend zur Landingpage
+- Formate:
+  - `favicon.ico` (16x16, 32x32) – Fallback für ältere Browser
+  - `favicon-32x32.png`
+  - `favicon-16x16.png`
+  - `apple-touch-icon.png` (180x180)
+  - `site.webmanifest` (für Android Chrome)
+- Speicherort: `/bilder/favicon/`
+
+### 2. Einbindung in `index.php`
+Nach Zeile 129 (`<meta charset="UTF-8" />`) einfügen:
+```html
+<link rel="icon" type="image/png" sizes="32x32" href="/bilder/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/bilder/favicon/favicon-16x16.png">
+<link rel="icon" type="image/x-icon" href="/bilder/favicon/favicon.ico">
+<link rel="apple-touch-icon" sizes="180x180" href="/bilder/favicon/apple-touch-icon.png">
+<link rel="manifest" href="/bilder/favicon/site.webmanifest">
+```
+
+### 3. webmanifest
+```json
+{
+  "name": "Haus Schleusingen",
+  "short_name": "HS",
+  "icons": [
+    { "src": "/bilder/favicon/favicon-32x32.png", "sizes": "32x32", "type": "image/png" },
+    { "src": "/bilder/favicon/favicon-16x16.png", "sizes": "16x16", "type": "image/png" }
+  ],
+  "theme_color": "#1c1917",
+  "background_color": "#fafaf9"
+}
+```
+
+### Akzeptanzkriterien
+- [ ] Favicon wird im Browser-Tab angezeigt
+- [ ] Alle Formate vorhanden (ico, png 16+32, apple-touch)
+- [ ] In `index.php` eingebunden
+- [ ] webmanifest vorhanden
+
+## Pipeline
+- ✅ Phase 1: Analyse (Komplexität S)
+- ⬜ Phase 2: Implementierung
+- ⬜ Phase 3: Code Review
+- ⬜ Phase 5: Merge & Release
+- ⬜ Phase 6: Abnahme
+- ⬜ Phase 7: Closing