Spaces:

apiarium
/

labs

Running

App Files Files Community

labs / static /login.html

3v324v23

deploy: unified router + dreamy website (2026-06-16T09:46:52Z)

c1a683f 26 days ago

Raw

History Blame Contribute Delete

6.01 kB

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="theme-color" content="#FFD6E8" />
	<!-- CRITICAL: paint the dawn sky on the first byte, before any external CSS/JS
	loads. background-attachment:fixed locks it to the viewport AND is the only
	background iOS Safari renders in the overscroll/rubber-band region — so
	scrolling never exposes a bare strip. Literal hex because tokens.css
	hasn't loaded yet. -->
	<style>
	html{background:linear-gradient(180deg,#E8E0FF 0%,#FFD6E8 52%,#FFE5D9 100%) fixed;background-color:#FFD6E8;}
	</style>

	<title>Sign in — DreamRouter</title>
	<meta name="description" content="Sign in with Google to reach your DreamRouter dashboard — 500 free credits, a streaming playground, and a unique ETH deposit address. No API key to manage." />
	<meta name="robots" content="noindex, follow" />
	<link rel="canonical" href="https://apiarium-labs.hf.space/login.html" />

	<meta property="og:type" content="website" />
	<meta property="og:title" content="Sign in — DreamRouter" />
	<meta property="og:description" content="Sign in with Google for 500 free credits and your dashboard." />
	<meta property="og:url" content="https://apiarium-labs.hf.space/login.html" />
	<meta name="twitter:card" content="summary" />
	<meta name="twitter:title" content="Sign in — DreamRouter" />

	<link rel="preconnect" href="https://fonts.googleapis.com" />
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&family=Nunito:wght@400;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet" />

	<script src="https://unpkg.com/lenis@1.1.13/dist/lenis.min.js" defer></script>

	<link rel="stylesheet" href="css/tokens.css?v=20260620b" />
	<link rel="stylesheet" href="css/base.css?v=20260620b" />
	<link rel="stylesheet" href="css/scene.css?v=20260620b" />
	<link rel="stylesheet" href="css/whale.css?v=20260620b" />
	<link rel="stylesheet" href="css/nav.css?v=20260620b" />
	<link rel="stylesheet" href="css/auth.css?v=20260620b" />
	</head>

	<body data-page="login">

	<div class="blur-overlay" aria-hidden="true"></div>
	<div class="grain-overlay" aria-hidden="true"></div>

	<div class="scene" aria-hidden="true">
	<div class="layer layer-far-clouds" data-speed="0.06" data-mouse="8">
	<svg class="cloud-far c1" viewBox="0 0 200 100"><use href="#cloud"/></svg>
	<svg class="cloud-far c2" viewBox="0 0 200 100"><use href="#cloud"/></svg>
	<svg class="cloud-far c3" viewBox="0 0 200 100"><use href="#cloud"/></svg>
	</div>
	<div class="layer layer-moon" data-speed="0.12" data-mouse="14">
	<div class="moon"><span class="moon-disc"></span></div>
	</div>
	<div class="layer layer-mid-clouds" data-speed="0.20" data-mouse="22">
	<svg class="cloud-mid m1" viewBox="0 0 200 100"><use href="#cloud"/></svg>
	<svg class="cloud-mid m2" viewBox="0 0 200 100"><use href="#cloud"/></svg>
	</div>
	</div>

	<div class="layer layer-top layer-whale" aria-hidden="true">
	<div class="whale" data-whale data-whale-park></div>
	</div>
	<div class="layer layer-top layer-bubbles bubbles" data-speed="0.32" data-mouse="34" aria-hidden="true"></div>

	<svg width="0" height="0" style="position:absolute" aria-hidden="true">
	<defs>
	<symbol id="cloud" viewBox="0 0 200 100">
	<path d="M40 80 Q20 80 20 60 Q20 45 38 42 Q42 22 65 25 Q78 8 98 18 Q118 5 132 22 Q155 18 162 40 Q180 44 178 64 Q178 80 158 80 Z"
	fill="#FFF5F8" opacity="0.9"/>
	</symbol>
	</defs>
	</svg>

	<div data-site-nav></div>

	<main id="main">
	<div class="auth-shell">
	<div class="auth-glow" aria-hidden="true"></div>

	<div class="auth-mascot" data-whale-park aria-hidden="true"></div>

	<!-- error toast (shown when Google callback fails) -->
	<div class="auth-toast" id="auth-toast" role="alert" hidden></div>

	<!-- Single sign-in: Google only. No API-key form.
	If OAuth isn't configured on this deployment, clicking surfaces a
	friendly 'not configured' toast rather than a dead link. -->
	<div class="auth-card auth-card--sso">
	<h1>welcome</h1>
	<p class="auth-sub">
	Sign in with Google to open your dashboard. You’ll get
	<strong>500 free credits</strong> and a unique ETH deposit address
	— no card, no key to manage.
	</p>

	<a class="btn btn-sso" href="/auth/google" id="google-btn">
	<svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true">
	<path fill="#4285F4" d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.875 2.684-6.615z"/>
	<path fill="#34A853" d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332C2.438 15.983 5.482 18 9 18z"/>
	<path fill="#FBBC05" d="M3.964 10.71c-.18-.54-.282-1.117-.282-1.71s.102-1.17.282-1.71V4.958H.957C.347 6.173 0 7.548 0 9s.348 2.827.957 4.042l3.007-2.332z"/>
	<path fill="#EA4335" d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0 5.482 0 2.438 2.017.957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z"/>
	</svg>
	Continue with Google
	</a>

	<p class="auth-fine">By continuing you agree to use DreamRouter fairly.</p>

	<div class="auth-helpers">
	<a href="index.html">← Back to home</a>
	</div>
	</div>
	</div>
	</main>

	<script src="js/layout.js?v=20260620b"></script>
	<script src="js/motion.js?v=20260620b"></script>
	<script src="js/parallax.js?v=20260620b"></script>
	<script src="js/whale.js?v=20260620b"></script>
	<script src="js/auth.js?v=20260620b"></script>
	</body>
	</html>