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
All checks were successful
Deploy via FTP / deploy (push) Successful in 3s
This commit is contained in:
36
README.md
36
README.md
@@ -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
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user