Οι Σύμμαχοί μας

Ποιοι/ες στάθηκαν δίπλα στην κοινότητα χωρίς αστερίσκους — Μάιος 2026

:root{ –ink:#0E0C0A;–paper:#F5F0E8;–paper2:#EAE5DC; –accent:#C13558;–mist:#8C8880;–rule:rgba(14,12,10,.1); –green:#1A4A2A;–green-l:rgba(26,74,42,.08); –amber:#7C4A00;–amber-l:rgba(200,130,10,.08); –tex:url(“data:image/svg+xml,%3Csvg width=’4′ height=’4′ viewBox=’0 0 4 4′ xmlns=’http://www.w3.org/2000/svg’%3E%3Crect width=’1′ height=’1′ fill=’%23000′ fill-opacity=’.04’/%3E%3C/svg%3E”); } *{box-sizing:border-box;margin:0;padding:0} body{background:#111009;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:’Source Serif 4′,Georgia,serif;padding:20px;gap:16px} .frame{width:1080px;height:1080px;position:relative;overflow:hidden;flex-shrink:0} .slide{width:1080px;height:1080px;position:absolute;top:0;left:0;display:none;overflow:hidden;flex-direction:column} .slide.active{display:flex} .pb{background:var(–tex),linear-gradient(170deg,#EDE8DF 0%,#F5F0E8 60%,#EDE5D8 100%)} .sc{position:absolute;bottom:32px;right:52px;font-family:’IBM Plex Mono’,monospace;font-size:11px;color:rgba(14,12,10,.28);letter-spacing:.1em;z-index:10} .logo{position:absolute;top:52px;right:64px;font-family:’IBM Plex Mono’,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(–mist);text-align:right;line-height:1.9;z-index:2} /* ── S1: COVER ── */ #s1{justify-content:flex-end;padding:80px} .stamp{position:absolute;top:56px;left:64px;font-family:’IBM Plex Mono’,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(–accent);border:2px solid var(–accent);padding:8px 14px;opacity:.8;transform:rotate(-2deg)} .c-rule{width:64px;height:3px;background:var(–accent);margin-bottom:20px;z-index:2} .c-kicker{font-family:’IBM Plex Mono’,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(–mist);margin-bottom:16px;z-index:2} .c-title{font-family:’Playfair Display’,serif;font-size:88px;font-weight:900;line-height:1.0;color:var(–ink);margin-bottom:20px;z-index:2} .c-title em{font-style:italic;color:var(–accent)} .c-sub{font-family:’IBM Plex Mono’,monospace;font-size:13px;color:var(–mist);letter-spacing:.07em;line-height:1.9;z-index:2} .c-line{width:100%;height:1px;background:var(–ink);margin-top:24px;opacity:.1;z-index:2} /* ── S2: ΚΡΙΤΗΡΙΟ ── */ #s2{padding:72px 76px;justify-content:center} .crit-kicker{font-family:’IBM Plex Mono’,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(–accent);margin-bottom:20px} .crit-title{font-family:’Playfair Display’,serif;font-size:52px;font-weight:900;line-height:1.1;color:var(–ink);margin-bottom:36px} .crit-title em{font-style:italic} .crit-qs{display:flex;flex-direction:column;gap:14px;margin-bottom:36px} .crit-q{padding:18px 22px;border:1px solid var(–rule);border-radius:3px;background:rgba(14,12,10,.02);display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start} .cq-num{font-family:’IBM Plex Mono’,monospace;font-size:18px;font-weight:600;color:var(–accent);line-height:1.2} .cq-text{font-size:17px;color:var(–ink);line-height:1.55} .cq-text strong{font-weight:600} .crit-note{font-size:15px;font-style:italic;color:var(–mist);line-height:1.65;padding-left:14px;border-left:3px solid var(–accent)} /* ── S3: ΟΙ ΣΥΜΜΑΧΟΙ — Full YES ── */ #s3{padding:60px 72px;justify-content:center} .ally-kicker{font-family:’IBM Plex Mono’,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(–green);margin-bottom:16px} .ally-title{font-family:’Playfair Display’,serif;font-size:54px;font-weight:900;line-height:1.05;color:var(–ink);margin-bottom:8px} .ally-title em{font-style:italic;color:var(–accent)} .ally-sub{font-family:’IBM Plex Mono’,monospace;font-size:12px;color:var(–mist);letter-spacing:.07em;margin-bottom:28px} .ally-list{display:flex;flex-direction:column;gap:10px} .ally-row{display:grid;grid-template-columns:8px 1fr auto;gap:0 16px;align-items:center;padding:14px 18px;border-radius:3px;background:var(–green-l);border:1px solid rgba(26,74,42,.15);border-left:4px solid var(–green)} .ally-dot{width:8px;height:8px;border-radius:50%;background:var(–green);flex-shrink:0} .ally-name{font-size:18px;font-weight:600;color:var(–ink);line-height:1.3} .ally-name-sub{font-family:’IBM Plex Mono’,monospace;font-size:10px;color:var(–mist);letter-spacing:.06em;text-transform:uppercase;margin-top:2px} .ally-badge{font-family:’IBM Plex Mono’,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:2px;background:rgba(26,74,42,.15);color:var(–green);white-space:nowrap} /* ── S4: ΑΣΤΕΡΙΣΚΟΙ ── */ #s4{padding:60px 72px;justify-content:center} .mixed-kicker{font-family:’IBM Plex Mono’,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(–amber);margin-bottom:16px} .mixed-title{font-family:’Playfair Display’,serif;font-size:54px;font-weight:900;line-height:1.05;color:var(–ink);margin-bottom:8px} .mixed-title em{font-style:italic} .mixed-sub{font-family:’IBM Plex Mono’,monospace;font-size:12px;color:var(–mist);letter-spacing:.07em;margin-bottom:28px} .mixed-list{display:flex;flex-direction:column;gap:10px} .mixed-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 18px;border-radius:3px;background:var(–amber-l);border:1px solid rgba(200,130,10,.18);border-left:4px solid var(–amber)} .mixed-name{font-size:17px;font-weight:600;color:var(–ink)} .mixed-party{font-family:’IBM Plex Mono’,monospace;font-size:10px;color:var(–mist);letter-spacing:.06em;text-transform:uppercase;margin-top:2px} .mixed-note{font-size:13px;color:rgba(14,12,10,.6);font-style:italic;margin-top:5px;line-height:1.45} .mixed-badges{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0} .mbadge{font-family:’IBM Plex Mono’,monospace;font-size:9px;letter-spacing:.07em;text-transform:uppercase;padding:2px 7px;border-radius:2px} .mb-y{background:rgba(26,74,42,.12);color:var(–green)} .mb-c{background:rgba(200,130,10,.15);color:var(–amber)} .mb-n{background:rgba(193,53,88,.1);color:var(–accent)} .mb-s{background:rgba(14,12,10,.06);color:var(–mist)} /* ── S5: QUOTE ΔΕΣΜΕΥΣΕΙΣ ── */ #s5{padding:80px;justify-content:center} .q-bar{width:56px;height:3px;background:var(–accent);margin-bottom:28px} .q-kicker{font-family:’IBM Plex Mono’,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(–accent);margin-bottom:28px} .q-mark{font-family:’Playfair Display’,serif;font-size:88px;line-height:.5;color:var(–accent);opacity:.2;display:block;margin-bottom:12px} .q-text{font-family:’Playfair Display’,serif;font-size:40px;font-style:italic;line-height:1.45;color:var(–ink);margin-bottom:28px} .q-attr{font-family:’IBM Plex Mono’,monospace;font-size:13px;letter-spacing:.07em;color:var(–mist);line-height:1.8} .q-attr strong{color:var(–ink);font-weight:600} /* ── S6: CLOSING ── */ #s6{padding:80px;justify-content:center} .cl-bar{position:absolute;left:0;top:0;bottom:0;width:7px;background:var(–accent)} .cl-kicker{font-family:’IBM Plex Mono’,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(–mist);margin-bottom:24px} .cl-title{font-family:’Playfair Display’,serif;font-size:68px;font-weight:900;line-height:1.05;color:var(–ink);margin-bottom:32px} .cl-title em{font-style:italic;color:var(–accent)} .cl-body{font-size:19px;color:rgba(14,12,10,.6);line-height:1.75;margin-bottom:32px} .cl-body strong{color:var(–ink);font-weight:600} .cl-cta{font-family:’IBM Plex Mono’,monospace;font-size:13px;color:var(–mist);letter-spacing:.07em;line-height:2;display:flex;flex-direction:column;gap:4px} .cl-cta span::before{content:’→ ‘;color:var(–accent)} /* NAV */ .nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center} .nav-btn{font-family:’IBM Plex Mono’,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:10px 22px;background:rgba(14,12,10,.04); color:rgba(14,12,10,.75); border:1px solid rgba(14,12,10,.18);border-radius:3px;cursor:pointer;transition:all .15s} .nav-btn:hover{background:rgba(14,12,10,.08);} .nav-btn.primary{background:var(–accent);color:#fff;border-color:var(–accent)} .si{font-family:’IBM Plex Mono’,monospace;font-size:11px;color:rgba(14,12,10,.45);letter-spacing:.1em} /* MOBILE / RESPONSIVE FIX */ body { overflow-x: hidden; } .frame { width: min(1080px, calc(100vw – 24px)); height: 70vh; aspect-ratio: 1 / 1; } .slide { width: 100%; height: 100%; } /* Make the navigation fit mobile */ .nav { width: 100%; padding: 0 12px; } .nav-btn { padding: 9px 14px; font-size: 10px; } /* Tablet + mobile */ @media (max-width: 768px) { body { padding: 12px; justify-content: flex-start; } #s1, #s2, #s3, #s4, #s5, #s6 { padding: 34px 26px; } .logo { top: 24px; right: 26px; font-size: 7px; line-height: 1.5; } .stamp { top: 24px; left: 26px; font-size: 7px; padding: 5px 8px; } .sc { bottom: 18px; right: 24px; font-size: 8px; } .c-title { font-size: clamp(38px, 12vw, 88px); } .crit-title, .ally-title, .mixed-title { font-size: clamp(28px, 8vw, 54px); } .cl-title { font-size: clamp(34px, 9vw, 68px); } .q-text { font-size: clamp(22px, 6vw, 40px); line-height: 1.35; } .c-sub, .ally-sub, .mixed-sub, .q-attr, .cl-cta { font-size: 9px; line-height: 1.5; } .crit-q { grid-template-columns: 24px 1fr; padding: 10px 12px; gap: 8px; } .cq-num { font-size: 13px; } .cq-text { font-size: 11px; line-height: 1.35; } .crit-note { font-size: 10px; line-height: 1.45; } .ally-list, .mixed-list { gap: 6px; } .ally-row { grid-template-columns: 6px 1fr auto; gap: 0 8px; padding: 8px 9px; } .ally-dot { width: 6px; height: 6px; } .ally-name { font-size: 11px; line-height: 1.2; } .ally-name span { font-size: 9px !important; } .ally-name-sub, .mixed-party { font-size: 7px; } .ally-badge, .mbadge { font-size: 7px; padding: 2px 5px; } .mixed-row { grid-template-columns: 1fr; gap: 6px; padding: 8px 10px; } .mixed-name { font-size: 11px; } .mixed-note { font-size: 9px; line-height: 1.3; } .cl-body { font-size: 13px; line-height: 1.45; } .q-mark { font-size: 54px; } } /* Very small phones */ @media (max-width: 420px) { #s1, #s2, #s3, #s4, #s5, #s6 { padding: 28px 20px; } .c-title { font-size: 36px; } .crit-title, .ally-title, .mixed-title { font-size: 27px; } .cl-title { font-size: 31px; } .q-text { font-size: 20px; } .nav-btn { padding: 8px 11px; font-size: 9px; } .si { font-size: 9px; } } const slides=document.querySelectorAll(‘.slide’);let cur=0; function show(i){slides[cur].classList.remove(‘active’);cur=(i+slides.length)%slides.length;slides[cur].classList.add(‘active’);document.getElementById(‘navInfo’).textContent=`Slide ${cur+1} από ${slides.length}`;} function next(){show(cur+1);}function prev(){show(cur-1);} document.addEventListener(‘keydown’,e=>{if(e.key===’ArrowRight’)next();if(e.key===’ArrowLeft’)prev();});