main
Manche Webserver liefern .mjs ohne JavaScript-MIME-Typ aus; der Browser verweigert dann den Modul-Import und die Karte bleibt bei der Vorschau stehen. Interne Verweise (shared, worker) mit umbenannt. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
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 Start, Unternehmen und Kontakt (OpenFreeMap), siehe Datenschutz.
| Datei | Seite |
|---|---|
index.html |
Start (Intro, Hero, Leistungen gepinnt, Osmose-Slider, Motto über Foto, Anfahrt mit Karte, 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.
Lokal ansehen
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:
python3 tools/build_pages.py
Was noch fehlt
Vor dem Launch zwingend
- Leistungsverzeichnisse (PDF). Verlinkt als
assets/docs/Leistungsverzeichnis-Wohnanlage.pdfund…-Tiefgarage.pdf, die Dateien fehlen noch. Quelle: alte Seite → Leistungen. - Impressum: Rechtsform bestätigen (rot markiert). TMG-Verweise sind bereits auf DDG umgestellt.
- 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.
- Hoster und Domain. Danach
deploy.shnach dem Muster von Emma's Schatzkiste anlegen (rsync, CSS-Hash-Versionierung). Canonical-URLs und Sitemap zeigen aufhttps://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.
Languages
HTML
51.2%
CSS
20%
Python
19.1%
JavaScript
9.7%