Source identity
| Field | Recorded value |
|---|---|
| Source type | GitHub source |
| Original record | Janady13/thatdeveloperguy-website / creative-source/plates/lobby/index.html |
| Date | Not specified in source |
| Repository | Janady13/thatdeveloperguy-website |
| Revision | 2bea2ebdff0e34494bff597d4fa9c8422a0c3a94 |
| Branch | main |
| Path or archive member | creative-source/plates/lobby/index.html |
| Original SHA-256 | 15b7557aa6013b499a9fa6556233c7187aeecd4ca447fdc79aec4e6262028dae |
| Git blob SHA | fa81630bdd595041040a68d26e6025b3f233355d |
| Reading-copy SHA-256 | 15b7557aa6013b499a9fa6556233c7187aeecd4ca447fdc79aec4e6262028dae |
Recovered source transcript
Download complete source text ↓41 lines · 7.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" as="image" href="assets/2x/bg_plate.webp">
<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,body{margin:0;height:100%;background:#0D0A14;font-family:'Public Sans',system-ui,sans-serif;color:var(--ink)}
body{overflow:hidden}
#stage{position:fixed;inset:0;overflow:hidden;background:#e9e5f3}
#world{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;will-change:transform}
#world>*{position:absolute}
#bg{left:0;top:0;width:1672px;height:941px}
.L{pointer-events:none;will-change:transform}
.label{display:flex;align-items:center;justify-content:center;pointer-events:none}
.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;pointer-events:none}
.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}
.sign .star.l{left:44px}.sign .star.r{right:44px}
/* page chrome */
.site-header{position:fixed;left:0;right:0;top:0;display:flex;align-items:center;gap:32px;padding:22px 48px;z-index:10}
nav a,.cta{text-shadow:0 1px 0 rgba(255,255,255,.5)}
.wordmark{font-weight:800;font-size:22px;color:var(--violet);text-decoration:none;letter-spacing:-.01em}.wordmark span{color:var(--deep)}
nav{margin-left:auto;display:flex;gap:28px}nav a{color:#241a3f;text-decoration:none;font-weight:600;font-size:15px}
.cta{background:var(--deep);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px}
.actions{display:flex;gap:12px;justify-content:center}.btn{padding:14px 24px;border-radius:999px;font-weight:700;text-decoration:none;font-size:16px}
.btn.primary{background:var(--violet);color:#fff}.btn.ghost{background:rgba(255,255,255,.7);color:var(--deep);border:1.5px solid var(--deep)}
@media (max-width:820px){.site-header{padding:16px 20px}nav{display:none}}
</style></head>
<body>
<div id="stage"><div id="world">
<img id="bg" src="assets/2x/bg_plate.webp" srcset="assets/2x/bg_plate.webp 2x, assets/4x/bg_plate.webp 4x" alt="" draggable="false">
<img class="L" data-depth="-0.35" src="assets/2x/clouds.webp" srcset="assets/2x/clouds.webp 2x, assets/4x/clouds.webp 4x" alt="" style="left:1461.5px;top:83.5px;width:179.0px;height:246.75px" draggable="false"><img class="L" data-depth="0" src="assets/2x/window_frames.webp" srcset="assets/2x/window_frames.webp 2x, assets/4x/window_frames.webp 4x" alt="" style="left:1429.5px;top:0.0px;width:242.5px;height:554.25px" draggable="false"><img class="L" data-depth="0.05" src="assets/2x/plant_left_rear.webp" srcset="assets/2x/plant_left_rear.webp 2x, assets/4x/plant_left_rear.webp 4x" alt="" style="left:424.5px;top:294.75px;width:91.0px;height:201.5px" draggable="false"><img class="L" data-depth="0.05" src="assets/2x/plant_gov_left.webp" srcset="assets/2x/plant_gov_left.webp 2x, assets/4x/plant_gov_left.webp 4x" alt="" style="left:704.5px;top:359.75px;width:76.0px;height:185.75px" draggable="false"><img class="L" data-depth="0.05" src="assets/2x/plant_gov_right.webp" srcset="assets/2x/plant_gov_right.webp 2x, assets/4x/plant_gov_right.webp 4x" alt="" style="left:944.5px;top:364.75px;width:86.0px;height:180.75px" draggable="false"><img class="L" data-depth="0.05" src="assets/2x/plant_cyber_right.webp" srcset="assets/2x/plant_cyber_right.webp 2x, assets/4x/plant_cyber_right.webp 4x" alt="" style="left:1204.5px;top:329.75px;width:86.0px;height:225.75px" draggable="false"><img class="L" data-depth="0.05" src="assets/2x/plant_window_mid.webp" srcset="assets/2x/plant_window_mid.webp 2x, assets/4x/plant_window_mid.webp 4x" alt="" style="left:1534.5px;top:399.5px;width:137.5px;height:171.0px" draggable="false"><img class="L" data-depth="0.08" src="assets/2x/plant_table.webp" srcset="assets/2x/plant_table.webp 2x, assets/4x/plant_table.webp 4x" alt="" style="left:1544.5px;top:514.5px;width:51.0px;height:70.75px" draggable="false"><img class="L" data-depth="0" src="assets/2x/door_it_leaf.webp" srcset="assets/2x/door_it_leaf.webp 2x, assets/4x/door_it_leaf.webp 4x" alt="" style="left:551.5px;top:301.75px;width:155.0px;height:229.5px" draggable="false"><img class="L" data-depth="0" src="assets/2x/door_gov_leaf.webp" srcset="assets/2x/door_gov_leaf.webp 2x, assets/4x/door_gov_leaf.webp 4x" alt="" style="left:791.5px;top:301.75px;width:155.0px;height:229.5px" draggable="false"><img class="L" data-depth="0" src="assets/2x/door_cyber_leaf.webp" srcset="assets/2x/door_cyber_leaf.webp 2x, assets/4x/door_cyber_leaf.webp 4x" alt="" style="left:1039.5px;top:301.75px;width:152.0px;height:229.5px" draggable="false"><img class="L" data-depth="0" src="assets/2x/reader_it.webp" srcset="assets/2x/reader_it.webp 2x, assets/4x/reader_it.webp 4x" alt="" style="left:669.5px;top:413.75px;width:26.0px;height:55.75px" draggable="false"><img class="L" data-depth="0" src="assets/2x/reader_gov.webp" srcset="assets/2x/reader_gov.webp 2x, assets/4x/reader_gov.webp 4x" alt="" style="left:909.5px;top:413.75px;width:26.0px;height:55.5px" draggable="false"><img class="L" data-depth="0" src="assets/2x/reader_cyber.webp" srcset="assets/2x/reader_cyber.webp 2x, assets/4x/reader_cyber.webp 4x" alt="" style="left:1154.5px;top:413.75px;width:26.0px;height:55.5px" draggable="false"><img class="L" data-depth="0.25" src="assets/2x/arch_right_fg.webp" srcset="assets/2x/arch_right_fg.webp 2x, assets/4x/arch_right_fg.webp 4x" alt="" style="left:1264.5px;top:71.75px;width:166.0px;height:514.5px" draggable="false"><img class="L" data-depth="0.45" src="assets/2x/plant_left_fg.webp" srcset="assets/2x/plant_left_fg.webp 2x, assets/4x/plant_left_fg.webp 4x" alt="" style="left:0.0px;top:394.75px;width:85.5px;height:110.5px" draggable="false"><img class="L" data-depth="0.5" src="assets/2x/plant_right_fg.webp" srcset="assets/2x/plant_right_fg.webp 2x, assets/4x/plant_right_fg.webp 4x" alt="" style="left:1474.5px;top:629.5px;width:197.5px;height:311.5px" draggable="false">
<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" style="left:561px;top:243px;width:154px;height:51px"><span>IT Services</span></div><div class="label" style="left:805px;top:243px;width:155px;height:51px"><span>Gov Solutions</span></div><div class="label" style="left:1055px;top:243px;width:154px;height:51px"><span>Cyber Security</span></div>
</div></div>
<header class="site-header"><a class="wordmark" href="/" aria-label="thatdeveloperguy.com home"></a><nav aria-label="Services"><a href="#it">IT Services</a><a href="#gov">Gov Solutions</a><a href="#cyber">Cyber Security</a></nav><a class="cta" href="mailto:admin@thatdeveloperguy.com">Start a project</a></header>
<script src="lobby.js" defer></script>
</body></html>