No description
  • JavaScript 84%
  • CSS 14%
  • HTML 2%
Find a file
2026-05-31 16:05:37 +02:00
design_handoff_stadtgespraech INITIAL COMMIT 2026-05-31 16:05:37 +02:00
.gitignore INITIAL COMMIT 2026-05-31 16:05:37 +02:00
.thumbnail INITIAL COMMIT 2026-05-31 16:05:37 +02:00
app.js INITIAL COMMIT 2026-05-31 16:05:37 +02:00
CLAUDE.md INITIAL COMMIT 2026-05-31 16:05:37 +02:00
data.js INITIAL COMMIT 2026-05-31 16:05:37 +02:00
DOKUMENTATION.md INITIAL COMMIT 2026-05-31 16:05:37 +02:00
i18n.js INITIAL COMMIT 2026-05-31 16:05:37 +02:00
index.html INITIAL COMMIT 2026-05-31 16:05:37 +02:00
layout.js INITIAL COMMIT 2026-05-31 16:05:37 +02:00
mapconfig.js INITIAL COMMIT 2026-05-31 16:05:37 +02:00
README.md INITIAL COMMIT 2026-05-31 16:05:37 +02:00
SITZUNGSPROTOKOLL.md INITIAL COMMIT 2026-05-31 16:05:37 +02:00
stadtteile.js INITIAL COMMIT 2026-05-31 16:05:37 +02:00
styles.css INITIAL COMMIT 2026-05-31 16:05:37 +02:00
tweaks.js INITIAL COMMIT 2026-05-31 16:05:37 +02:00

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.js austauschbar (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.