148 lines
5.1 KiB
Markdown
148 lines
5.1 KiB
Markdown
|
# Kurse verwalten
|
||
|
|
|
||
|
|
## Kurse bearbeiten
|
||
|
|
|
||
|
|
Die aktuellen Kurse werden aus der Datei `courses.csv` geladen und automatisch auf der "Über uns" Seite angezeigt.
|
||
|
|
|
||
|
|
### CSV-Format
|
||
|
|
|
||
|
|
Die Datei hat fünf Spalten (alle außer `title` sind optional):
|
||
|
|
- `title` - Der Titel des Kurses (erforderlich)
|
||
|
|
- `description` - Eine kurze Beschreibung (optional)
|
||
|
|
- `dates` - Termine und Zeiten (optional)
|
||
|
|
- `offen_fuer` - Zielgruppe/Altersgruppe (optional)
|
||
|
|
- `image` - Pfad zum Kursbild (optional)
|
||
|
|
|
||
|
|
**Beispiel:**
|
||
|
|
```csv
|
||
|
|
title,description,dates,offen_fuer,image
|
||
|
|
Löten und Leuchten,Herstellung von Nachttischleuchten mit 3D-Design und Löttechnik,"Di 15.10. 14:00-16:00",Klasse 7-9,/static/images/courses/loeten.jpg
|
||
|
|
Die Vogelvilla,Bau von Vogelhäusern mit Lasercutter und Holzbearbeitung,"Mi 23.10. 13:00-15:00",alle Schüler:innen,
|
||
|
|
Robotik Intro,,,ab Klasse 5,/static/images/courses/robotik.jpg
|
||
|
|
```
|
||
|
|
|
||
|
|
### Kursbilder hinzufügen
|
||
|
|
|
||
|
|
1. Speichere das Bild in `/static/images/courses/`
|
||
|
|
2. Verwende den Pfad `/static/images/courses/dein-bild.jpg` in der CSV
|
||
|
|
3. Empfohlene Bildgröße: mindestens 640x400 Pixel
|
||
|
|
4. Unterstützte Formate: JPG, PNG, WebP
|
||
|
|
|
||
|
|
**Tipp:** Wenn kein Bild angegeben ist, wird der Kurs ohne Bild angezeigt (nur Text).### Felder im Detail
|
||
|
|
|
||
|
|
#### `title` (erforderlich)
|
||
|
|
Der Kursname - wird immer angezeigt.
|
||
|
|
|
||
|
|
#### `description` (optional)
|
||
|
|
Kurzbeschreibung des Kurses. Wird nur angezeigt, wenn vorhanden.
|
||
|
|
|
||
|
|
#### `dates` (optional)
|
||
|
|
Termine und Uhrzeiten. Kann mehrere Termine enthalten:
|
||
|
|
- Einzelner Termin: `Mi 23.10. 13:00-15:00`
|
||
|
|
- Mehrere Termine: `Di 15.10. 14:00-16:00, Do 17.10. 14:00-16:00`
|
||
|
|
- Bei Terminen mit Kommas: In Anführungszeichen setzen
|
||
|
|
|
||
|
|
#### `offen_fuer` (optional)
|
||
|
|
Freitextfeld für die Zielgruppe:
|
||
|
|
- `Klasse 7-9`
|
||
|
|
- `alle Schüler:innen`
|
||
|
|
- `ab 14 Jahren`
|
||
|
|
- `Oberstufe`
|
||
|
|
|
||
|
|
### Kurs hinzufügen
|
||
|
|
|
||
|
|
Einfach eine neue Zeile am Ende der Datei hinzufügen:
|
||
|
|
```csv
|
||
|
|
title,description,dates,offen_fuer
|
||
|
|
Löten und Leuchten,Herstellung von Nachttischleuchten mit 3D-Design und Löttechnik,"Di 15.10. 14:00-16:00, Do 17.10. 14:00-16:00",Klasse 7-9
|
||
|
|
Neuer Kurs,Beschreibung des neuen Kurses,"Mo 20.10. 15:00-17:00",Klasse 8-10
|
||
|
|
```
|
||
|
|
|
||
|
|
### Fehlende Informationen
|
||
|
|
|
||
|
|
Alle Felder außer `title` sind optional. Beispiele:
|
||
|
|
|
||
|
|
**Nur Titel und Beschreibung:**
|
||
|
|
```csv
|
||
|
|
title,description,dates,offen_fuer
|
||
|
|
Workshop XYZ,Toller Workshop über Making,,
|
||
|
|
```
|
||
|
|
|
||
|
|
**Nur Titel und Termine:**
|
||
|
|
```csv
|
||
|
|
title,description,dates,offen_fuer
|
||
|
|
Workshop ABC,,"Fr 25.10. 14:00",
|
||
|
|
```
|
||
|
|
|
||
|
|
**Nur Titel und Zielgruppe:**
|
||
|
|
```csv
|
||
|
|
title,description,dates,offen_fuer
|
||
|
|
Workshop 123,,,Klasse 9-10
|
||
|
|
```
|
||
|
|
|
||
|
|
### Kurs entfernen
|
||
|
|
|
||
|
|
Einfach die entsprechende Zeile löschen.
|
||
|
|
|
||
|
|
### Wichtig
|
||
|
|
|
||
|
|
- **Keine Anführungszeichen** verwenden, außer der Text enthält ein Komma
|
||
|
|
- **Keine Zeilenumbrüche** innerhalb der Beschreibung
|
||
|
|
- Die erste Zeile (`title,description,dates,offen_fuer,image`) muss erhalten bleiben
|
||
|
|
- Nach dem Speichern wird die Änderung sofort auf der Website sichtbar
|
||
|
|
|
||
|
|
### Darstellung auf der Website
|
||
|
|
|
||
|
|
Die Kurse werden in einem **Grid-Layout** mit **Karten-Design** angezeigt:
|
||
|
|
|
||
|
|
- **Große, fette Titel** (1.5em) mit pinker Unterstreichung
|
||
|
|
- **Hover-Effekt**: Karten heben sich beim Überfahren an
|
||
|
|
- **Responsive**: Auf Mobilgeräten eine Spalte, auf Desktop mehrere Spalten
|
||
|
|
- **Kursbilder** (optional): 200px hoch, oben auf der Karte
|
||
|
|
- **Metadata** am unteren Rand: Datum und Zielgruppe mit Icons
|
||
|
|
|
||
|
|
**Beispiel mit Bild:**
|
||
|
|
```
|
||
|
|
┌─────────────────────────────┐
|
||
|
|
│ [Kursbild 640x400] │
|
||
|
|
├─────────────────────────────┤
|
||
|
|
│ Löten und Leuchten │ ← 1.5em, fett, pink unterstrichen
|
||
|
|
│ ───────────────────── │
|
||
|
|
│ │
|
||
|
|
│ Herstellung von Nachtisch- │ ← Beschreibung
|
||
|
|
│ leuchten mit 3D-Design │
|
||
|
|
│ │
|
||
|
|
├─────────────────────────────┤
|
||
|
|
│ 📅 Dez. '24 │ ← Metadata mit Icons
|
||
|
|
│ 👥 Klasse 5-6 │
|
||
|
|
└─────────────────────────────┘
|
||
|
|
```
|
||
|
|
|
||
|
|
**Beispiel ohne Bild:**
|
||
|
|
```
|
||
|
|
┌─────────────────────────────┐
|
||
|
|
│ Textiles Plotten │ ← Direkt der Titel
|
||
|
|
│ ───────────────── │
|
||
|
|
│ │
|
||
|
|
│ Erschaffe deine eigenen │
|
||
|
|
│ Klamottendesigns │
|
||
|
|
│ │
|
||
|
|
├─────────────────────────────┤
|
||
|
|
│ 📅 Mai '25 │
|
||
|
|
│ 👥 Jhg. 9 │
|
||
|
|
└─────────────────────────────┘
|
||
|
|
```
|
||
|
|
|
||
|
|
### Live-Update
|
||
|
|
|
||
|
|
Die Kurse werden bei jedem Seitenaufruf neu geladen. Es ist **kein Neustart** des Servers erforderlich!
|
||
|
|
|
||
|
|
### Keine Kurse anzeigen
|
||
|
|
|
||
|
|
Wenn keine Kurse stattfinden, einfach alle Zeilen außer der Kopfzeile löschen:
|
||
|
|
```csv
|
||
|
|
title,description
|
||
|
|
```
|
||
|
|
|
||
|
|
Die Seite zeigt dann: "Aktuell sind keine Kurse geplant. Schaut bald wieder vorbei!"
|