Add "We Build What We Believe" evidence grid to homepage
Movement-hub framing: mission-aligned projects (Ghost, Watermelon, Search, Browser, Cipher, I Am the Law) shown as proof the ideology ships as software, between the One-Law manifesto and the join form. Theme-aware, links out to the full labs hub. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
9c957b414e
commit
a851ef28df
1 changed files with 57 additions and 0 deletions
57
index.html
57
index.html
|
|
@ -588,6 +588,63 @@ html[data-theme="light"] .join-check label{color:#555}
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.build-section{margin:32px 0;border:1px solid #222;background:#050505;padding:28px 22px}
|
||||
.build-header{margin-bottom:22px}
|
||||
.build-tag{font-family:'Roboto Mono',monospace;font-size:11px;color:#ff0099;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}
|
||||
.build-title{font-family:'Roboto Mono',monospace;font-size:32px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.15}
|
||||
.build-lead{font-size:14px;color:#ddd;margin:0;max-width:560px;line-height:1.6}
|
||||
.build-lead strong{color:#fff}
|
||||
.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:22px}
|
||||
.build-card{display:flex;gap:14px;align-items:flex-start;border:1px solid #222;background:rgba(255,0,153,.03);padding:15px 16px;text-decoration:none;transition:border-color .15s,background .15s}
|
||||
.build-card:hover{border-color:#ff0099;background:rgba(255,0,153,.08)}
|
||||
.build-icon{font-size:24px;line-height:1;flex-shrink:0}
|
||||
.build-name{font-family:'Roboto Mono',monospace;font-size:14px;font-weight:700;color:#fff;letter-spacing:.5px}
|
||||
.build-value{font-family:'Roboto Mono',monospace;font-size:10px;color:#ff0099;letter-spacing:1.5px;text-transform:uppercase;margin:3px 0 5px}
|
||||
.build-desc{font-size:12px;color:#aaa;line-height:1.5;margin:0}
|
||||
.build-all{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:1px;color:#ff0099;text-decoration:none;text-transform:uppercase;border-bottom:1px solid rgba(255,0,153,.4);padding-bottom:3px}
|
||||
.build-all:hover{border-color:#ff0099}
|
||||
html[data-theme="light"] .build-section{background:#EBEBEA;border-color:#CCC}
|
||||
html[data-theme="light"] .build-title,html[data-theme="light"] .build-name{color:#111}
|
||||
html[data-theme="light"] .build-lead{color:#333}
|
||||
html[data-theme="light"] .build-card{border-color:#DDD;background:rgba(255,0,153,.04)}
|
||||
html[data-theme="light"] .build-desc{color:#555}
|
||||
</style>
|
||||
<section id="build" class="build-section">
|
||||
<div class="build-header">
|
||||
<div class="build-tag">Proof, not promises</div>
|
||||
<h2 class="build-title">We don't just vote on it.<br>We ship it.</h2>
|
||||
<p class="build-lead">Every other party writes policy. We write <strong>software</strong>. These are our values, running in production — independence from surveillance, an open web, private speech, solidarity.</p>
|
||||
</div>
|
||||
<div class="build-grid">
|
||||
<a class="build-card" href="https://ghost.theradicalparty.com" target="_blank" rel="noopener">
|
||||
<span class="build-icon">👻</span>
|
||||
<div><div class="build-name">Ghost</div><div class="build-value">Freedom from surveillance</div><p class="build-desc">Live crowdsourced police & speed-camera map for Australia.</p></div>
|
||||
</a>
|
||||
<a class="build-card" href="https://watermelon.theradicalparty.com" target="_blank" rel="noopener">
|
||||
<span class="build-icon">🍉</span>
|
||||
<div><div class="build-name">Watermelon Maps</div><div class="build-value">Solidarity with Palestine</div><p class="build-desc">An Israel-free map with Palestinian place names restored.</p></div>
|
||||
</a>
|
||||
<a class="build-card" href="https://search.theradicalparty.com" target="_blank" rel="noopener">
|
||||
<span class="build-icon">🔍</span>
|
||||
<div><div class="build-name">Search</div><div class="build-value">An open, unbiased web</div><p class="build-desc">A self-hosted search engine, beholden to no one.</p></div>
|
||||
</a>
|
||||
<a class="build-card" href="https://browser.theradicalparty.com" target="_blank" rel="noopener">
|
||||
<span class="build-icon">🌐</span>
|
||||
<div><div class="build-name">Browser</div><div class="build-value">An independent web</div><p class="build-desc">Our own browser — the web without the middlemen.</p></div>
|
||||
</a>
|
||||
<a class="build-card" href="https://cipher.theradicalparty.com" target="_blank" rel="noopener">
|
||||
<span class="build-icon">🔐</span>
|
||||
<div><div class="build-name">Cipher</div><div class="build-value">Private speech</div><p class="build-desc">End-to-end encrypted messaging, no phone number needed.</p></div>
|
||||
</a>
|
||||
<a class="build-card" href="https://iamthelaw.theradicalparty.com" target="_blank" rel="noopener">
|
||||
<span class="build-icon">⚖️</span>
|
||||
<div><div class="build-name">I Am the Law</div><div class="build-value">Access to justice</div><p class="build-desc">Australian law made searchable in plain language.</p></div>
|
||||
</a>
|
||||
</div>
|
||||
<a class="build-all" href="https://links.theradicalparty.com" target="_blank" rel="noopener">Explore everything we've built →</a>
|
||||
</section>
|
||||
|
||||
<section id="join" class="join-section">
|
||||
<div class="join-header">
|
||||
<h2>JOIN THE MOVEMENT</h2>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue