61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Enter code — Atomaste CDR</title>
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<link rel="icon" type="image/svg+xml" href="/Media/Atomaste_logo_A.svg?v=2">
|
|
<style>
|
|
:root { --bg:#0b0f14; --fg:#e8eef7; --muted:#a8b3c2; --accent:#7dd3fc; }
|
|
body{ margin:0; min-height:100vh; display:grid; place-items:center; background: radial-gradient(900px 600px at 15% 10%, rgba(125,211,252,0.14), transparent 55%), linear-gradient(180deg,#070a0f 0%, var(--bg) 100%); color:var(--fg); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
|
|
.card{ width:min(520px, 92vw); border:1px solid rgba(232,238,247,0.14); border-radius:16px; background: rgba(255,255,255,0.03); padding: 24px; }
|
|
.row{ display:flex; gap:10px; margin-top:12px; }
|
|
input{ flex:1; padding:12px 14px; border-radius:12px; border:1px solid rgba(232,238,247,0.14); background: rgba(0,0,0,0.25); color:var(--fg); font-size:16px; }
|
|
button{ padding:12px 14px; border-radius:12px; border:1px solid rgba(232,238,247,0.14); background: rgba(125,211,252,0.14); color:var(--fg); font-size:16px; cursor:pointer; }
|
|
.hint{ color: rgba(232,238,247,0.65); font-size: 13px; margin-top: 10px; }
|
|
.error{ color:#fca5a5; margin-top:10px; display:none; }
|
|
img{ height:22px; opacity:0.9; }
|
|
.brand{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="brand">
|
|
<img src="/Media/Atomaste_light_grey_Logo.svg" alt="Atomaste" />
|
|
<div style="font-weight:600">CDR Deck Access</div>
|
|
</div>
|
|
<div style="font-size: 14px; color: rgba(232,238,247,0.75)">Enter the access code to open the presentation.</div>
|
|
|
|
<div class="row">
|
|
<input id="code" type="password" placeholder="Access code" autocomplete="off" />
|
|
<button id="go">Open</button>
|
|
</div>
|
|
|
|
<div class="error" id="err">Incorrect code.</div>
|
|
<div class="hint">Note: this is a lightweight gate (link + code), not strong security.</div>
|
|
</div>
|
|
|
|
<script>
|
|
// NOTE: This is intentionally simple. Not real security.
|
|
// Change the CODE value before sharing.
|
|
const CODE = 'stratosphere';
|
|
|
|
const $ = (id) => document.getElementById(id);
|
|
const go = () => {
|
|
const val = $('code').value.trim();
|
|
if (val === CODE) {
|
|
// Lightweight gate: store a marker then redirect.
|
|
try { localStorage.setItem('atomaste_deck_gof_cdr', CODE); } catch (e) {}
|
|
window.location.href = './index.html';
|
|
} else {
|
|
$('err').style.display = 'block';
|
|
}
|
|
};
|
|
|
|
$('go').addEventListener('click', go);
|
|
$('code').addEventListener('keydown', (e) => { if (e.key === 'Enter') go(); });
|
|
</script>
|
|
</body>
|
|
</html>
|