Source identity
| Field | Recorded value |
|---|---|
| Source type | GitHub source |
| Original record | Janady13/thatdeveloperguy-website / rive/lobby/web/index.html |
| Date | Not specified in source |
| Repository | Janady13/thatdeveloperguy-website |
| Revision | 2bea2ebdff0e34494bff597d4fa9c8422a0c3a94 |
| Branch | main |
| Path or archive member | rive/lobby/web/index.html |
| Original SHA-256 | 007d96dc769aad6b0591e0b2d67aeef175f71e70c6044785655871539d8ebd41 |
| Git blob SHA | fc713745f900a5380877c44f28aab9b48dbb9bf0 |
| Reading-copy SHA-256 | 007d96dc769aad6b0591e0b2d67aeef175f71e70c6044785655871539d8ebd41 |
Recovered source transcript
Download complete source text ↓46 lines · 4.6 KB
<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>THATDEVELOPERGUY | Government IT, security and real solutions</title>
<meta name="robots" content="noindex,nofollow">
<link rel="preload" href="/rive/rive-2.42.2.wasm" as="fetch" crossorigin="anonymous">
<link rel="preload" href="/animation/rooms/lobby-plates/2x/bg_plate.webp" as="image">
<style>
@font-face{font-family:'Public Sans';font-weight:400 700;font-display:swap;src:url(/fonts/public-sans-latin.woff2) format('woff2')}
:root{--ink:#0D0A14;--violet:#5A36B8;--deep:#2A1856;--white:#F2F0FA;--green:#31E07F}
*{box-sizing:border-box}html{background:#e9e5f3}body{margin:0;min-height:260vh;font-family:'Public Sans',system-ui,sans-serif;color:var(--ink)}
#stage{position:fixed;inset:0;overflow:hidden;background:#1c1533}
#stage::before{content:"";position:absolute;inset:0;background:url(/animation/rooms/lobby-plates/2x/bg_plate.webp) center/cover no-repeat;opacity:.42}
#stage.live::before{display:none}
canvas#lobby{opacity:0;transition:opacity .4s ease}#stage.live canvas#lobby{opacity:1}
canvas#lobby{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
#world{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;pointer-events:none}
#cam{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0}
#cam>*{position:absolute}
.label{display:flex;align-items:center;justify-content:center}
.label span{font-weight:700;font-size:19px;letter-spacing:.01em;text-transform:uppercase;color:#1c1436;line-height:1;white-space:nowrap;transform-origin:50% 50%}
.sign{left:535px;top:82px;width:635px;height:106px;display:flex;align-items:center;justify-content:center;text-align:center}
.sign p{margin:0;font-weight:500;font-size:16.5px;line-height:1.35;letter-spacing:.24em;text-transform:uppercase;color:#2a1f4a}
.sign .star{position:absolute;top:50%;width:26px;height:26px;transform:translateY(-50%);color:#5A36B8;animation:twinkle 5.2s ease-in-out infinite}.sign .star.r{animation-delay:2.6s}
@keyframes twinkle{0%,100%{opacity:.85;filter:drop-shadow(0 0 0 rgba(201,190,242,0))}50%{opacity:1;filter:drop-shadow(0 0 6px rgba(201,190,242,.9))}}
@media (prefers-reduced-motion:reduce){.sign .star{animation:none}}.sign .star.l{left:44px}.sign .star.r{right:44px}
.site-header{position:fixed;left:0;right:0;top:0;display:flex;align-items:center;gap:32px;padding:22px 48px;z-index:10}
nav{margin-left:auto;display:flex;gap:28px}nav a{color:#241a3f;text-decoration:none;font-weight:600;font-size:15px;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.cta{background:var(--deep);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px}
#hint{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);white-space:nowrap;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#4a3d6e;opacity:.7;z-index:10;pointer-events:none}
@media (max-width:820px){.site-header{padding:16px 20px;justify-content:flex-end}nav{display:none}#hint{font-size:11px}}
@media (prefers-reduced-motion:reduce){body{min-height:100vh}#hint{display:none}}
</style></head>
<body>
<div id="stage">
<canvas id="lobby" aria-label="The ThatDeveloperGuy lobby: three doors, IT Services, Gov Solutions and Cyber Security" role="img"></canvas>
<div id="world"><div id="cam">
<div class="sign"><svg class="star l" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2l2.9 6.6 7.1.7-5.4 4.8 1.6 7L12 17.4 5.8 21l1.6-7L2 9.3l7.1-.7z"/></svg><p>Secure systems.<br>Stronger services.<br>A better tomorrow.</p><svg class="star r" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2l2.9 6.6 7.1.7-5.4 4.8 1.6 7L12 17.4 5.8 21l1.6-7L2 9.3l7.1-.7z"/></svg></div>
<div class="label" data-door="it" style="left:561px;top:243px;width:154px;height:51px"><span>IT Services</span></div><div class="label" data-door="gov" style="left:805px;top:243px;width:155px;height:51px"><span>Gov Solutions</span></div><div class="label" data-door="cyber" style="left:1055px;top:243px;width:154px;height:51px"><span>Cyber Security</span></div>
</div></div>
</div>
<header class="site-header"><a class="wordmark" href="/" aria-label="thatdeveloperguy.com home"></a><nav aria-label="Services"><a href="#it" data-door="it">IT Services</a><a href="#gov" data-door="gov">Gov Solutions</a><a href="#cyber" data-door="cyber">Cyber Security</a></nav><a class="cta" href="mailto:admin@thatdeveloperguy.com">Start a project</a></header>
<div id="hint">Scroll to walk in · Click a door</div>
<script src="/rive/rive-2.42.2.js" defer></script>
<script src="/lobby.js" defer></script>
</body></html>