Files
Tonuino-Manager/website/index.html
T

37 lines
2.1 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">
<meta name="theme-color" content="#10263d">
<meta name="description" content="Tonuino Manager für macOS: TonUINO SD-Karten, Musik und NFC-Karten verwalten.">
<title>Tonuino Manager für macOS</title>
<link rel="icon" href="/icon.png" type="image/png">
<style>
:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 32px 20px; color: #15283c; background: #f4f7fa; }
main { width: min(100%, 620px); text-align: center; }
.icon { width: 112px; height: 112px; border-radius: 25px; box-shadow: 0 14px 34px #10263d24; }
h1 { margin: 26px 0 10px; font-size: clamp(2rem, 7vw, 3.2rem); letter-spacing: -0.045em; }
p { margin: 0 auto; max-width: 490px; color: #5d6b79; font-size: 1.1rem; line-height: 1.6; }
.download { display: inline-flex; align-items: center; gap: 10px; margin: 28px 0 12px; padding: 14px 22px; border-radius: 12px; background: #ef4c50; color: white; font-size: 1rem; font-weight: 650; text-decoration: none; box-shadow: 0 8px 18px #ef4c5033; }
.download:hover { background: #dc3c42; }
.download[aria-disabled="true"] { background: #8995a1; box-shadow: none; cursor: default; }
.meta { font-size: .92rem; color: #74808b; }
footer { margin-top: 42px; font-size: .88rem; color: #83909b; }
footer a { color: inherit; }
</style>
</head>
<body>
<main>
<img class="icon" src="/icon.png" alt="Tonuino Manager App Icon">
<h1>Tonuino Manager</h1>
<p>Musik auf der TonUINO-Karte organisieren, Metadaten pflegen und NFC-Karten erstellen – direkt auf dem Mac.</p>
<span class="download" aria-disabled="true">Erster Download folgt</span>
<div class="meta">Version Noch kein Release · macOS 13 oder neuer · Apple&nbsp;Silicon und Intel</div>
<footer><a href="https://git.maddin.app/maddin/Tonuino-Manager">Quellcode und Versionshinweise</a></footer>
</main>
</body>
</html>