59 lines
1.8 KiB
Markdown
59 lines
1.8 KiB
Markdown
# 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
|