LinkSpin identity: sapphire and chrome after the Nexus badge, Rajdhani display type, circuit texture, wordmark logo

This commit is contained in:
martbost
2026-09-16 04:37:18 -05:00
parent 158ee291a1
commit c5ffe1570e
20 changed files with 153 additions and 116 deletions
+7 -7
View File
@@ -5,26 +5,26 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Viewing ad — LinkSpin</title>
<link rel="icon" type="image/png" href="/logo-icon.png">
<link rel="stylesheet" href="/assets/site.css?v=20260910h">
<link rel="stylesheet" href="/assets/site.css?v=ls20260916a">
<style>
html,body{height:100%;margin:0;overflow:hidden}
.vw{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg,#04110c);color:var(--ink,#e8fff7)}
/* right padding keeps the check buttons clear of the dashboard overlay's ✕ close button */
.vbar{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:10px 68px 10px 16px;
background:var(--panel-solid,#071a12);border-bottom:1px solid var(--line,rgba(67,232,195,.18));flex-wrap:wrap}
background:var(--panel-solid,#071a12);border-bottom:1px solid var(--line,rgba(59,157,255,.18));flex-wrap:wrap}
.vbrand{font-family:var(--disp,sans-serif);font-weight:800;font-size:15px;white-space:nowrap}
.vbrand em{color:var(--mint,#43e8c3);font-style:normal}
.vtimer{font-family:var(--mono,monospace);font-weight:700;font-size:14px;border:1px solid var(--line-strong,rgba(67,232,195,.32));
.vbrand em{color:var(--mint,#3b9dff);font-style:normal}
.vtimer{font-family:var(--mono,monospace);font-weight:700;font-size:14px;border:1px solid var(--line-strong,rgba(59,157,255,.32));
border-radius:999px;padding:5px 14px;min-width:104px;text-align:center}
.vtimer.paused{color:var(--amber,#ffb238);border-color:rgba(255,178,56,.55)}
.vtimer.done{color:var(--mint,#43e8c3)}
.vtimer.done{color:var(--mint,#3b9dff)}
.vmsg{font-size:13px;color:var(--muted,#8ba69c);flex:1;min-width:140px}
.vcheck{display:none;align-items:center;gap:8px;flex-wrap:wrap}
.vcheck.on{display:flex}
.vcheck .prompt{font-size:13.5px;font-weight:700}
.vcheck button{font-size:20px;line-height:1;background:var(--panel,rgba(9,26,19,.85));color:inherit;
border:1px solid var(--line-strong,rgba(67,232,195,.32));border-radius:10px;padding:7px 12px;cursor:pointer;margin-right:6px}
.vcheck button:hover,.vcheck button:focus-visible{border-color:var(--mint,#43e8c3);outline:none}
border:1px solid var(--line-strong,rgba(59,157,255,.32));border-radius:10px;padding:7px 12px;cursor:pointer;margin-right:6px}
.vcheck button:hover,.vcheck button:focus-visible{border-color:var(--mint,#3b9dff);outline:none}
.vdone{display:none;gap:8px;align-items:center}
.vdone.on{display:flex}
.vframe{flex:1;border:0;width:100%;background:#fff}