From 5acf8ad0e7b9a4ef2a86f635155016df1a3ba42e Mon Sep 17 00:00:00 2001 From: Florian Date: Sat, 3 Oct 2026 12:03:55 +0200 Subject: [PATCH] ul und li navigation build geht --- cms.py | 34 +++++++++++++++++++++++++++++---- css/style.css | 43 +++++++++++++++++++++++++++++++++--------- md/header.md | 7 ------- md/startseite.md | 20 ++++++++++---------- output/css/style.css | 43 +++++++++++++++++++++++++++++++++--------- output/index.html | 28 +++++++++++++-------------- templates/default.html | 1 + 7 files changed, 122 insertions(+), 54 deletions(-) diff --git a/cms.py b/cms.py index ce2f038..9fda398 100755 --- a/cms.py +++ b/cms.py @@ -111,7 +111,7 @@ def md_to_html(text, headings=None): else: used_ids[hid] = 0 if headings is not None: - headings.append((hid, text_h)) + headings.append((level, hid, text_h)) out.append('%s' % (level, hid, inline(_escape(text_h)), level)) i += 1 @@ -181,11 +181,37 @@ def _slugify(s): def heading_nav(headings): - """Baut die Anker-Linkliste (Text-Links auf die Ueberschriften der Seite).""" + """Baut die Anker-Navigation als verschachtelte ul/li-Liste: + Eine Ueberschrift mit einem # mehr als die vorherige wird als + Unterpunkt eingerueckt. + headings: Liste von (level, anker, text). + """ if not headings: return "" - return "".join('%s' % (hid, _escape(text)) - for hid, text in headings) + parts = [] + levels = [] + for level, hid, text in headings: + if not levels: + # erste Ueberschrift: aeusserste Liste oeffnen + parts.append("") + levels.pop() + parts.append("") + return "".join(parts) # ------------------------------------------------------------------- seiten diff --git a/css/style.css b/css/style.css index 27bd819..fcf3d28 100644 --- a/css/style.css +++ b/css/style.css @@ -53,6 +53,7 @@ header { } html { + font-size: 14px; /* Basis: alle Schriften 14 px (auch 1rem) */ background: var(--bg); } @@ -63,7 +64,6 @@ body { background: var(--bg); color: var(--text); line-height: 1.6; - font-size: 14px; margin: 0; padding: 2rem; box-sizing: border-box; @@ -87,12 +87,25 @@ main { } /* Shell-Prompt ganz oben auf der Seite */ -body::before { - content: "user@hfg_linux_group:~$ "; - color: var(--green); - display: block; +.prompt { max-width: 1200px; margin: 0 auto 1.5rem; + color: var(--green); +} + +/* Blinkender Terminal-Cursor hinter dem Prompt */ +.cursor { + display: inline-block; + width: .6em; + height: 1.1em; + background: var(--green); + vertical-align: text-bottom; + animation: blink 1s steps(1) infinite; +} + +@keyframes blink { + 0%, 49.9% { opacity: 1; } + 50%, 100% { opacity: 0; } } /* ---- Typografie ---- */ @@ -101,7 +114,7 @@ h1, h2, h3, h4, h5, h6 { color: var(--heading); text-shadow: 0 0 8px rgba(255, 149, 0, 0.35); letter-spacing: 1px; - font-size: 1rem; /* ueberall gleiche Schriftgroesse */ + font-size: 1rem; /* 14 px, ueberall gleiche Schriftgroesse */ font-weight: normal; margin: 1.5rem 0 .8rem; } @@ -118,9 +131,21 @@ p { .anker-nav { margin-top: 1rem; - display: flex; - flex-wrap: wrap; - gap: .25rem 1.5rem; +} + +.anker-nav ul { + list-style: none; + margin: 0; + padding-left: 0; +} + +/* Unterpunkte einruecken (Ueberschrift mit einem # mehr) */ +.anker-nav ul ul { + padding-left: 1.5rem; +} + +.anker-nav li { + margin: .25rem 0; } .anker-nav a { diff --git a/md/header.md b/md/header.md index 856ab9f..874e583 100644 --- a/md/header.md +++ b/md/header.md @@ -8,10 +8,3 @@ titel: Header - -# hfg_linux_usergroup -# free-software-for-art-and-design - -Dieser Header-Baustein wird automatisch ueber den Inhalt **aller** Seiten gesetzt. - -- [Startseite](index.html) diff --git a/md/startseite.md b/md/startseite.md index aece968..c977b89 100644 --- a/md/startseite.md +++ b/md/startseite.md @@ -1,30 +1,30 @@ --- -titel: startseite +titel: Willkommen --- -## Was ist die hfg_linux_usergroup +# Was ist die hfg_linux_usergroup Die hfg_linux_usergroup ist eine diverse Gemeinschaft der HFG Offenbach, die sich für freie Software, Open Source und digitale Souveränität einsetzt. Hintergrund ist die zentrale Bedeutung von Open Source für Kunst und Gestaltung: Es ermöglicht Demokratisierung, Transparenz, Chancengleichheit und Weiterentwicklung. Durch offene Lizenzen und frei zugängliche Software werden Wissen und kreative Prozesse entmonopolisiert. Künstler:innen und Designer:innen sind so nicht länger abhängig von proprietärer Software – die oft mit hohen Kosten, geschlossenen Systemen, Abhängigkeiten oder Abos einhergeht. Hinzu kommen ethische Bedenken wie Datenschutz oder Überwachungskapitalismus. Open Source fördert nicht nur gestalterische Freiheit, sondern auch eine kritische Reflexion über Technologie selbst. -## Nächste Treffen +# Nächste Treffen Die nächsten Termine für den Herbst/Winter 2026 werden aktuell geplant: -hfg_linux_usergroup_date_1_music -hfg_linux_usergroup_date_2_image-editing -hfg_linux_usergroup_date_3_coding-development -hfg_linux_usergroup_date_4_3d-film-fotogrammetrie +## hfg_linux_usergroup_date_1_music +## hfg_linux_usergroup_date_2_image-editing +## hfg_linux_usergroup_date_3_coding-development +## hfg_linux_usergroup_date_4_3d-film-fotogrammetrie -## Wer ist die hfg_linux_usergroup +# Wer ist die hfg_linux_usergroup Alle, die sich für Linux, Open Source und die Förderung von Wissen in Kunst und Design interessieren, können Teil der Gemeinschaft werden oder an den Treffen teilnehmen. Die hfg_linux_usergroup wurde von den beiden HFG-Lehrenden Sebastian Kujas und Florian Albrecht-Schoeck gegründet und wird aktuell von ihnen moderiert. -## Was sind die Ziele der hfg_linux_usergroup +# Was sind die Ziele der hfg_linux_usergroup Ziel ist es, den Einsatz freier Software in Kunst und Design zu fördern. Durch Workshops, den Aufbau von Wissensdatenbanken, Austausch und Debatten sollen Eigenermächtigung und Verantwortung für Technologie wiederhergestellt werden. Dazu entwickeln wir gemeinsam ein eigenes Linux-basiertes Betriebssystem und unterstützen bei allen Schritten des Wechsels zu freier Software. -## Das hfg_OS_ +# Das hfg_OS_ Das hfg_OS ist ein auf Debian 13 (Trixie) basierendes, Linux-basiertes Betriebssystem. Es wurde speziell für die Bedürfnisse von Künstler:innen und Designer:innen angepasst und wird kontinuierlich weiterentwickelt. Bald verfügbar: hfg_OS_Falbella-2026-10 diff --git a/output/css/style.css b/output/css/style.css index 27bd819..fcf3d28 100644 --- a/output/css/style.css +++ b/output/css/style.css @@ -53,6 +53,7 @@ header { } html { + font-size: 14px; /* Basis: alle Schriften 14 px (auch 1rem) */ background: var(--bg); } @@ -63,7 +64,6 @@ body { background: var(--bg); color: var(--text); line-height: 1.6; - font-size: 14px; margin: 0; padding: 2rem; box-sizing: border-box; @@ -87,12 +87,25 @@ main { } /* Shell-Prompt ganz oben auf der Seite */ -body::before { - content: "user@hfg_linux_group:~$ "; - color: var(--green); - display: block; +.prompt { max-width: 1200px; margin: 0 auto 1.5rem; + color: var(--green); +} + +/* Blinkender Terminal-Cursor hinter dem Prompt */ +.cursor { + display: inline-block; + width: .6em; + height: 1.1em; + background: var(--green); + vertical-align: text-bottom; + animation: blink 1s steps(1) infinite; +} + +@keyframes blink { + 0%, 49.9% { opacity: 1; } + 50%, 100% { opacity: 0; } } /* ---- Typografie ---- */ @@ -101,7 +114,7 @@ h1, h2, h3, h4, h5, h6 { color: var(--heading); text-shadow: 0 0 8px rgba(255, 149, 0, 0.35); letter-spacing: 1px; - font-size: 1rem; /* ueberall gleiche Schriftgroesse */ + font-size: 1rem; /* 14 px, ueberall gleiche Schriftgroesse */ font-weight: normal; margin: 1.5rem 0 .8rem; } @@ -118,9 +131,21 @@ p { .anker-nav { margin-top: 1rem; - display: flex; - flex-wrap: wrap; - gap: .25rem 1.5rem; +} + +.anker-nav ul { + list-style: none; + margin: 0; + padding-left: 0; +} + +/* Unterpunkte einruecken (Ueberschrift mit einem # mehr) */ +.anker-nav ul ul { + padding-left: 1.5rem; +} + +.anker-nav li { + margin: .25rem 0; } .anker-nav a { diff --git a/output/index.html b/output/index.html index 009cb96..454fa86 100644 --- a/output/index.html +++ b/output/index.html @@ -3,10 +3,11 @@ - startseite + Willkommen +
user@hfg_linux_group:~$ free-software-for-art-and-design
@@ -14,27 +15,24 @@
-

