NotPika69andClaude Opus 5.5
fef4ac8eae
- Buchungslinks direkt auf Portal-IDs; Ernährungsberatung auf id=107, Kaufberatung entfernt (im Portal gibt es keine Seite dafür) - .htaccess: alte WordPress-Adressen per 301 auf die neuen Seiten - Tablet bis 980 px: Logo-Siegel über den Kacheln statt darauf - Handy: lange Wörter werden nicht mehr abgeschnitten, Pfeile überdecken keinen Text mehr, „Buchen“ neben dem Menü-Knopf - Dreier-Karten: Überschriften auf einer Linie (Subgrid) - Menü schließt mit Escape und Tipp daneben; sichtbarer Fokusrahmen - Startseite Handy/Tablet: Kopfleiste, sobald das Siegel weg ist - 404: Pfade ab der Wurzel statt <base>, Sprunglink bleibt auf der Seite Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
63 lines
3.8 KiB
Markdown
63 lines
3.8 KiB
Markdown
# 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).
|