Files
step3/web/donation-complete.html
T
2026-07-20 16:42:17 -05:00

39 lines
2.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Contribution received | RanaZe</title>
<style>
@font-face{font-family:Inter;src:url('/medmind-inter.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark light;--bg:#071224;--surface:#0b1427;--border:#33415d;--text:#f8fafc;--muted:#a9b5ca;--accent:#38bdf8;--success:#22c55e}
@media(prefers-color-scheme:light){:root{--bg:#f1f5f9;--surface:#fff;--border:#dbe3ef;--text:#0f172a;--muted:#64748b}}
:root[data-theme=light]{--bg:#f1f5f9;--surface:#fff;--border:#dbe3ef;--text:#0f172a;--muted:#64748b}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
main{width:min(560px,100%);padding:40px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:center}
img{width:84px;height:84px;object-fit:contain}h1{margin:22px 0 12px;font-size:30px}p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}.status{color:var(--success);font-weight:700}a{display:inline-block;margin-top:22px;color:var(--accent);font-weight:700}
</style>
</head>
<script>try{document.documentElement.dataset.theme=localStorage.getItem('medmind-color-scheme')||''}catch(e){}</script>
<body><main><img src="/ranaze-loader-icon-v1.png" alt="RanaZe" width="320" height="270"><h1>Thank you for supporting RanaZe</h1><p class="status">Your checkout is complete.</p><p>Stripe will send your receipt by email. Returning you to the app...</p><a id="return-to-app" href="/">Return to RanaZe</a></main>
<script>
(() => {
const returnToApp = () => {
if (window.opener && !window.opener.closed) {
window.opener.focus();
window.close();
return;
}
window.location.assign('/');
};
document.getElementById('return-to-app').addEventListener('click', (event) => {
if (window.opener && !window.opener.closed) {
event.preventDefault();
returnToApp();
}
});
window.setTimeout(returnToApp, 1800);
})();
</script></body>
</html>