From 8b0bc7f70cdf5fbfd55d0971b831df7a0d028f07 Mon Sep 17 00:00:00 2001 From: Jane Alesi Date: Tue, 16 Dec 2025 18:06:47 +0100 Subject: [PATCH] feat(workshops): VHS Worms 2026 workshops with improved styling - Add 4 VHS Worms 2026 courses (Feb-Jun 2026) - Use markdown-native Material grid cards design - Fix page rendering (remove workshops blog plugin) - Add equal height cards via flexbox CSS - Remove awkward checkmark pseudo-elements - Make page full-width layout (hide navigation sidebar) Courses: KI-Chatbots (Feb 21), KI-Einsatz im Beruf (Mar 14), Videos mit KI (Apr 18), Programmieren mit KI (Jun 20) --- docs/workshops/index.md | 102 ++++++++++++++++- mkdocs.yml | 9 -- overrides/assets/css/custom.scss | 3 +- overrides/assets/css/modules/workshops.scss | 115 ++++++++++++++++++++ overrides/workshops.html | 75 ++----------- 5 files changed, 221 insertions(+), 83 deletions(-) create mode 100644 overrides/assets/css/modules/workshops.scss diff --git a/docs/workshops/index.md b/docs/workshops/index.md index bae7840..cf91cce 100644 --- a/docs/workshops/index.md +++ b/docs/workshops/index.md @@ -1,15 +1,107 @@ --- title: Workshops -description: Wir bieten Workshops für praxisnahen KI-Einsatz in diverser Branchen an. Jetzt für Seminare anmelden und den Arbeitsalltag effizienter gestalten! +description: KI-Workshops an der vhs Worms – Praxisnahe Kurse zu KI-Chatbots, Videoerstellung und Programmierung mit Michael Wegener. Jetzt für 2026 anmelden! hide: - toc - navigation -template: workshops.html --- -# Workshops +# :material-school: KI-Workshops an der vhs Worms -Entdecken Sie unsere praxisorientierten Workshops zur effektiven Nutzung von KI-Chatbots. Lernen Sie von Experten, wie Sie künstliche Intelligenz optimal in Ihrem Privatleben und Beruf einsetzen können. +Entdecken Sie unsere praxisorientierten KI-Workshops an der **Volkshochschule Worms**. Unter der Leitung von **Michael Wegener**, CTO der satware AG und erfahrener IHK-zertifizierter Ausbilder, lernen Sie den effektiven und verantwortungsvollen Einsatz von künstlicher Intelligenz – im Privatleben, im Beruf und in der Softwareentwicklung. +Alle Kurse bieten praktische Übungen auf der Plattform [chat.satware.ai](https://chat.satware.ai){ target="_blank" } und behandeln aktuelle Themen wie Datenschutz, Ethik und den EU AI Act. - +--- + +## :material-calendar-star: Kursprogramm Frühjahr/Sommer 2026 + +
+ +- :material-chat-processing:{ .lg .middle } **KI-Chatbots im Privatleben nutzen** + + --- + + Entdecken Sie die Möglichkeiten von KI-Chatbots für Ihren Alltag: von Recherche und Reiseplanung bis hin zu kreativem Schreiben und persönlicher Unterstützung. + + **:material-calendar:** Sa., 21.02.2026 · 09:00 – 13:00 Uhr + **:material-map-marker:** vhs Worms, Willy-Brandt-Ring 11, Raum 1.09 + **:material-tag:** Kurs A04.056 · **27,00 €** + + [:octicons-arrow-right-24: Zur Anmeldung](https://www.vhs-worms.de/programm/kurs/KI-Chatbots-im-Privatleben-nutzen/A04.056){ .md-button target="_blank" } + +- :material-briefcase:{ .lg .middle } **KI-Einsatz im Beruf** + + --- + + Nutzen Sie KI-Chatbots effektiv im Arbeitsalltag: E-Mail-Erstellung, Dokumentenanalyse, Protokolle, Präsentationen und professionelle Kommunikation. + + **:material-calendar:** Sa., 14.03.2026 · 09:00 – 13:00 Uhr + **:material-map-marker:** vhs Worms, Willy-Brandt-Ring 11, Raum 1.09 + **:material-tag:** Kurs A04.057 · **27,00 €** + + [:octicons-arrow-right-24: Zur Anmeldung](https://www.vhs-worms.de/programm/kurs/KI-Einsatz-im-Beruf-Nutzen-von-KI-Chatbots-im-Arbeitsalltag/A04.057){ .md-button target="_blank" } + +- :material-video:{ .lg .middle } **Videos mit KI erstellen** + + --- + + Lernen Sie, wie Sie mit KI-Tools professionelle Videos erstellen: von der Ideenfindung über Skripterstellung bis zur automatisierten Videoproduktion. + + **:material-calendar:** Sa., 18.04.2026 · 09:00 – 13:00 Uhr + **:material-map-marker:** vhs Worms, Willy-Brandt-Ring 11, Raum 1.09 + **:material-tag:** Kurs A04.058 · **DigiSMart** :material-check-circle:{ .green } + + [:octicons-arrow-right-24: Zur Anmeldung](https://www.vhs-worms.de/programm/kurs/Videos-mit-KI-erstellen/A04.058){ .md-button target="_blank" } + +- :material-code-braces:{ .lg .middle } **Programmieren mit KI** + + --- + + Entdecken Sie, wie KI-Assistenten die Softwareentwicklung revolutionieren: Code-Generierung, Debugging, Dokumentation und Best Practices für alle Erfahrungsstufen. + + **:material-calendar:** Sa., 20.06.2026 · 09:00 – 13:00 Uhr + **:material-map-marker:** vhs Worms, Willy-Brandt-Ring 11, Raum 1.09 + **:material-tag:** Kurs A04.059 · **DigiSMart** :material-check-circle:{ .green } + + [:octicons-arrow-right-24: Zur Anmeldung](https://www.vhs-worms.de/programm/kurs/Programmieren-mit-KI/A04.059){ .md-button target="_blank" } + +
+ +!!! tip "DigiSMart – Kostenfreie Kurse" + + Die mit **DigiSMart** :material-check-circle:{ .green } gekennzeichneten Kurse sind **kostenfrei**! + + Gefördert durch das Ministerium für Arbeit, Soziales, Transformation und Digitalisierung Rheinland-Pfalz im Rahmen des Projekts "Digitale Kompetenzen – DigiNetz". + +--- + +## :material-information: Über den Dozenten + +
+ +**Michael Wegener** ist CTO der satware AG und bringt über 30 Jahre Erfahrung in der IT-Branche mit. Als IHK-zertifizierter Ausbilder und Entwickler der satware® AI Plattform verbindet er technische Expertise mit didaktischem Know-how. + +Seine Workshops zeichnen sich durch praxisnahe Beispiele, interaktive Übungen und einen verantwortungsvollen Umgang mit KI-Technologien aus. + +
+ +--- + +## :material-history: Vergangene Kurse + +??? note "Herbst 2025" + + | Datum | Kurs | Thema | + |-------|------|-------| + | 29.11.2025 | Z04.052 | KI-Chatbots im Privatleben nutzen | + | 13.12.2025 | Z04.053 | KI-Einsatz im Beruf | + +--- + +## :material-help-circle: Fragen? + +Bei Fragen zu den Workshops wenden Sie sich bitte an: + +- **vhs Worms**: [www.vhs-worms.de](https://www.vhs-worms.de){ target="_blank" } · Tel. 06241 853-4256 +- **satware AG**: [info@satware.ai](mailto:info@satware.ai) · Tel. 06241 98728-0 diff --git a/mkdocs.yml b/mkdocs.yml index 192d07d..a4c6519 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -67,15 +67,6 @@ plugins: pagination: true archive: true authors: true - - blog: - blog_dir: workshops - blog_toc: false - post_url_format: "{slug}" - post_date_format: "dd.MM.yyyy" - archive: false - pagination: false - categories: true - categories_toc: true - search - redirects: redirect_maps: diff --git a/overrides/assets/css/custom.scss b/overrides/assets/css/custom.scss index 3a20a5e..139a267 100644 --- a/overrides/assets/css/custom.scss +++ b/overrides/assets/css/custom.scss @@ -31,7 +31,8 @@ @import "modules/slideshow"; @import "modules/blog"; @import "modules/tooltips"; // Fix for issue #70: Tooltip width improvements +@import "modules/workshops"; // VHS Worms workshop cards styling //Responsive Design @import "responsive/medium"; -@import "responsive/mobile"; \ No newline at end of file +@import "responsive/mobile"; diff --git a/overrides/assets/css/modules/workshops.scss b/overrides/assets/css/modules/workshops.scss new file mode 100644 index 0000000..ac57c2a --- /dev/null +++ b/overrides/assets/css/modules/workshops.scss @@ -0,0 +1,115 @@ +// Workshops page styling +// Fixes for VHS Worms course cards + +// Workshop cards - equal height grid +.workshops { + // Grid cards equal height fix + .grid.cards { + // Ensure grid items stretch to equal height + > ul { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 1rem; + + > li { + // Equal height cards + display: flex; + flex-direction: column; + height: 100%; + + // Remove the default checkmark decoration from Material theme + &::before { + display: none !important; + } + + // Ensure content fills the card + > * { + flex-grow: 0; + } + + // Make the main content area grow to fill space + > p:first-of-type { + flex-grow: 1; + } + + // Button stays at bottom + .md-button { + margin-top: auto; + } + } + } + } + + // DigiSMart checkmark styling - make it more visible and consistent + .green { + color: #4caf50 !important; + vertical-align: middle; + } +} + +// Global grid cards improvements for workshops page +body.workshops { + .md-content { + .grid.cards { + > ul { + // Override Material default list styling + list-style: none; + padding: 0; + margin: 0; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 1.5rem; + align-items: stretch; + + > li { + display: flex; + flex-direction: column; + height: 100%; + margin: 0; + padding: 1.25rem; + border: 1px solid var(--md-primary-fg-color); + border-radius: 0.25rem; + background: var(--md-default-bg-color); + + // Remove the awkward checkmark pseudo-element + &::before { + content: none !important; + display: none !important; + } + + // First paragraph (description) should expand + hr { + margin: 0.75rem 0; + border-color: var(--md-primary-fg-color); + opacity: 0.3; + } + + // Course description - let it grow to push button down + > p:nth-of-type(1) { + flex-grow: 1; + margin-bottom: 1rem; + } + + // Course details (date, location, price) + > p:nth-of-type(2), + > p:nth-of-type(3), + > p:nth-of-type(4) { + margin: 0.25rem 0; + font-size: 0.9rem; + } + + // Button container - always at bottom + > p:last-of-type { + margin-top: auto; + padding-top: 1rem; + + .md-button { + width: 100%; + text-align: center; + } + } + } + } + } + } +} diff --git a/overrides/workshops.html b/overrides/workshops.html index 8cc7778..10b4ca7 100644 --- a/overrides/workshops.html +++ b/overrides/workshops.html @@ -1,72 +1,11 @@ {% extends "main.html" %} -{% block content %} - {{ super() }} - - {# Simple approach: Create workshop data directly from frontmatter structure #} - {# Workshop data will be rendered manually with correct structure #} +{# + Workshops Template -

Die Nächsten Seminar-Termine

- -

Die Termine für 2026 werden hier sukzessive veröffentlicht.

- + This template extends main.html without custom content. + All content is now rendered from markdown in docs/workshops/index.md + using Material for MkDocs features (grids, cards, icons, admonitions). - - -{% endblock %} + This file exists for future customizations if needed. +#}