From 7f5d50594220d94bb534f0e3e69aaaa268a21e8e Mon Sep 17 00:00:00 2001 From: Tobias Leuschner Date: Sun, 22 Feb 2026 14:40:23 +0100 Subject: [PATCH] Aktualisiere README.md mit neuen Informationen zu PWA-Funktionen, Deployment-Workflow und Icons-Generierung --- README.md | 40 ++++++++++++++++++++++++++++++++++++---- 1 file changed, 36 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 10559d7..8536560 100644 --- a/README.md +++ b/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. +🌐 **Live:** [choose.leuschner.dev](https://choose.leuschner.dev) + ## Funktionsweise 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) - Zusätzliche Finger über dem Limit werden still ignoriert — kein Reset - 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 @@ -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 3. Im Browser des Geräts aufrufen: `http://: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 ``` 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/ -│ └── style.css # Styles & Animationen +│ └── style.css # Styles & Animationen ├── js/ -│ └── app.js # Touch-Logik -└── package.json # npm start Script +│ └── app.js # Touch-Logik & Umami-Events +├── 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 Reines HTML/CSS/JavaScript — kein Framework, kein Build-Schritt. +Analytics: [Umami](https://umami.is) (self-hosted, cookiefrei). ## Repository