Aktualisiere README.md mit neuen Informationen zu PWA-Funktionen, Deployment-Workflow und Icons-Generierung
All checks were successful
Deploy via FTP / deploy (push) Successful in 3s

This commit is contained in:
2026-02-22 14:40:23 +01:00
parent 2291d66ce9
commit 7f5d505942

View File

@@ -2,6 +2,8 @@
Eine browserbasierte Multi-Touch-App zum zufälligen Auswählen eines Fingers. Alle Teilnehmer legen einen Finger auf das Display — die App wählt per animierter Roulette-Animation einen Finger als Gewinner aus. Eine browserbasierte Multi-Touch-App zum zufälligen Auswählen eines Fingers. Alle Teilnehmer legen einen Finger auf das Display — die App wählt per animierter Roulette-Animation einen Finger als Gewinner aus.
🌐 **Live:** [choose.leuschner.dev](https://choose.leuschner.dev)
## Funktionsweise ## Funktionsweise
1. Zwei oder mehr Finger auf das Display legen 1. Zwei oder mehr Finger auf das Display legen
@@ -16,6 +18,12 @@ Eine browserbasierte Multi-Touch-App zum zufälligen Auswählen eines Fingers. A
- **5-Finger-Limit** auf iPhone (iOS Safari Hardware-Grenze) - **5-Finger-Limit** auf iPhone (iOS Safari Hardware-Grenze)
- Zusätzliche Finger über dem Limit werden still ignoriert — kein Reset - Zusätzliche Finger über dem Limit werden still ignoriert — kein Reset
- Neuer Finger während der Animation → Auswahl bricht ab und startet neu - Neuer Finger während der Animation → Auswahl bricht ab und startet neu
- PWA-fähig: auf iOS/Android zum Home-Bildschirm hinzufügbar (Vollbild)
- Safe-Area-Unterstützung für Geräte mit Notch / Dynamic Island
## Deployment
Der Deployment-Workflow läuft via Gitea Actions und überträgt alle Dateien per FTPS auf den Webserver. Impressum und Datenschutz werden dabei **nicht** überschrieben — die echten Versionen liegen nur auf dem Server (geschützt via `git update-index --skip-worktree`).
## Lokaler Entwicklungsserver ## Lokaler Entwicklungsserver
@@ -32,21 +40,45 @@ Der Server läuft auf Port 8080 und ist im lokalen Netzwerk erreichbar.
2. IP-Adresse des PCs herausfinden: `ipconfig` (Windows) → IPv4-Adresse 2. IP-Adresse des PCs herausfinden: `ipconfig` (Windows) → IPv4-Adresse
3. Im Browser des Geräts aufrufen: `http://<IP>:8080` 3. Im Browser des Geräts aufrufen: `http://<IP>:8080`
## Icons generieren
Nach Änderungen an `icons/icon.svg`:
```bash
node scripts/generate-icons.js
```
Generiert `apple-touch-icon.png`, `icon-192.png`, `icon-512.png` und `favicon-32.png`.
## Projektstruktur ## Projektstruktur
``` ```
ChooserApp/ ChooserApp/
├── index.html # Einstiegspunkt ├── index.html # Einstiegspunkt
├── impressum.html # Blanko-Template (echte Version nur auf Server)
├── datenschutz.html # Blanko-Template (echte Version nur auf Server)
├── manifest.json # PWA-Manifest
├── robots.txt # Crawler-Regeln
├── sitemap.xml # Sitemap für Suchmaschinen
├── css/ ├── css/
│ └── style.css # Styles & Animationen │ └── style.css # Styles & Animationen
├── js/ ├── js/
│ └── app.js # Touch-Logik │ └── app.js # Touch-Logik & Umami-Events
── package.json # npm start Script ── icons/
│ ├── icon.svg # Quell-Logo
│ ├── apple-touch-icon.png
│ ├── icon-192.png
│ ├── icon-512.png
│ └── favicon-32.png
├── scripts/
│ └── generate-icons.js # Icon-Generator (sharp)
└── package.json # npm start + devDependencies
``` ```
## Technologie ## Technologie
Reines HTML/CSS/JavaScript — kein Framework, kein Build-Schritt. Reines HTML/CSS/JavaScript — kein Framework, kein Build-Schritt.
Analytics: [Umami](https://umami.is) (self-hosted, cookiefrei).
## Repository ## Repository