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
+5 -5
View File
@@ -6,22 +6,22 @@
<meta name="description" content="Which wallets to use with LinkSpin, how to set one up, and how to buy POL with a card through MoonPay. Member training.">
<meta name="robots" content="noindex">
<meta name="theme-color" content="#043b2f">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Manrope:wght@500;700;800&display=swap">
<link rel="icon" type="image/png" href="/logo-icon.png">
<link rel="stylesheet" href="/assets/site.css?v=20260910j">
<link rel="stylesheet" href="/assets/site.css?v=ls20260916a">
<style>
.wl-rule{border-left:4px solid #f2c94c;background:rgba(242,201,76,.08);padding:16px 20px;border-radius:0 12px 12px 0;margin:0 0 28px}
.wl-rule b{font-family:var(--disp);font-size:17px;display:block;margin-bottom:6px}
.wl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 8px}
.wl-grid>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.wl-grid h3{margin:0 0 4px;font-size:18px}
.wl-grid .tag{font-family:var(--mono);font-size:11px;color:var(--mint);border:1px solid rgba(67,232,195,.4);border-radius:999px;padding:2px 9px;margin-left:8px;vertical-align:middle}
.wl-grid .tag{font-family:var(--mono);font-size:11px;color:var(--mint);border:1px solid rgba(59,157,255,.4);border-radius:999px;padding:2px 9px;margin-left:8px;vertical-align:middle}
.wl-grid .tag.warn{color:#f2c94c;border-color:rgba(242,201,76,.5)}
.wl-grid p{margin:6px 0 0;font-size:14px;color:var(--muted)}
.wl-grid .rec{border-color:var(--mint);box-shadow:0 0 40px rgba(67,232,195,.1)}
.wl-grid .rec{border-color:var(--mint);box-shadow:0 0 40px rgba(59,157,255,.1)}
.steps{counter-reset:s;margin:0;padding:0;list-style:none}
.steps li{counter-increment:s;position:relative;padding:0 0 16px 46px;font-size:15px;line-height:1.5}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:rgba(67,232,195,.12);border:1px solid rgba(67,232,195,.45);color:var(--mint);font-family:var(--disp);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:rgba(59,157,255,.12);border:1px solid rgba(59,157,255,.45);color:var(--mint);font-family:var(--disp);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.steps li b{color:var(--ink)}
.wl-links{margin:10px 0 0;display:flex;gap:6px;flex-wrap:wrap}
.wl-links .btn{margin-top:0}