Statische Seite ohne Build und ohne Fremdanfragen: Start, Leistungen, Unternehmen, Karriere, Kontakt, Impressum und Datenschutz. Design „Präzision in Blau" mit Archivo Variable, Motion über lokal eingebundenes GSAP/ScrollTrigger/SplitText und Lenis, reduced-motion-Fallback. Seiten entstehen aus tools/build_pages.py. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
69 lines
3.2 KiB
Markdown
69 lines
3.2 KiB
Markdown
# Kirschner Gebäudeservice — Website
|
||
|
||
Neue Website für den Hausmeisterservice in Ergolding (bisher Jimdo:
|
||
`1407316705.jimdoweb.com`). Statisches HTML/CSS/JS, keine Fremdanfragen, kein Cookie-Banner.
|
||
|
||
| Datei | Seite |
|
||
|---|---|
|
||
| `index.html` | Start (Intro, Hero, Leistungen gepinnt, Osmose-Slider, Philosophie, Karriere-Band) |
|
||
| `leistungen.html` | Umfang Gewerbe/Privat, 7 Leistungen im Detail, Leistungsverzeichnisse, Referenzen |
|
||
| `unternehmen.html` | Philosophie, Timeline 2003–heute, Team, Anfahrt |
|
||
| `karriere.html` | Benefits, drei Stellen mit Bewerbung per E-Mail |
|
||
| `kontakt.html` | Büro, Notruf, E-Mail, Adresse |
|
||
| `impressum.html`, `datenschutz.html` | Rechtstexte (Entwürfe, siehe unten) |
|
||
| `assets/site.css` | Tokens und alle Komponenten |
|
||
| `assets/motion.js` | alle Animationen |
|
||
| `tools/build_pages.py` | **Quelle der Seiten** — Inhalte hier ändern, dann neu erzeugen |
|
||
|
||
Design-Entscheidungen, Tokens und Animationsliste: [`DESIGN.md`](DESIGN.md).
|
||
|
||
## Lokal ansehen
|
||
|
||
```bash
|
||
python3 -m http.server 4174
|
||
```
|
||
|
||
Dann http://localhost:4174 öffnen. Das Intro läuft nur einmal pro Browser-Sitzung.
|
||
|
||
## Seiten ändern
|
||
|
||
Header, Footer und die Leistungsliste stehen einmal in `tools/build_pages.py` und werden in alle
|
||
sieben Seiten geschrieben. Nach jeder Inhaltsänderung:
|
||
|
||
```bash
|
||
python3 tools/build_pages.py
|
||
```
|
||
|
||
## Was noch fehlt
|
||
|
||
### Vor dem Launch zwingend
|
||
|
||
1. **Leistungsverzeichnisse (PDF).** Verlinkt als `assets/docs/Leistungsverzeichnis-Wohnanlage.pdf`
|
||
und `…-Tiefgarage.pdf`, die Dateien fehlen noch. Quelle: alte Seite → Leistungen.
|
||
2. **Impressum:** Rechtsform bestätigen (rot markiert). TMG-Verweise sind bereits auf DDG umgestellt.
|
||
3. **Datenschutz:** Hosting-Anbieter, AV-Vertrag (Art. 28 DSGVO) und Logfile-Speicherdauer eintragen
|
||
(rot markiert). Beide Rechtstexte sind Entwürfe — juristisch prüfen lassen.
|
||
4. **Hoster und Domain.** Danach `deploy.sh` nach dem Muster von Emma's Schatzkiste anlegen
|
||
(rsync, CSS-Hash-Versionierung). Canonical-URLs und Sitemap zeigen auf `https://www.kirschner-service.de`.
|
||
|
||
### Vom Kunden ausstehend
|
||
|
||
- **Echte Fotos:** Team (6 Porträts, 4:5), Fahrzeuge, Osmoseanlage im Einsatz, betreute Objekte,
|
||
ein echtes Vorher/Nachher-Paar (gleicher Ausschnitt). Bis dahin: Unsplash-Platzhalter bzw.
|
||
Initialen. Das Vorher-Bild ist künstlich verschmutzt und als Symbolbild gekennzeichnet.
|
||
- **Logo als Vektor.** Die Chevrons sind aus dem 950×157-Rasterlogo nachgezeichnet — bitte bestätigen
|
||
oder Original-SVG/EPS liefern.
|
||
- **Sind die drei Stellen noch aktuell?** Texte 1:1 von der alten Seite übernommen.
|
||
- **Öffnungs- bzw. Bürozeiten** — gibt es keine auf der alten Seite; würden Kontaktseite und
|
||
Google-Eintrag (JSON-LD) stärken.
|
||
- **Referenzobjekte namentlich nennen?** Die alte Seite sagt nur „auf Anfrage".
|
||
- **News:** Die alte Seite endet 2020. Die Meldungen stecken jetzt in der Timeline; neue Meldungen
|
||
kommen dort oder in einen eigenen Bereich.
|
||
|
||
### Bewusst nicht übernommen
|
||
|
||
- Fotolia-Bilder der alten Seite (150px, Lizenz unklar).
|
||
- Kontakt- und Bewerbungsformular — ersetzt durch vorbereitete `mailto:`-Links (Entscheidung
|
||
vom 2026-09-30).
|
||
- Google-Maps-Einbettung — ersetzt durch eine schematische Karte mit Link.
|