Ersetzt die schematische Karte durch MapLibre GL 6.11 (lokal eingebunden, ohne React, da die Seite statisch ist). Kacheln vom OpenFreeMap-Stil "dark", auf die Nachtblau-Palette umgefärbt; Marker mit Label, lädt beim Heranscrollen und zoomt sanft auf den Standort. Die schematische Karte bleibt als Vorschau und Fallback ohne WebGL. Datenschutzerklärung um den Kartenanbieter ergänzt. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
70 lines
3.5 KiB
Markdown
70 lines
3.5 KiB
Markdown
# Kirschner Gebäudeservice — Website
|
||
|
||
Neue Website für den Hausmeisterservice in Ergolding (bisher Jimdo:
|
||
`1407316705.jimdoweb.com`). Statisches HTML/CSS/JS, kein Cookie-Banner. Einzige Fremdanfrage: die Karte auf Unternehmen/Kontakt (OpenFreeMap), siehe Datenschutz.
|
||
|
||
| Datei | Seite |
|
||
|---|---|
|
||
| `index.html` | Start (Intro, Hero, Leistungen gepinnt, Osmose-Slider, Motto über Foto, Karriere-Band) |
|
||
| `leistungen.html` | 7 Leistungen im Detail, Leistungsverzeichnisse |
|
||
| `unternehmen.html` | Timeline 2003–2020, Team, Anfahrt mit Karte |
|
||
| `karriere.html` | Drei Stellen mit Bewerbung per E-Mail |
|
||
| `kontakt.html` | Büro, Notruf, E-Mail, Anfahrt mit Karte |
|
||
| `impressum.html`, `datenschutz.html` | Rechtstexte (Entwürfe, siehe unten) |
|
||
| `assets/site.css` | Tokens und alle Komponenten |
|
||
| `assets/motion.js` | alle Animationen |
|
||
| `assets/map.js` | Karte (MapLibre + OpenFreeMap), lädt beim Heranscrollen |
|
||
| `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:** Angaben zu OpenFreeMap prüfen und ergänzen (rot markiert), 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 eigene MapLibre-Karte (`assets/map.js`, Kacheln von OpenFreeMap), die erst beim Heranscrollen lädt. Die schematische Karte bleibt als Vorschau/Fallback ohne WebGL.
|