hfg_linux_usergroup

-

free-software-for-art-and-design

-

Dieser Header-Baustein wird automatisch ueber den Inhalt aller Seiten gesetzt.

- - +
-

startseite

-

Was ist die hfg_linux_usergroup

+

Willkommen

+

Was ist die hfg_linux_usergroup

Die hfg_linux_usergroup ist eine diverse Gemeinschaft der HFG Offenbach, die sich für freie Software, Open Source und digitale Souveränität einsetzt.

Hintergrund ist die zentrale Bedeutung von Open Source für Kunst und Gestaltung: Es ermöglicht Demokratisierung, Transparenz, Chancengleichheit und Weiterentwicklung. Durch offene Lizenzen und frei zugängliche Software werden Wissen und kreative Prozesse entmonopolisiert. Künstler:innen und Designer:innen sind so nicht länger abhängig von proprietärer Software – die oft mit hohen Kosten, geschlossenen Systemen, Abhängigkeiten oder Abos einhergeht. Hinzu kommen ethische Bedenken wie Datenschutz oder Überwachungskapitalismus. Open Source fördert nicht nur gestalterische Freiheit, sondern auch eine kritische Reflexion über Technologie selbst.

-

Nächste Treffen

+

Nächste Treffen

Die nächsten Termine für den Herbst/Winter 2026 werden aktuell geplant:

