# Schmacko Napf & Hundetraining by Katha — Website

Neue Website für Katha (bisher WordPress auf `schmacko-napf.de`). Statisches HTML/CSS/JS, keine Cookies, kein Tracking, keine Drittanbieter – Schrift und Bilder liegen lokal. Deshalb ist kein Cookie-Banner nötig.

| Datei | Seite |
|---|---|
| `index.html` | Start: 4 Kacheln mit Logo-Siegel, darunter Über mich, Training, Ernährung, 5 Säulen, Shop/Transportboxen, Kontakt |
| `hundeschule.html` | Einzeltraining, Außentraining, 5 Säulen, Preise |
| `ernaehrung.html` | Futterarten, Ablauf, Preise |
| `shop.html` | Sortiment (Shop im Aufbau) |
| `transportboxen.html` | Maßanfertigung fürs Auto |
| `ueber-mich.html` | Katha, Ausbildungen, Weiterbildungen |
| `impressum.html`, `datenschutz.html` | Rechtstexte |
| `404.html` | Fehlerseite (per `.htaccess` auf Apache-Servern aktiv) |
| `assets/site.css` | Farben (oben als Variablen), Schrift, alle Komponenten |
| `assets/site.js` | Menü, Header nach dem Hero, Logo-Ring, Einblend-Animationen |
| `assets/img/` | Web-Bilder (WebP), erzeugt aus `tools/originals/` |
| `assets/fonts/` | Questrial (SIL Open Font License) |
| `tools/build_pages.py` | **Quelle der Seiten** — Inhalte hier ändern, dann neu erzeugen |
| `tools/optimize_images.py` | erzeugt `assets/img/`, Apple-Icon und Vorschaubild aus `tools/originals/` |
| `tools/make_zip.sh` | baut `Schmacko-Napf-Website.zip` zur Übergabe an den Kunden |

## Terminbuchung

Alle „Termin buchen“-Knöpfe führen zu Kathas Buchungsportal **PetWorkers** (`https://schmacko-napf.petworkers.app`): Kopfleiste, Kontakt-Fläche, Buchungs-Fläche auf Start/Hundetraining/Ernährung und die Buchen-Knöpfe in den Trainings-Flächen. Die einzelnen Links stehen zentral in `BOOK` in `tools/build_pages.py`.

Verlinkt werden die Portal-Seiten direkt über ihre ID (`index.php?id=…`). Die Adressen `seite.php?name=ernaehrungsberatung` und `…name=kaufberatung` leiten im Portal nur auf die Startseite um. Für die Kaufberatung gibt es im Portal noch keine eigene Seite, deshalb fehlt sie in den Buchungs-Flächen. Sobald Katha eine anlegt, in `BOOK` ergänzen.

Die alte Seite verlinkte für das Ernährungs-Erstgespräch teilweise auch Microsoft Bookings – die neue Seite nutzt einheitlich PetWorkers.

## Alte Adressen

`.htaccess` leitet die Adressen der alten WordPress-Seite (z. B. `/hundetraining/`, `/futterplaene/`, `/impressum/`, `/kontakt/`) per 301 auf die neuen Seiten um. So landen Google-Treffer, Lesezeichen und die Links im PetWorkers-Portal nicht auf der Fehlerseite.

## Lokal ansehen

```bash
python3 -m http.server 4175
```

Dann http://localhost:4175 öffnen. `index.html` lässt sich auch direkt per Doppelklick öffnen.

## Ändern

```bash
python3 tools/build_pages.py        # nach Text-/Strukturänderungen
python3 tools/optimize_images.py    # nach neuen Bildern in tools/originals/
tools/make_zip.sh                   # Übergabe-Paket neu bauen
```

`build_pages.py` braucht Pillow (`pip install pillow`).

## Veröffentlichen

Alles außer `tools/`, `README.md` und `.git` in das Hauptverzeichnis des Webspace laden. Die Seite geht von der Domain `https://schmacko-napf.de` aus (Canonical, Sitemap, Vorschaubild) – bei anderer Domain `SITE` in `tools/build_pages.py` ändern und neu erzeugen.

## Vor dem Livegang prüfen

- Texte für Shop und Transportboxen mit Katha abstimmen (aktuell allgemein formuliert).
- Impressum und Datenschutz rechtlich prüfen lassen; im Datenschutz ggf. den Hosting-Anbieter namentlich nennen.
- Nutzungsrecht der Fotos von KK-Fotografie (Steffi Biller) für die neue Seite bestätigen.
- Im PetWorkers-Portal (Katha): Die Knöpfe „Ernährungsberatung“ und „Kaufberatung“ auf der Portal-Startseite führen ins Leere. Der Text der Ernährungs-Seite (`id=107`) spricht noch von „DogWorkers“ (Vorlagentext).