diff --git a/index.html b/index.html index 6bb39ea..7322030 100644 --- a/index.html +++ b/index.html @@ -150,6 +150,28 @@ .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:hover{color:#aaa} +/* ── Join section ── */ +.join-section{margin:32px 0;border:2px solid #ff0099;padding:0} +.join-header{background:#ff0099;color:#000;padding:14px 20px} +.join-header h2{font-family:'Roboto Mono',monospace;font-size:18px;font-weight:700;margin:0 0 4px} +.join-desc{font-family:'Roboto Mono',monospace;font-size:11px;margin:0;line-height:1.5} +.join-form{padding:20px} +.join-row{display:flex;gap:12px;flex-wrap:wrap} +.join-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px;margin-bottom:12px} +.join-field--sm{flex:0 0 100px;min-width:80px} +.join-field label{font-family:'Roboto Mono',monospace;font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.5px} +.join-input{background:#0a0a0a;border:1px solid #333;color:#fff;padding:10px 12px;font-family:'Roboto Mono',monospace;font-size:13px;width:100%;box-sizing:border-box} +.join-input:focus{outline:none;border-color:#ff0099} +.join-input option{background:#111;color:#fff} +.join-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px} +.join-check input[type=checkbox]{margin-top:2px;accent-color:#ff0099;width:16px;height:16px;flex-shrink:0} +.join-check label{font-family:'Roboto Mono',monospace;font-size:12px;color:#aaa;line-height:1.5} +.join-submit{width:100%;background:#ff0099;color:#000;border:none;padding:14px;font-family:'Roboto Mono',monospace;font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;letter-spacing:1px} +.join-submit:hover{background:#ff33aa} +.join-submit:disabled{opacity:.5;cursor:not-allowed} +.join-msg{font-family:'Roboto Mono',monospace;font-size:13px;min-height:20px;margin-bottom:8px} +.join-msg.success{color:#11cc77} +.join-msg.error{color:#ff0099} /* ── Flag & share-image buttons ── */ .flag-btn{background:none;border:none;color:#444;font-size:12px;cursor:pointer;padding:4px 6px;font-family:'Roboto Mono',monospace;transition:color .15s} .flag-btn:hover{color:#ff0099} @@ -281,8 +303,70 @@ + + + JOIN THE MOVEMENT + Become an official RADICAL Party member. Your details are collected in accordance with the Australian Electoral Commission requirements for registered political parties. + + + + + Full Name (as on electoral roll) * + + + + Date of Birth * + + + + + Residential Address * + + + + + Suburb * + + + + State * + + — + NSWVICQLD + WASATAS + ACTNT + + + + Postcode * + + + + + + Email Address * + + + + Phone (optional) + + + + + + I confirm I am enrolled to vote in Australian federal elections (or am eligible to enrol) * + + + + I consent to joining the RADICAL Party as a member and agree that my details may be used for AEC registration purposes * + + + JOIN THE REBELLION → + + +
Become an official RADICAL Party member. Your details are collected in accordance with the Australian Electoral Commission requirements for registered political parties.