docs: add VIGIL showcase page (vigil.netslum.io)
Static landing page reusing the OVERWATCH/SKELETONKEY design system: hero + main-screen screenshot, the five tracker ecosystems, the co-movement decision model + OBSERVED/SUSPICIOUS/ALERTING tiers, the rotating-clone problem, and the fully-offline privacy story. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Space+Grotesk:wght@700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{width:1200px;height:630px;color:#cdd6f4;font-family:Inter,sans-serif;position:relative;overflow:hidden;
|
||||
background:radial-gradient(130% 130% at 12% 6%,#26263c 0%,#1e1e2e 52%,#181825 100%)}
|
||||
.wrap{padding:76px 82px;height:100%;display:flex;flex-direction:column;justify-content:center}
|
||||
.brand{display:flex;align-items:center;gap:24px;margin-bottom:26px}
|
||||
.brand img{width:92px;height:92px}
|
||||
.name{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:94px;letter-spacing:.04em;color:#fff;line-height:1}
|
||||
.tag{font-size:33px;line-height:1.36;color:#bac2de;font-weight:500;max-width:980px}
|
||||
.tag b{color:#fff;font-weight:700}
|
||||
.meta{position:absolute;bottom:82px;left:82px;font-family:"JetBrains Mono",monospace;font-size:19px;color:#9399b2}
|
||||
.meta b{color:#89b4fa}
|
||||
.url{position:absolute;bottom:50px;right:82px;font-family:"JetBrains Mono",monospace;font-size:20px;color:#6c7086}
|
||||
</style></head><body>
|
||||
<div class="wrap">
|
||||
<div class="brand"><img src="logo.svg" alt=""><span class="name">VIGIL</span></div>
|
||||
<div class="tag"><b>What's been following you?</b> A passive Android app that flags AirTags, Tile, SmartTags & Find My trackers travelling <b>with you over time</b> — even rotating-key clones.</div>
|
||||
</div>
|
||||
<div class="meta">Apple · Google · Samsung · Tile · <b>DULT</b> — fully offline, listens only</div>
|
||||
<div class="url">vigil.netslum.io</div>
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user