Files
ChooserApp/index.html

64 lines
2.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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 Zufällig einen Finger auswählen</title>
<meta name="description" content="Lege 25 Finger gleichzeitig aufs Display. Die App wählt per Zufallsanimation einen Finger aus. Kostenlos, kein Download direkt im Browser nutzbar.">
<meta name="keywords" content="finger chooser, finger auswählen, zufälliger finger, wer ist dran, finger roulette, multi touch spiel, gruppenspiel smartphone">
<meta name="robots" content="index,follow">
<link rel="canonical" href="/">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Finger Chooser Zufällig einen Finger auswählen">
<meta property="og:description" content="Lege 25 Finger gleichzeitig aufs Display. Die App wählt per Zufallsanimation einen Finger aus. Kostenlos, direkt im Browser.">
<meta property="og:locale" content="de_DE">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Finger Chooser Zufällig einen Finger auswählen">
<meta name="twitter:description" content="Lege 25 Finger aufs Display die App wählt per Animation zufällig einen aus. Kostenlos im Browser.">
<!-- PWA / Mobile -->
<meta name="theme-color" content="#0c0c14">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Finger Chooser">
<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 ein Finger wird per Zufallsanimation ausgewählt. Ideal für Gruppenentscheidungen.",
"applicationCategory": "GameApplication",
"operatingSystem": "Any",
"browserRequirements": "Requires JavaScript and a touch-capable browser",
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "EUR" },
"inLanguage": "de"
}
</script>
</head>
<body>
<main id="stage">
<div id="overlay">
<h1>Finger Chooser</h1>
<p>Lege 2 oder mehr Finger auf das Display —<br>einer wird zufällig ausgewählt.</p>
<p class="hint">Alle Finger anheben, um neu zu starten.</p>
</div>
</main>
<script src="js/app.js"></script>
<noscript>
<div style="position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0c0c14;color:#fff;font-family:system-ui,sans-serif;text-align:center;padding:24px">
Bitte aktiviere JavaScript, um die Anwendung zu nutzen.
</div>
</noscript>
</body>
</html>