openclaw/memory/gitea-specs/issue-36.md

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:

<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

{
  "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