79 lines
3.2 KiB
Markdown
79 lines
3.2 KiB
Markdown
# 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
|
||
|
||
```sh
|
||
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.
|