Feuerwehr Stadt Wehlen – Webseite

Modernes Redesign im hellen „Modern Light"-Design: hellgrauer Hintergrund, weiße abgerundete Karten, roter Header mit Logo-Muster. Vollständig mobile-optimiert (responsives Grid, Hamburger-Menü, Karten statt Tabellen auf dem Smartphone).

Seiten

Datei	Inhalt
`index.html`	Start: Hero, Gerätehaus, Wehr-Foto 2026, Termine, Schnellzugriff
`geschichte.html`	Wehrgeschichte seit 1865 als Accordion (inkl. Zeitungsartikel 1921)
`technik.html`	Fahrzeug-Übersicht mit Kategorie-Filter
`fahrzeug.html`	Detailseite, datengetrieben via `?id=lf10` usw.
`mitglieder.html`	Organigramm & Mitgliederlisten
`jugendfeuerwehr.html`	Jugendfeuerwehr: Infos, Ansprechpartner, JFw-Dienstplan
`foerderverein.html`	Förderverein: Mitgliedschaft, Formulare, Sponsoren
`dienstplan.html`	Nächste Termine, komplette Termintabelle, Dienstplan-PDFs
`veranstaltungen.html`	Feste & Veranstaltungen (aus der CSV gefiltert)
`kontakt.html`	Kontakt & Impressum
`datenschutz.html`	Datenschutzerklärung

Struktur

assets/
  style.css          Komplettes Design (Farben in :root-Variablen)
  components.js      Navbar, Footer, Hero + alle Renderer
data/                ZENTRALE DATENQUELLEN – Inhalte nur HIER pflegen
  fahrzeuge.js       Fahrzeuge/Boote/Anhänger inkl. Technikdaten & Bilder
  geschichte.js      Geschichts-Epochen
  mitglieder.js      Organigramm & Mitgliederlisten
  foerderverein.js   Downloads & Sponsoren des Fördervereins
  dienste.js         Liest dienstplan/dienstplan.csv, befüllt alle Terminbereiche
dienstplan/
  dienstplan.csv     Termine (einzige Quelle für Dienstplan & Veranstaltungen)
downloads/           PDFs (Dienstpläne, Formulare, Satzung, Protokolle)
bilder/, technik/, geschichte/   Bildmaterial

Prinzip

Inhalte liegen zentral in data/ bzw. dienstplan/dienstplan.csv – die Seiten rendern daraus automatisch ihr Markup.
Navbar, Footer und Hero liegen in assets/components.js und werden in die Platzhalter #site-header / #site-footer / #site-hero eingefügt.
window.FFW_BASE (im <head> jeder Seite) ist der Pfad zum Projekt-Root – bei Seiten im Root einfach "".
Der aktive Menüpunkt wird über <body data-page="..."> gesteuert.

Inhalte ändern

Was	Wo
Termine / Dienstplan / Veranstaltungen	`dienstplan/dienstplan.csv`
Fahrzeugdaten, Bilder, Beladung	`data/fahrzeuge.js`
Geschichtstexte	`data/geschichte.js`
Mitglieder / Organigramm	`data/mitglieder.js`
Sponsoren / Förderverein-Dokumente	`data/foerderverein.js`
Menü / Footer / Hero / Statistik	`assets/components.js`
Farben	`assets/style.css` (`:root`-Variablen oben)

Lokal ansehen

python3 -m http.server 8000
# dann http://localhost:8000/ öffnen

Hinweise

Der ELW 1 hat aktuell keine Detailseite – die Karte ist mit „Demnächst" markiert (inArbeit: true in data/fahrzeuge.js).
Die Datenschutzerklärung wurde aus dem alten Stand übernommen; Abschnitte über nicht mehr genutzte Dienste (Google Analytics, YouTube, Typekit) wurden entfernt.
Frühere Design-Entwürfe sind in der Git-Historie erhalten.

3.2 KiB Raw Blame History Unescape Escape