Add 'The Only Policy' about section with Switzerland direct democracy content

Replaces dead 'About Us' footer link with a real section explaining RADICAL's
single goal: pass one law so 100k signatures forces a binding referendum.
Includes Switzerland comparison (working since 1891), four-step plan, and
styled to match the rest of the site.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
King Omar 2026-06-27 01:56:26 +10:00
parent a6e7989a10
commit 05e5604b09

View file

@ -150,6 +150,26 @@
.email-modal-btn:hover{background:#ff33aa} .email-modal-btn:hover{background:#ff33aa}
.email-modal-skip{background:none;border:none;color:#555;font-family:'Roboto Mono',monospace;font-size:12px;cursor:pointer;width:100%;text-align:center;padding:4px} .email-modal-skip{background:none;border:none;color:#555;font-family:'Roboto Mono',monospace;font-size:12px;cursor:pointer;width:100%;text-align:center;padding:4px}
.email-modal-skip:hover{color:#aaa} .email-modal-skip:hover{color:#aaa}
/* ── About / The Only Policy ── */
.about-section{margin:32px 0;border:1px solid #222;background:#050505}
.about-header{padding:28px 24px 0;border-bottom:2px solid #ff0099;margin-bottom:0}
.about-tag{font-family:'Roboto Mono',monospace;font-size:11px;color:#ff0099;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}
.about-title{font-family:'Roboto Mono',monospace;font-size:32px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.about-body{padding:24px;font-family:'Roboto Mono',monospace;font-size:13px;color:#bbb;line-height:1.8}
.about-body p{margin:0 0 16px}
.about-body strong{color:#fff}
.about-lead{font-size:15px;color:#ddd}
.about-policy-box{border:1px solid #ff0099;padding:16px 20px;margin:20px 0;display:flex;gap:16px;align-items:flex-start;background:rgba(255,0,153,.05)}
.about-policy-icon{font-size:24px;flex-shrink:0;margin-top:2px}
.about-policy-box p{margin:0;font-size:14px;color:#ddd}
.about-divider{border:none;border-top:1px solid #1a1a1a;margin:24px 0}
.about-switzerland{display:flex;gap:20px;align-items:flex-start;background:#0a0a0a;border:1px solid #222;padding:20px}
.about-swiss-flag{font-size:36px;flex-shrink:0;margin-top:4px}
.about-swiss-heading{font-size:15px;color:#fff;font-weight:700;margin:0 0 10px}
.about-steps{display:flex;flex-direction:column;gap:12px;margin:8px 0 24px}
.about-step{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#0a0a0a;border-left:3px solid #ff0099}
.about-step-num{font-size:20px;font-weight:700;color:#ff0099;font-family:'Roboto Mono',monospace;flex-shrink:0}
.about-footer-note{font-size:12px;color:#666;border-top:1px solid #1a1a1a;padding-top:16px;margin-top:8px}
/* ── Join section ── */ /* ── Join section ── */
.join-section{margin:32px 0;border:2px solid #ff0099;padding:0} .join-section{margin:32px 0;border:2px solid #ff0099;padding:0}
.join-header{background:#ff0099;color:#000;padding:14px 20px} .join-header{background:#ff0099;color:#000;padding:14px 20px}
@ -303,6 +323,57 @@
</div> </div>
</section> </section>
<section id="about" class="about-section">
<div class="about-header">
<div class="about-tag">THE ONLY POLICY</div>
<h2 class="about-title">One Law.<br>All The Power.</h2>
</div>
<div class="about-body">
<p class="about-lead">RADICAL is not a normal party. We don't have 47 policies. We have <strong>one.</strong></p>
<div class="about-policy-box">
<div class="about-policy-icon"></div>
<p>If <strong>100,000 Australians</strong> sign a petition, the government is legally required to hold a public referendum on it. The people vote. The result becomes law. Full stop.</p>
</div>
<p>That means you — not politicians — decide if a bad law gets scrapped. Or if a good one gets added. Any law. On any issue. Housing. Tax. Climate. Corruption. Anything.</p>
<div class="about-divider"></div>
<div class="about-switzerland">
<div class="about-swiss-flag">🇨🇭</div>
<div>
<p class="about-swiss-heading">This already works. Switzerland proved it.</p>
<p>Switzerland has had this system since <strong>1891</strong>. 100,000 signatures forces a binding national vote. Swiss citizens have used it to set their own immigration rules, reject government spending, ban face coverings, and keep nuclear power — directly overruling their parliament every time.</p>
<p>It's not radical. It's just democracy that actually works.</p>
</div>
</div>
<div class="about-divider"></div>
<div class="about-steps">
<div class="about-step">
<span class="about-step-num">01</span>
<span>RADICAL gets elected to parliament</span>
</div>
<div class="about-step">
<span class="about-step-num">02</span>
<span>We pass one law: 100k signatures = mandatory referendum</span>
</div>
<div class="about-step">
<span class="about-step-num">03</span>
<span>Every Australian gets real power over every law, forever</span>
</div>
<div class="about-step">
<span class="about-step-num">04</span>
<span>We dissolve. Our job is done.</span>
</div>
</div>
<p class="about-footer-note">Start by posting a petition above. Build 100k votes. That's the proof of concept. That's the movement.</p>
</div>
</section>
<section id="join" class="join-section"> <section id="join" class="join-section">
<div class="join-header"> <div class="join-header">
<h2>JOIN THE MOVEMENT</h2> <h2>JOIN THE MOVEMENT</h2>
@ -369,7 +440,7 @@
<p>RADICAL - Direct Democracy Movement 🇦🇺 &copy; 2026</p> <p>RADICAL - Direct Democracy Movement 🇦🇺 &copy; 2026</p>
<div class="footer-links"> <div class="footer-links">
<a href="/login" class="login-link">Login 🔐</a> <a href="/login" class="login-link">Login 🔐</a>
<a href="#about">About Us</a> <a href="#about">The Only Policy</a>
<a href="#join">Join The Movement</a> <a href="#join">Join The Movement</a>
<a href="#events">Events</a> <a href="#events">Events</a>
<a href="#contact">Contact</a> <a href="#contact">Contact</a>