Add initial project files including HTML, CSS, and JavaScript for Finger Chooser app

2026-02-19 17:12:25 +01:00
commit b537638f94
4 changed files with 263 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
+  <title>Finger Chooser — Wer bleibt übrig?</title>
+  <meta name="description" content="Finger Chooser: Lege 2 oder mehr Finger auf das Display. Ein Finger wird per Zufall ausgewählt. Optimiert für Mobile.">
+  <meta name="robots" content="index,follow">
+  <link rel="canonical" href="/index.html">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Finger Chooser — Wer bleibt übrig?">
+  <meta property="og:description" content="Lege mehrere Finger auf das Display und lass einen zufällig auswählen. Optimiert für Mobile.">
+  <meta name="theme-color" content="#111111">
+  <link rel="stylesheet" href="css/style.css">
+  <script type="application/ld+json">
+  {"@context":"https://schema.org","@type":"WebApplication","name":"Finger Chooser","description":"Lege mehrere Finger auf das Display und ein Finger wird zufällig ausgewählt.","applicationCategory":"Game"}
+  </script>
+</head>
+<body>
+  <main id="stage">
+    <div id="overlay">
+      <h1>Finger Chooser</h1>
+      <p>Lege 2 oder mehr Finger auf das Display — einer wird zufällig ausgewählt.</p>
+      <p class="hint">Hebe alle Finger an, um neu zu starten.</p>
+    </div>
+  </main>
+
+  <script src="js/app.js"></script>
+  <noscript>
+    <style>
+      #overlay{opacity:1;background:transparent}
+    </style>
+    <div style="padding:12px;text-align:center;background:#222;color:#fff">Bitte aktiviere JavaScript, um die Anwendung zu nutzen.</div>
+  </noscript>
+</body>
+</html>
+
+</body>
+</html>