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>
3.8 KiB
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
python3 -m http.server 4175
Dann http://localhost:4175 öffnen. index.html lässt sich auch direkt per Doppelklick öffnen.
Ändern
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).