76 lines
2.7 KiB
Markdown
76 lines
2.7 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, 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 |
|
||
| `dienstplan.html` | Nächste Termine + komplette Termintabelle |
|
||
| `veranstaltungen.html` | Feste & Veranstaltungen (aus der CSV gefiltert) |
|
||
| `kontakt.html` | Kontakt & Impressum |
|
||
|
||
## 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
|
||
dienste.js Liest dienstplan/dienstplan.csv, befüllt alle Terminbereiche
|
||
dienstplan/
|
||
dienstplan.csv Termine (einzige Quelle für Dienstplan & Veranstaltungen)
|
||
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` |
|
||
| Menü / Footer / Hero | `assets/components.js` |
|
||
| Farben | `assets/style.css` (`:root`-Variablen oben) |
|
||
|
||
## Offene TODOs
|
||
|
||
- Kontaktdaten (Adresse, E-Mail) in `kontakt.html` ergänzen
|
||
(mit `TODO`-Kommentaren markiert)
|
||
- ELW 1: Detailseite fehlt noch – Karte ist als „Demnächst" markiert
|
||
(`inArbeit: true` in `data/fahrzeuge.js`)
|
||
|
||
## Lokal ansehen
|
||
|
||
```sh
|
||
python3 -m http.server 8000
|
||
# dann http://localhost:8000/ öffnen
|
||
```
|
||
|
||
## Hinweis
|
||
|
||
Die vorherigen Design-Entwürfe (rote Dark-Variante, alter Stand) sind in
|
||
der Git-Historie erhalten.
|