diff --git a/app/static/v2/v2.css b/app/static/v2/v2.css index f3b0fc8..e614b17 100644 --- a/app/static/v2/v2.css +++ b/app/static/v2/v2.css @@ -542,7 +542,7 @@ body.v2 strong, body.v2 b { /* ── Matrix Mini (5×5) ──────────────────────────────────────────── */ .v2-matrix-mini { display: grid; - grid-template-columns: 92px repeat(5, 1fr); + grid-template-columns: 130px repeat(5, 1fr); gap: 0; border: 1px solid var(--hairline); font-size: 11px; @@ -555,7 +555,7 @@ body.v2 strong, body.v2 b { border-bottom: 1px solid var(--hairline); font-family: var(--font-mono); text-align: center; - min-height: 30px; + min-height: 36px; display: flex; align-items: center; justify-content: center; @@ -565,8 +565,8 @@ body.v2 strong, body.v2 b { .v2-matrix-mini > div:nth-child(6n) { border-right: 0; } .v2-matrix-mini > div:nth-last-child(-n+6) { border-bottom: 0; } -.v2-matrix-mini .hdr { background: var(--ecg-blue); color: #fff; font-size: 10px; letter-spacing: 0.04em; font-weight: 700; } -.v2-matrix-mini .rhdr { background: var(--surface); text-align: left; justify-content: flex-start; padding-left: 10px; color: var(--ecg-dark); font-weight: 700; font-family: var(--font-sans); text-transform: uppercase; font-size: 10px; letter-spacing: 0.05em; } +.v2-matrix-mini .hdr { background: var(--ecg-blue); color: #fff; font-size: 10px; letter-spacing: 0.03em; font-weight: 700; line-height: 1.25; cursor: help; padding: 4px 4px; } +.v2-matrix-mini .rhdr { background: var(--surface); text-align: left; justify-content: flex-start; padding-left: 10px; color: var(--ecg-dark); font-weight: 700; font-family: var(--font-sans); font-size: 10px; letter-spacing: 0.02em; line-height: 1.25; cursor: help; } .v2-matrix-mini .m-pp { background: var(--ecg-green); color: #fff; font-weight: 700; } .v2-matrix-mini .m-p { background: var(--redline-ins-bg); color: var(--ecg-dark); } diff --git a/app/templates/v2/components/matrix_mini.html b/app/templates/v2/components/matrix_mini.html index 062d6aa..66ce37f 100644 --- a/app/templates/v2/components/matrix_mini.html +++ b/app/templates/v2/components/matrix_mini.html @@ -21,8 +21,34 @@ {% macro matrix_mini(matrix) %} {% set rows = ["A", "B", "C", "D", "E"] %} {% set cols = ["1", "2", "3", "4", "5"] %} -{% set row_labels = {"A": "A · Liefer.", "B": "B · Finanzen", "C": "C · Verwalt.", "D": "D · Bürger", "E": "E · Gesell."} %} -{% set col_labels = {"1": "Würde", "2": "Solid.", "3": "Ökol.", "4": "Soz.", "5": "Trans."} %} +{% set row_labels = { + "A": "A · Lieferant:innen", + "B": "B · Finanzen", + "C": "C · Verwaltung", + "D": "D · Bürger:innen", + "E": "E · Gesellschaft & Natur" +} %} +{% set row_titles = { + "A": "Berührungsgruppe A — Lieferant:innen, ausgelagerte Betriebe, Dienstleister:innen. Externe Beschaffung und Lieferketten der Kommune.", + "B": "Berührungsgruppe B — Finanzpartner:innen, Geldgeber:innen, Steuerzahler:innen. Umgang mit öffentlichen Mitteln und Haushalt.", + "C": "Berührungsgruppe C — Politische Führung, Verwaltung, Ehrenamtliche. Mandatsträger:innen und Mitarbeitende der Kommune.", + "D": "Berührungsgruppe D — Bürger:innen und Wirtschaft. Wirkung innerhalb der Gemeindegrenzen, Daseinsvorsorge.", + "E": "Berührungsgruppe E — Staat, Gesellschaft und Natur. Wirkung über die Gemeindegrenzen hinaus, Zukunft." +} %} +{% set col_labels = { + "1": "Menschenwürde", + "2": "Solidarität", + "3": "Ökol. Nachhaltigkeit", + "4": "Soz. Gerechtigkeit", + "5": "Transparenz" +} %} +{% set col_titles = { + "1": "Wert 1 — Menschenwürde (Rechtsstaatsprinzip): Werden Grundrechte geschützt? Rechtliche Gleichstellung, Schutz vor Diskriminierung.", + "2": "Wert 2 — Solidarität (Gemeinnutz): Wird das Gemeinwohl gefördert? Mehrwert für die Gemeinschaft, Kooperation statt Konkurrenz.", + "3": "Wert 3 — Ökologische Nachhaltigkeit (Umwelt-Verantwortung): Klimaschutz, Ressourcenschonung, Biodiversität, Kreislaufwirtschaft.", + "4": "Wert 4 — Soziale Gerechtigkeit (Sozialstaatsprinzip): Gerechte Verteilung, Daseinsvorsorge, soziale Absicherung, Chancengleichheit.", + "5": "Wert 5 — Transparenz & Mitbestimmung (Demokratie): Bürgerbeteiligung, Offenlegung, demokratische Prozesse, Rechenschaftspflicht." +} %} {% macro rating_class(r) %} {% if r == 2 %}m-pp @@ -36,12 +62,12 @@ {# Header-Zeile #}
{% for c in cols %} -
{{ col_labels[c] }}
+
{{ col_labels[c] }}
{% endfor %} {# Daten-Zeilen #} {% for r in rows %} -
{{ row_labels[r] }}
+
{{ row_labels[r] }}
{% for c in cols %} {% set key = r ~ c %} {% set cell = matrix[key] if matrix is defined and key in matrix else {} %} diff --git a/app/templates/v2/screens/methodik.html b/app/templates/v2/screens/methodik.html index 32068af..1210814 100644 --- a/app/templates/v2/screens/methodik.html +++ b/app/templates/v2/screens/methodik.html @@ -79,14 +79,14 @@ /* Interactive matrix grid */ .gwoe-matrix-grid { display: grid; - grid-template-columns: 110px repeat(5, 1fr); + grid-template-columns: 150px repeat(5, 1fr); gap: 2px; font-size: 11px; margin: 1rem 0; } -.gwoe-matrix-grid .gc { padding: 5px 4px; text-align: center; background: var(--ecg-bg-subtle); border: 1px solid var(--ecg-border); } -.gwoe-matrix-grid .gh { background: var(--ecg-teal); color: #fff; font-weight: 700; } -.gwoe-matrix-grid .gr { background: var(--ecg-green); color: #fff; font-weight: 700; text-align: left; padding-left: 6px; } +.gwoe-matrix-grid .gc { padding: 5px 4px; text-align: center; background: var(--ecg-bg-subtle); border: 1px solid var(--ecg-border); display: flex; align-items: center; justify-content: center; line-height: 1.25; min-height: 36px; } +.gwoe-matrix-grid .gh { background: var(--ecg-teal); color: #fff; font-weight: 700; cursor: help; } +.gwoe-matrix-grid .gr { background: var(--ecg-green); color: #fff; font-weight: 700; justify-content: flex-start; padding-left: 6px; text-align: left; cursor: help; } .gwoe-matrix-grid .gc.clickable { cursor: pointer; transition: background 0.1s; } .gwoe-matrix-grid .gc.clickable:hover { background: rgba(0,157,165,0.12); } #field-explain { @@ -255,46 +255,46 @@
-
Menschen­würde
-
Solidarität
-
Ökol. Nachh.
-
Soz. Gerecht.
-
Transparenz
+
Menschenwürde
+
Solidarität
+
Ökologische Nachhaltigkeit
+
Soziale Gerechtigkeit
+
Transparenz & Mitbestimmung
-
A · Lieferant:innen
-
A1
Grundrechte Lieferkette
-
A2
Nutzen Gemeinde
-
A3
Ökol. Verantwortung
-
A4
Soziale Verantwortung
-
A5
Rechenschaft
+
A · Lieferant:innen
+
A1
Grundrechte Lieferkette
+
A2
Nutzen Gemeinde
+
A3
Ökol. Verantwortung
+
A4
Soziale Verantwortung
+
A5
Rechenschaft
-
B · Finanzen
-
B1
Eth. Finanzgebaren
-
B2
Gemeinnutz
-
B3
Ökol. Finanzpolitik
-
B4
Soz. Finanzpolitik
-
B5
Partizipation
+
B · Finanzen
+
B1
Eth. Finanzgebaren
+
B2
Gemeinnutz
+
B3
Ökol. Finanzpolitik
+
B4
Soz. Finanzpolitik
+
B5
Partizipation
-
C · Verwaltung
-
C1
Gleichstellung
-
C2
Gemeinsame Ziele
-
C3
Ökol. Verhalten
-
C4
Gerechte Arbeit
-
C5
Transparenz intern
+
C · Verwaltung
+
C1
Gleichstellung
+
C2
Gemeinsame Ziele
+
C3
Ökol. Verhalten
+
C4
Gerechte Arbeit
+
C5
Transparenz intern
-
D · Bürger:innen
-
D1
Rechtsgleichheit
-
D2
Gesamtwohl
-
D3
Ökol. Leistung
-
D4
Soz. Leistung
-
D5
Demokratie
+
D · Bürger:innen
+
D1
Rechtsgleichheit
+
D2
Gesamtwohl
+
D3
Ökol. Leistung
+
D4
Soz. Leistung
+
D5
Demokratie
-
E · Gesellschaft
-
E1
Zukunft
-
E2
Beitrag Gesamtwohl
-
E3
Ökol. Auswirkungen
-
E4
Sozialer Ausgleich
-
E5
Demokratie global
+
E · Gesellschaft & Natur
+
E1
Zukunft
+
E2
Beitrag Gesamtwohl
+
E3
Ökol. Auswirkungen
+
E4
Sozialer Ausgleich
+
E5
Demokratie global