- JavaScript 84%
- CSS 14%
- HTML 2%
| design_handoff_stadtgespraech | ||
| .gitignore | ||
| .thumbnail | ||
| app.js | ||
| CLAUDE.md | ||
| data.js | ||
| DOKUMENTATION.md | ||
| i18n.js | ||
| index.html | ||
| layout.js | ||
| mapconfig.js | ||
| README.md | ||
| SITZUNGSPROTOKOLL.md | ||
| stadtteile.js | ||
| styles.css | ||
| tweaks.js | ||
InnenStadtGesellschaft — Stadtgespräch
Dialoggeführte, graphorientierte Portalseite für die Stadt Bingen am Rhein (BingerInnen). Themenorientierte Services, miteinander verbunden in einem Graphen, mit wachsender Servicetiefe von der Idee bis zur Ausführung.
→ Vollständige inhaltliche Beschreibung in DOKUMENTATION.md.
Starten
Reine statische Website ohne Build-Schritt und ohne externe Abhängigkeiten.
index.html in einem Browser öffnen — oder lokal ausliefern:
python3 -m http.server 8080
# dann http://localhost:8080 öffnen
Dateien
| Datei | Inhalt |
|---|---|
index.html |
Grundgerüst & Steuerleisten |
styles.css |
Design (minimalistisch, OKLCH, RTL) |
data.js |
Datenmodell (Phasen, Perspektiven, Sichten, Leitbild, Sphären, Themen, Stadtkarte) |
i18n.js |
Übersetzungen (8 Sprachen) |
stadtteile.js |
Geodaten der Stadtteilkarten |
mapconfig.js |
Karten-Dienst-Konfiguration (austauschbar) + echte Koordinaten |
layout.js |
Radiales Graph-Layout |
app.js |
Anwendungslogik |
tweaks.js |
Tweaks-Panel |
Eigenschaften
- Stadtgespräch (dialoggeführt) · Graph statt Hierarchie
- Vier Wurzelsichten: thematisch · geografisch (Karte) · organisatorisch (Sphären) · strukturell
- Vier Perspektiven: BürgerInnenschaft · Rat · Verwaltung · Betriebe
- Lebenszyklus & Servicetiefe (Vorstellung → Diskussion → Stadtrat → Verwaltung → Stadtbetriebe)
- Karten mit Rhein, Nahe, Rochusberg; Horizont = Stadtgebiet; Nachbargemeinden (regionale Mittelstadt)
- Mehrsprachig (DE EN FR TR KU AR UK HE), RTL für AR/HE
- Optionaler Karten-Hintergrund (Leaflet/OSM) mit echten Koordinaten; Kachel-Dienst in
mapconfig.jsaustauschbar (eigener Dienst folgt) - Tweaks-Panel (Akzentfarbe, Schrift, Karten-Schalter)
In ein privates Forgejo-Repository legen
Repo in der Forgejo-Oberfläche anlegen (Sichtbarkeit privat), dann lokal:
git init
git add .
git commit -m "InnenStadtGesellschaft — Stadtgespräch (Arbeitsstand)"
git branch -M main
# URL des privaten Repos einsetzen (Beispiel):
git remote add origin https://git.bingerinnen.de/<NUTZER>/innenstadtgesellschaft.git
git push -u origin main
Bei aktivierter 2FA/SSH stattdessen die SSH-URL verwenden
(git@git.bingerinnen.de:<NUTZER>/innenstadtgesellschaft.git).
Status
Arbeitsstand aus der Konzeptions- und Bausitzung. Stadtteilkarten eingebunden (Drilldown,
Mini-Karte, gleiche Orientierung, Nachbargemeinden); optionaler Leaflet/OSM-Hintergrund mit
austauschbarem Karten-Dienst (mapconfig.js); Tweaks-Panel. Inhalte sind realistische
Platzhalter und in data.js austauschbar. Vorgesehen: eigener Karten-Dienst und Anbindung
an die OParl-API von ratsinfo.bingerinnen.de. Der Sitzungsverlauf steht in
SITZUNGSPROTOKOLL.md.