3 Commits

Author SHA1 Message Date
a594d37cf1 Fix markdown linter errors 2025-08-01 14:37:47 +02:00
b95b05e54f Remove bold 2025-08-01 14:36:14 +02:00
2271934228 Add image descriptions 2025-08-01 14:35:29 +02:00

View File

@@ -38,7 +38,7 @@ Diese moderne Python-Webanwendung (Flask) ermöglicht verschiedene Datumsberechn
Datumsrechner Live: [https://date.elpatron.me](https://date.elpatron.me) Datumsrechner Live: [https://date.elpatron.me](https://date.elpatron.me)
![image-20250725095959116](./assets/image-20250725095959116.png) ![App Screenshot](./assets/image-20250725095959116.png)
**Lighthouse-Performance-Score:** [Lighthouse-Ergebnis anzeigen](./lighthouse-score.pdf) - Die Webanwendung erreicht hervorragende Performance-Werte in allen Kategorien (Performance, Accessibility, Best Practices, SEO). **Lighthouse-Performance-Score:** [Lighthouse-Ergebnis anzeigen](./lighthouse-score.pdf) - Die Webanwendung erreicht hervorragende Performance-Werte in allen Kategorien (Performance, Accessibility, Best Practices, SEO).
@@ -52,7 +52,7 @@ Datumsrechner Live: [https://date.elpatron.me](https://date.elpatron.me)
- Datum plus/minus X Wochen/Monate - Datum plus/minus X Wochen/Monate
- Kalenderwoche zu Datum - Kalenderwoche zu Datum
- Start-/Enddatum einer Kalenderwoche eines Jahres - Start-/Enddatum einer Kalenderwoche eines Jahres
- **Sprachausgabe** für alle Ergebnisse (barrierefrei) - Sprachausgabe für alle Ergebnisse (barrierefrei)
- Statistik-Dashboard mit Passwortschutz unter `/stats` - Statistik-Dashboard mit Passwortschutz unter `/stats`
## Bundesland-Feiertage ## Bundesland-Feiertage
@@ -100,7 +100,7 @@ Die App ist dann unter http://localhost:5000 erreichbar.
Das Dashboard ist mit einem statischen Passwort geschützt, das über die Umgebungsvariable `STATS_PASSWORD` gesetzt wird. Das Dashboard ist mit einem statischen Passwort geschützt, das über die Umgebungsvariable `STATS_PASSWORD` gesetzt wird.
![image-20250725100127004](./assets/image-20250725100127004.png) ![Statistics page](./assets/image-20250725100127004.png)
Beispiel (PowerShell): Beispiel (PowerShell):
@@ -183,6 +183,7 @@ Alle Datumsfunktionen stehen auch als REST-API zur Verfügung. Die API akzeptier
``` ```
**Mit curl:** **Mit curl:**
```bash ```bash
curl -X POST http://localhost:5000/api/tage_werktage \ curl -X POST http://localhost:5000/api/tage_werktage \
-H "Content-Type: application/json" \ -H "Content-Type: application/json" \
@@ -190,6 +191,7 @@ curl -X POST http://localhost:5000/api/tage_werktage \
``` ```
**Antwort:** **Antwort:**
```json ```json
{ "result": 7 } { "result": 7 }
``` ```
@@ -205,6 +207,7 @@ curl -X POST http://localhost:5000/api/tage_werktage \
``` ```
**Mit curl:** **Mit curl:**
```bash ```bash
curl -X POST http://localhost:5000/api/wochentag \ curl -X POST http://localhost:5000/api/wochentag \
-H "Content-Type: application/json" \ -H "Content-Type: application/json" \
@@ -212,6 +215,7 @@ curl -X POST http://localhost:5000/api/wochentag \
``` ```
**Antwort:** **Antwort:**
```json ```json
{ "result": "Montag" } { "result": "Montag" }
``` ```
@@ -225,6 +229,7 @@ curl -X POST http://localhost:5000/api/wochentag \
``` ```
**Mit curl:** **Mit curl:**
```bash ```bash
curl -X POST http://localhost:5000/api/kw_berechnen \ curl -X POST http://localhost:5000/api/kw_berechnen \
-H "Content-Type: application/json" \ -H "Content-Type: application/json" \
@@ -232,6 +237,7 @@ curl -X POST http://localhost:5000/api/kw_berechnen \
``` ```
**Antwort:** **Antwort:**
```json ```json
{ "result": "KW 24 (2024)", "kw": 24, "jahr": 2024 } { "result": "KW 24 (2024)", "kw": 24, "jahr": 2024 }
``` ```
@@ -245,6 +251,7 @@ curl -X POST http://localhost:5000/api/kw_berechnen \
``` ```
**Mit curl:** **Mit curl:**
```bash ```bash
curl -X POST http://localhost:5000/api/kw_datum \ curl -X POST http://localhost:5000/api/kw_datum \
-H "Content-Type: application/json" \ -H "Content-Type: application/json" \
@@ -252,6 +259,7 @@ curl -X POST http://localhost:5000/api/kw_datum \
``` ```
**Antwort:** **Antwort:**
```json ```json
{ {
"result": "10.06.2024 bis 16.06.2024", "result": "10.06.2024 bis 16.06.2024",
@@ -275,6 +283,7 @@ curl -X POST http://localhost:5000/api/kw_datum \
``` ```
**Mit curl:** **Mit curl:**
```bash ```bash
curl -X POST http://localhost:5000/api/plusminus \ curl -X POST http://localhost:5000/api/plusminus \
-H "Content-Type: application/json" \ -H "Content-Type: application/json" \
@@ -282,6 +291,7 @@ curl -X POST http://localhost:5000/api/plusminus \
``` ```
**Antwort:** **Antwort:**
```json ```json
{ "result": "2024-06-15" } { "result": "2024-06-15" }
``` ```
@@ -296,11 +306,13 @@ curl -X POST http://localhost:5000/api/plusminus \
**GET** `/api/stats` **GET** `/api/stats`
**Mit curl:** **Mit curl:**
```bash ```bash
curl http://localhost:5000/api/stats curl http://localhost:5000/api/stats
``` ```
**Antwort:** **Antwort:**
```json ```json
{ {
"pageviews": 42, "pageviews": 42,
@@ -314,11 +326,13 @@ curl http://localhost:5000/api/stats
**GET** `/api/monitor` **GET** `/api/monitor`
**Mit curl:** **Mit curl:**
```bash ```bash
curl http://localhost:5000/api/monitor curl http://localhost:5000/api/monitor
``` ```
**Antwort:** **Antwort:**
```json ```json
{ {
"status": "ok", "status": "ok",
@@ -413,7 +427,7 @@ Es werden keine IP-Adressen oder sonstigen persönlichen Daten gespeichert, ledi
- *Fokus-Indikatoren:* Deutliche visuelle Hervorhebung des Fokus für alle Bedienelemente. - *Fokus-Indikatoren:* Deutliche visuelle Hervorhebung des Fokus für alle Bedienelemente.
- *Farbkontraste:* Hohe Kontraste für Texte, Buttons und Ergebnisboxen, geprüft nach WCAG-Richtlinien. - *Farbkontraste:* Hohe Kontraste für Texte, Buttons und Ergebnisboxen, geprüft nach WCAG-Richtlinien.
- *Status- und Fehlermeldungen:* Ergebnisse und Fehler werden mit `aria-live` für Screenreader zugänglich gemacht. - *Status- und Fehlermeldungen:* Ergebnisse und Fehler werden mit `aria-live` für Screenreader zugänglich gemacht.
- **Sprachausgabe:** Alle Ergebnisse können über 🔊-Buttons vorgelesen werden (Web Speech API, deutsche Sprache). - *Sprachausgabe:* Alle Ergebnisse können über 🔊-Buttons vorgelesen werden (Web Speech API, deutsche Sprache).
- *Mobile Optimierung:* Zusätzliche Meta-Tags für bessere Bedienbarkeit auf mobilen Geräten und Unterstützung von Screenreadern. - *Mobile Optimierung:* Zusätzliche Meta-Tags für bessere Bedienbarkeit auf mobilen Geräten und Unterstützung von Screenreadern.
- *SEO:* Das Thema Barrierefreiheit ist in den Meta-Tags für Suchmaschinen sichtbar. - *SEO:* Das Thema Barrierefreiheit ist in den Meta-Tags für Suchmaschinen sichtbar.