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)
This commit is contained in:
ja
2025-12-16 18:08:30 +01:00
parent bbcdc8a125
commit 8b0bc7f70c
5 changed files with 221 additions and 83 deletions
+97 -5
View File
@@ -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.
<!-- Workshop list will be automatically generated by the custom template -->
---
## :material-calendar-star: Kursprogramm Frühjahr/Sommer 2026
<div class="grid cards" markdown>
- :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" }
</div>
!!! 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
<div class="grid" markdown>
**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.
</div>
---
## :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
-9
View File
@@ -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:
+2 -1
View File
@@ -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";
@import "responsive/mobile";
+115
View File
@@ -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;
}
}
}
}
}
}
}
+7 -68
View File
@@ -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
<h2>Die Nächsten Seminar-Termine</h2>
<p>Die Termine für 2026 werden hier sukzessive veröffentlicht.</p>
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).
<!-- <div class="satag--webinar-dates">
<div class="satag--webinar-item">
<div class="satag--webinar-date">
<i class="fa-sharp fa-thin fa-calendar-day"></i> Sa., 29.11.2025
</div>
<div class="satag--webinar-time">
<i class="fa-sharp fa-thin fa-clock"></i> 09:00 13:00 Uhr
</div>
<div class="satag--webinar-course">
<i class="fa-sharp fa-thin fa-arrow-up-right-from-square"></i>
<a href="https://www.vhs-worms.de/programm/kurs/KI-Chatbots-im-Privatleben-nutzen/Z04.052" target="_blank" title="KI-Chatbots im Privatleben nutzen">
Z04.052 KI-Chatbots im Privatleben nutzen
</a>
</div>
<div class="satag--webinar-location">
<i class="fa-sharp fa-thin fa-location-dot"></i> vhs, Willy-Brandt-Ring 11, Raum 1.09, 67547 Worms
</div>
</div>
</div>
<hr>
<h2>Vergangene Workshops</h2>
<div class="satag--webinar-dates satag--webinar-dates--past">
<div class="satag--webinar-item">
<div class="satag--webinar-date">
<i class="fa-sharp fa-thin fa-calendar-day"></i> Sa., 12.07.2025
</div>
<div class="satag--webinar-time">
<i class="fa-sharp fa-thin fa-clock"></i> 09:00 13:00 Uhr
</div>
<div class="satag--webinar-course">
<i class="fa-sharp fa-thin fa-graduation-cap"></i>
Y01.945 KI-Einsatz im Beruf Nutzen von KI-Chatbots im Arbeitsalltag
</div>
<div class="satag--webinar-location">
<i class="fa-sharp fa-thin fa-location-dot"></i> vhs, Willy-Brandt-Ring 11, Raum 1.09, 67547 Worms
</div>
</div>
<div class="satag--webinar-item">
<div class="satag--webinar-date">
<i class="fa-sharp fa-thin fa-calendar-day"></i> Sa., 21.06.2025
</div>
<div class="satag--webinar-time">
<i class="fa-sharp fa-thin fa-clock"></i> 09:00 13:00 Uhr
</div>
<div class="satag--webinar-course">
<i class="fa-sharp fa-thin fa-graduation-cap"></i>
Y01.944 KI-Chatbots im Privatleben nutzen
</div>
<div class="satag--webinar-location">
<i class="fa-sharp fa-thin fa-location-dot"></i> vhs, Willy-Brandt-Ring 11, Raum 1.09, 67547 Worms
</div>
</div>
</div> -->
{% endblock %}
This file exists for future customizations if needed.
#}