Spaces:
Paused
Paused
File size: 3,936 Bytes
73c1400 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 | <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>Create Account · Wolf Host</title>
<style>
:root{--bg:#060812;--glass:rgba(255,255,255,.07);--b:rgba(255,255,255,.14);--t:rgba(255,255,255,.92);--m:rgba(255,255,255,.65);--a:#00d4ff;--a2:#7b61ff}
*{box-sizing:border-box} body{margin:0;min-height:100vh;display:grid;place-items:center;color:var(--t);
font-family:system-ui,Segoe UI,Roboto,Arial;background:
radial-gradient(900px 500px at 10% 10%, rgba(0,212,255,.22), transparent 60%),
radial-gradient(800px 500px at 90% 20%, rgba(123,97,255,.18), transparent 55%),
linear-gradient(180deg,#070a12,#05060a);
}
.card{width:min(460px,92vw);border:1px solid var(--b);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
border-radius:18px;backdrop-filter:blur(16px);box-shadow:0 18px 60px rgba(0,0,0,.55);padding:18px}
.title{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.6px;text-transform:uppercase}
.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
background:radial-gradient(circle at 30% 30%, rgba(0,212,255,.9), transparent 60%),
radial-gradient(circle at 70% 70%, rgba(123,97,255,.7), transparent 55%),
rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.14)
}
.sub{margin-top:6px;color:var(--m);font-size:12px}
input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);color:var(--t);outline:none;margin-top:10px}
.row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.btn{flex:1;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--t);font-weight:900;cursor:pointer}
.btn.primary{border:0;color:#00131c;background:linear-gradient(135deg,rgba(0,212,255,.95),rgba(123,97,255,.85))}
.msg{margin-top:10px;color:var(--m);font-size:12px;min-height:16px}
a{color:var(--a);text-decoration:none;font-weight:900}
</style>
</head>
<body>
<div class="card">
<div class="title"><div class="logo">✨</div> Create Account</div>
<div class="sub">Registration is currently closed. Contact us at t.me/j49_c for access.</div>
<input id="u" placeholder="Username (letters/numbers/_/.)">
<input id="e" placeholder="Email">
<input id="p" placeholder="Password (minimum 6 characters)" type="password">
<input id="p2" placeholder="Confirm password" type="password">
<div class="row">
<button class="btn primary" onclick="doCreate()">Create</button>
<button class="btn" onclick="location.href='/login'">Back to Login</button>
<button class="btn" onclick="location.href='/docs'">Docs</button>
</div>
<div class="msg" id="m"></div>
</div>
<script>
async function doCreate(){
const m=document.getElementById('m');
m.textContent='Creating...';
const username=document.getElementById('u').value.trim();
const email=document.getElementById('e').value.trim();
const password=document.getElementById('p').value;
const password2=document.getElementById('p2').value;
try{
const r=await fetch('/api/auth/create',{method:'POST',headers:{'Content-Type':'application/json'},
body:JSON.stringify({username,email,password,password2})
});
const d=await r.json().catch(()=>({success:false,message:'Server error'}));
if(!r.ok || !d.success){ m.textContent=d.message||'Create failed'; return; }
m.textContent='Account created. Redirecting to login...';
setTimeout(()=>location.href='/login', 800);
}catch(e){
m.textContent='Network error — the Space may be waking up. Wait a few seconds and try again.';
}
}
</script>
</body>
</html>
|