41 lines
1.7 KiB
HTML
41 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>MindMachine</title>
|
|
<style>
|
|
:root{--bg:#0b0f1a;--card:#121621;--fg:#e9eefc;--muted:rgba(233,238,252,.75);--accent:#8ab4ff}
|
|
*{box-sizing:border-box}
|
|
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}
|
|
.wrap{min-height:100vh;display:grid;place-items:center;padding:28px 16px}
|
|
.card{width:min(760px,100%);background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px}
|
|
header{display:flex;gap:16px;align-items:center}
|
|
img{width:84px;height:84px;border-radius:18px}
|
|
h1{margin:0;font-size:38px;line-height:1.05}
|
|
.muted{color:var(--muted);margin-top:6px}
|
|
.actions{margin-top:18px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
|
|
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#1a2340;color:var(--fg);text-decoration:none;font-weight:650}
|
|
a{color:var(--accent)}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<main class="card">
|
|
<header>
|
|
<img src="assets/mindmachine-logo.png" alt="MindMachine logo" />
|
|
<div>
|
|
<h1>MindMachine</h1>
|
|
<div class="muted">Android app</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="actions">
|
|
<a class="btn" href="https://play.google.com/store/apps/details?id=solutions.tretter.mindmachine" target="_blank" rel="noopener">Download on Google Play</a>
|
|
<a href="privacy-policy.html">Privacy Policy</a>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|