-

hfg_linux_usergroup_date_1_music hfg_linux_usergroup_date_2_image-editing hfg_linux_usergroup_date_3_coding-development hfg_linux_usergroup_date_4_3d-film-fotogrammetrie

-

Wer ist die hfg_linux_usergroup

+

hfg_linux_usergroup_date_1_music

+

hfg_linux_usergroup_date_2_image-editing

+

hfg_linux_usergroup_date_3_coding-development

+

hfg_linux_usergroup_date_4_3d-film-fotogrammetrie

+

Wer ist die hfg_linux_usergroup

Alle, die sich für Linux, Open Source und die Förderung von Wissen in Kunst und Design interessieren, können Teil der Gemeinschaft werden oder an den Treffen teilnehmen. Die hfg_linux_usergroup wurde von den beiden HFG-Lehrenden Sebastian Kujas und Florian Albrecht-Schoeck gegründet und wird aktuell von ihnen moderiert.

-

Was sind die Ziele der hfg_linux_usergroup

+

Was sind die Ziele der hfg_linux_usergroup

Ziel ist es, den Einsatz freier Software in Kunst und Design zu fördern. Durch Workshops, den Aufbau von Wissensdatenbanken, Austausch und Debatten sollen Eigenermächtigung und Verantwortung für Technologie wiederhergestellt werden. Dazu entwickeln wir gemeinsam ein eigenes Linux-basiertes Betriebssystem und unterstützen bei allen Schritten des Wechsels zu freier Software.

-

Das hfg_OS_

+

Das hfg_OS_

Das hfg_OS ist ein auf Debian 13 (Trixie) basierendes, Linux-basiertes Betriebssystem. Es wurde speziell für die Bedürfnisse von Künstler:innen und Designer:innen angepasst und wird kontinuierlich weiterentwickelt.

Bald verfügbar: hfg_OS_Falbella-2026-10

diff --git a/templates/default.html b/templates/default.html index 46e26ed..7e03409 100644 --- a/templates/default.html +++ b/templates/default.html @@ -7,6 +7,7 @@ +
user@hfg_linux_group:~$ free-software-for-art-and-design
{{header}}