mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-10-20 18:56:16 +00:00
governance: redesign Assembly into on-chain parliament landing (6 languages)
Replace the placeholder Assembly page with a professional on-chain governance landing (animated 201-seat hemicycle, live chain ticker, blocs, sessions, active votes, features). Content is fully localized into the 6 standard app languages (en/tr/kmr/ckb/fa/ar) with RTL for ckb/fa/ar; each language variant is lazy-loaded.
This commit is contained in:
Satoshi Qazi Muhammed committed
1 parent
ed07878646
commit
fe3c65a706
11 files changed
+2740
-118
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 502 KiB |
@@ -0,0 +1,38 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
|
||||
|
||||
<circle cx="100" cy="100" r="100" fill="#161A1E"></circle>
|
||||
|
||||
|
||||
<g opacity="0.92">
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(0 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(17.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(34.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(51.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(68.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(85.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(102.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(120 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(137.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(154.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(171.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(188.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(205.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(222.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(240 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(257.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(274.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(291.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(308.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(325.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="30" stroke="rgba(255,215,0,0.95)" stroke-width="3.5" stroke-linecap="round" transform="rotate(342.86 100 100)"></line>
|
||||
</g>
|
||||
|
||||
|
||||
<circle cx="100" cy="100" r="74" fill="none" stroke="#00CC00" stroke-width="3" stroke-dasharray="116 116" stroke-dashoffset="0"></circle>
|
||||
<circle cx="100" cy="100" r="74" fill="none" stroke="#FF2222" stroke-width="3" stroke-dasharray="116 116" stroke-dashoffset="116"></circle>
|
||||
|
||||
|
||||
<circle cx="100" cy="100" r="32" fill="#FFD700"></circle>
|
||||
<circle cx="100" cy="100" r="26" fill="white"></circle>
|
||||
<circle cx="100" cy="100" r="20" fill="#FFD700"></circle>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.9 KiB |
@@ -0,0 +1,33 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
|
||||
|
||||
<rect width="900" height="200" fill="#ED2024"></rect>
|
||||
|
||||
<rect y="200" width="900" height="200" fill="#FFFFFF"></rect>
|
||||
|
||||
<rect y="400" width="900" height="200" fill="#21A038"></rect>
|
||||
|
||||
<circle cx="450" cy="300" r="100" fill="#FECC02"></circle>
|
||||
<g fill="#FECC02">
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(0,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(17.14,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(34.29,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(51.43,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(68.57,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(85.71,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(102.86,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(120,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(137.14,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(154.29,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(171.43,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(188.57,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(205.71,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(222.86,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(240,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(257.14,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(274.29,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(291.43,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(308.57,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(325.71,450,300)"></polygon>
|
||||
<polygon points="450,145 440,200 460,200" transform="rotate(342.86,450,300)"></polygon>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -1,137 +1,108 @@
|
||||
import { useState } from 'react';
|
||||
import { useEffect, useState } from 'react';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { languages } from '@/i18n/config';
|
||||
import { LanguageSwitcher } from '@/components/LanguageSwitcher';
|
||||
import { ASSEMBLY_CSS } from './assembly/_css';
|
||||
|
||||
interface Member {
|
||||
id: string;
|
||||
name: string;
|
||||
role: string;
|
||||
roleKu: string;
|
||||
emoji: string;
|
||||
region: string;
|
||||
since: string;
|
||||
}
|
||||
|
||||
interface Session {
|
||||
id: string;
|
||||
titleKu: string;
|
||||
title: string;
|
||||
date: string;
|
||||
status: 'upcoming' | 'completed' | 'in-session';
|
||||
agenda: string;
|
||||
}
|
||||
|
||||
const MEMBERS: Member[] = [
|
||||
{ id: '1', name: 'Azad Kurdo', role: 'Speaker', roleKu: 'Serokê Meclîsê', emoji: '👨⚖️', region: 'Amed', since: '2025-06' },
|
||||
{ id: '2', name: 'Rozerin Xan', role: 'Deputy Speaker', roleKu: 'Cîgirê Serokê Meclîsê', emoji: '👩⚖️', region: 'Hewler', since: '2025-06' },
|
||||
{ id: '3', name: 'Serhat Demirtash', role: 'Finance Committee', roleKu: 'Komîteya Darayî', emoji: '👨💼', region: 'Diyarbekir', since: '2025-08' },
|
||||
{ id: '4', name: 'Jîn Bakir', role: 'Technology Committee', roleKu: 'Komîteya Teknolojiyê', emoji: '👩💻', region: 'Silêmanî', since: '2025-07' },
|
||||
{ id: '5', name: 'Kawa Zana', role: 'Education Committee', roleKu: 'Komîteya Perwerdê', emoji: '👨🎓', region: 'Wan', since: '2025-09' },
|
||||
{ id: '6', name: 'Berfîn Shêx', role: 'Social Affairs', roleKu: 'Karên Civakî', emoji: '👩🏫', region: 'Kerkûk', since: '2025-08' },
|
||||
{ id: '7', name: 'Dilovan Ehmed', role: 'Foreign Relations', roleKu: 'Têkiliyên Derve', emoji: '🧑💼', region: 'Qamişlo', since: '2025-10' },
|
||||
];
|
||||
|
||||
const SESSIONS: Session[] = [
|
||||
{ id: 's1', titleKu: 'Civîna Budceya Q2 2026', title: 'Q2 2026 Budget Session', date: '2026-04-15', status: 'upcoming', agenda: 'Treasury allocation, staking rewards adjustment, education fund.' },
|
||||
{ id: 's2', titleKu: 'Civîna Yasadanînê #12', title: 'Legislative Session #12', date: '2026-04-10', status: 'upcoming', agenda: 'Cross-chain bridge proposal, fee structure revision.' },
|
||||
{ id: 's3', titleKu: 'Civîna Awarte ya Ewlehiyê', title: 'Emergency Security Session', date: '2026-03-28', status: 'completed', agenda: 'Network security audit results, validator requirements update.' },
|
||||
{ id: 's4', titleKu: 'Civîna Yasadanînê #11', title: 'Legislative Session #11', date: '2026-03-15', status: 'completed', agenda: 'Citizenship criteria, NFT standards, community grants.' },
|
||||
];
|
||||
|
||||
type Tab = 'members' | 'sessions';
|
||||
// Pro design ported from "Kurdistan Parliament" — on-chain governance landing.
|
||||
// Content is fully localized into the app's 6 standard languages; each variant is
|
||||
// lazy-loaded so only the active language ships. Hemicycle seat tooltip wired below.
|
||||
const LOADERS: Record<string, () => Promise<{ HTML: string }>> = {
|
||||
en: () => import('./assembly/en'),
|
||||
tr: () => import('./assembly/tr'),
|
||||
kmr: () => import('./assembly/kmr'),
|
||||
ckb: () => import('./assembly/ckb'),
|
||||
fa: () => import('./assembly/fa'),
|
||||
ar: () => import('./assembly/ar'),
|
||||
};
|
||||
// i18n language code -> assembly variant file
|
||||
const MAP: Record<string, string> = {
|
||||
en: 'en', tr: 'tr', 'ku-kurmanji': 'kmr', 'ku-sorani': 'ckb', ar: 'ar', fa: 'fa',
|
||||
};
|
||||
|
||||
export default function AssemblyPage() {
|
||||
const navigate = useNavigate();
|
||||
const { t } = useTranslation();
|
||||
const [activeTab, setActiveTab] = useState<Tab>('members');
|
||||
const { i18n } = useTranslation();
|
||||
const fkey = MAP[i18n.language] || 'en';
|
||||
const dir = (languages as Record<string, { dir: string }>)[i18n.language]?.dir || 'ltr';
|
||||
const [html, setHtml] = useState('');
|
||||
|
||||
const sessionStatusLabel = (status: Session['status']) => {
|
||||
if (status === 'upcoming') return t('assembly.session.upcoming', 'Upcoming');
|
||||
if (status === 'in-session') return t('assembly.session.inSession', 'In Session');
|
||||
return t('assembly.session.completed', 'Completed');
|
||||
};
|
||||
useEffect(() => {
|
||||
let alive = true;
|
||||
(LOADERS[fkey] || LOADERS.en)().then((m) => { if (alive) setHtml(m.HTML); });
|
||||
return () => { alive = false; };
|
||||
}, [fkey]);
|
||||
|
||||
const sessionStatusCls = (status: Session['status']) => {
|
||||
if (status === 'upcoming') return 'bg-blue-900/50 text-blue-400';
|
||||
if (status === 'in-session') return 'bg-green-900/50 text-green-400';
|
||||
return 'bg-gray-800 text-gray-400';
|
||||
// hemicycle seat tooltip (ported from the design's support.js _wire)
|
||||
useEffect(() => {
|
||||
if (!html) return;
|
||||
const root = document.getElementById('khemi');
|
||||
const tip = document.getElementById('khemi-tip');
|
||||
if (!root || !tip) return;
|
||||
const dot = tip.querySelector('[data-tdot]') as HTMLElement | null;
|
||||
const nm = tip.querySelector('[data-tname]') as HTMLElement | null;
|
||||
const bl = tip.querySelector('[data-tbloc]') as HTMLElement | null;
|
||||
const rg = tip.querySelector('[data-tregion]') as HTMLElement | null;
|
||||
const onMove = (e: MouseEvent) => {
|
||||
const el = (e.target as HTMLElement).closest('[data-mp]') as HTMLElement | null;
|
||||
if (!el) { tip.style.display = 'none'; return; }
|
||||
if (nm) nm.textContent = el.getAttribute('data-name');
|
||||
if (bl) bl.textContent = el.getAttribute('data-bloc');
|
||||
if (rg) rg.textContent = el.getAttribute('data-region');
|
||||
if (dot) dot.style.background = el.getAttribute('data-color') || '#888';
|
||||
const r = root.getBoundingClientRect();
|
||||
tip.style.display = 'block';
|
||||
let x = e.clientX - r.left;
|
||||
x = Math.max(90, Math.min(x, r.width - 90));
|
||||
tip.style.left = x + 'px';
|
||||
tip.style.top = (e.clientY - r.top - 14) + 'px';
|
||||
};
|
||||
const onLeave = () => { tip.style.display = 'none'; };
|
||||
root.addEventListener('mousemove', onMove);
|
||||
root.addEventListener('mouseleave', onLeave);
|
||||
return () => {
|
||||
root.removeEventListener('mousemove', onMove);
|
||||
root.removeEventListener('mouseleave', onLeave);
|
||||
};
|
||||
}, [html]);
|
||||
|
||||
const startSide = dir === 'rtl' ? { right: 14 } : { left: 14 };
|
||||
const navPad = dir === 'rtl'
|
||||
? '.kp-root header{padding-right:72px !important;padding-left:120px !important;}'
|
||||
: '.kp-root header{padding-left:72px !important;padding-right:120px !important;}';
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-950 text-white">
|
||||
{/* Header */}
|
||||
<div className="bg-green-700 px-4 pt-4 pb-6">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<button onClick={() => navigate(-1)} className="text-white/80 hover:text-white text-xl">←</button>
|
||||
<span className="text-sm text-white/70">{t('assembly.breadcrumb', 'Governance')}</span>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<span className="text-5xl block mb-2">🏛️</span>
|
||||
<h1 className="text-2xl font-bold">{t('assembly.title', 'Kurdistan Digital Assembly')}</h1>
|
||||
<p className="text-white/70 text-sm mt-0.5">{t('assembly.subtitle', 'Kurdistan Digital Assembly')}</p>
|
||||
</div>
|
||||
<div className="mt-4 flex bg-white/10 rounded-2xl overflow-hidden">
|
||||
{[
|
||||
{ val: MEMBERS.length, label: t('assembly.stats.members', 'Members') },
|
||||
{ val: 4, label: t('assembly.stats.committees', 'Committees') },
|
||||
{ val: 12, label: t('assembly.stats.sessions', 'Sessions') },
|
||||
].map((stat, i) => (
|
||||
<div key={i} className={`flex-1 py-3 text-center ${i > 0 ? 'border-l border-white/20' : ''}`}>
|
||||
<p className="text-xl font-bold text-white">{stat.val}</p>
|
||||
<p className="text-[10px] text-white/60 mt-0.5">{stat.label}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<div className="kp-root" dir={dir} style={{ position: 'relative' }}>
|
||||
<style dangerouslySetInnerHTML={{ __html: ASSEMBLY_CSS + '\n' + navPad }} />
|
||||
|
||||
{/* Tabs */}
|
||||
<div className="px-4 pt-4">
|
||||
<div className="flex bg-gray-900 rounded-xl p-1">
|
||||
{(['members', 'sessions'] as Tab[]).map(tab => (
|
||||
{/* back to governance */}
|
||||
<button
|
||||
key={tab}
|
||||
onClick={() => setActiveTab(tab)}
|
||||
className={`flex-1 py-2.5 rounded-lg text-sm font-semibold transition-all ${
|
||||
activeTab === tab ? 'bg-green-600 text-white' : 'text-gray-400'
|
||||
}`}
|
||||
onClick={() => navigate(-1)}
|
||||
aria-label="Back"
|
||||
style={{
|
||||
position: 'fixed', top: 13, zIndex: 101, width: 40, height: 40, borderRadius: 10,
|
||||
background: 'rgba(15,19,24,.92)', border: '1px solid #2D3540', color: '#E8ECF0',
|
||||
fontSize: 18, lineHeight: '38px', cursor: 'pointer', backdropFilter: 'blur(8px)',
|
||||
...startSide,
|
||||
}}
|
||||
>{dir === 'rtl' ? '→' : '←'}</button>
|
||||
|
||||
{/* language switcher (6-language standard) */}
|
||||
<div
|
||||
style={{
|
||||
position: 'fixed', top: 11, zIndex: 101,
|
||||
background: 'rgba(15,19,24,.92)', border: '1px solid #2D3540', borderRadius: 10,
|
||||
backdropFilter: 'blur(8px)', color: '#E8ECF0',
|
||||
...(dir === 'rtl' ? { left: 14 } : { right: 14 }),
|
||||
}}
|
||||
>
|
||||
{tab === 'members' ? t('assembly.tab.members', 'Members') : t('assembly.tab.sessions', 'Sessions')}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
<LanguageSwitcher />
|
||||
</div>
|
||||
|
||||
<div className="px-4 py-4 space-y-3">
|
||||
{activeTab === 'members' && MEMBERS.map(m => (
|
||||
<div key={m.id} className="bg-gray-900 rounded-xl p-4 flex items-center gap-4">
|
||||
<span className="text-4xl">{m.emoji}</span>
|
||||
<div className="flex-1 min-w-0">
|
||||
<p className="font-bold text-white">{m.name}</p>
|
||||
<p className="text-green-400 text-sm font-medium">{m.roleKu}</p>
|
||||
<p className="text-gray-500 text-xs">{m.role}</p>
|
||||
<div className="flex gap-3 mt-1.5 text-xs text-gray-500">
|
||||
<span>📍 {m.region}</span>
|
||||
<span>{t('assembly.member.since', 'Since')} {m.since}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
|
||||
{activeTab === 'sessions' && SESSIONS.map(s => (
|
||||
<div key={s.id} className="bg-gray-900 rounded-xl p-4">
|
||||
<div className="flex items-center justify-between mb-2">
|
||||
<span className={`text-xs font-semibold px-2.5 py-1 rounded-full ${sessionStatusCls(s.status)}`}>
|
||||
{sessionStatusLabel(s.status)}
|
||||
</span>
|
||||
<span className="text-xs text-gray-500">{s.date}</span>
|
||||
</div>
|
||||
<p className="font-bold text-white">{s.titleKu}</p>
|
||||
<p className="text-gray-400 text-sm mb-2">{s.title}</p>
|
||||
<p className="text-gray-500 text-xs leading-relaxed">{s.agenda}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="h-10" />
|
||||
{html
|
||||
? <div dangerouslySetInnerHTML={{ __html: html }} />
|
||||
: <div style={{ minHeight: '100vh', display: 'grid', placeItems: 'center', color: '#5A6475' }}>…</div>}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
export const ASSEMBLY_CSS = `@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
|
||||
|
||||
.kp-root, .kp-root * { box-sizing: border-box; }
|
||||
|
||||
.kp-root { background:#07090C; color:#E8ECF0; font-family:'Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased; min-height:100vh; }
|
||||
.kp-root ::selection { background: rgba(240,165,0,.3); }
|
||||
.krd-scroll::-webkit-scrollbar { width: 5px; }
|
||||
.krd-scroll::-webkit-scrollbar-thumb { background: #2D3540; border-radius: 9999px; }
|
||||
.kp-root a { text-decoration:none; color:inherit; }
|
||||
@keyframes pp-spin { from { transform: rotate(0); } to { transform: rotate(360deg); } }
|
||||
@keyframes pp-spin-rev { from { transform: rotate(0); } to { transform: rotate(-360deg); } }
|
||||
@keyframes pp-pulse { 0%,100% { opacity: 1; } 50% { opacity: .55; } }
|
||||
@keyframes pp-glow { 0%,100% { opacity: .5; transform: scale(1);} 50% { opacity: .9; transform: scale(1.06);} }
|
||||
@keyframes pp-grow { from { transform: scaleX(0);} to { transform: scaleX(1);} }
|
||||
@keyframes pp-blink { 0%,100% { opacity: 1; } 50% { opacity: .25; } }
|
||||
@keyframes pp-float { 0%,100% { transform: translateY(0);} 50% { transform: translateY(-6px);} }
|
||||
@keyframes pp-drift { from { background-position: 0 0; } to { background-position: 600px 300px; } }
|
||||
`;
|
||||
@@ -0,0 +1,427 @@
|
||||
export const HTML = `<div style="min-height:100vh;width:100%;overflow-x:hidden;position:relative;">
|
||||
|
||||
<!-- ░░ NAVBAR ░░ -->
|
||||
<header style="position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid #2D3540;background:rgba(7,9,12,.82);backdrop-filter:blur(10px);">
|
||||
<a href="#" style="display:flex;align-items:center;gap:12px;">
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:34px;width:auto;display:block;">
|
||||
<span style="display:none;"></span>
|
||||
</a>
|
||||
<nav style="display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;color:#8A95A4;">
|
||||
<a href="#sesyon" style="display:flex;align-items:center;gap:6px;">الجلسات</a>
|
||||
<a href="#oylama">التصويت</a>
|
||||
<a href="#cawa">كيف يعمل</a>
|
||||
<a href="#endam">الأعضاء</a>
|
||||
<a href="#">الوثائق</a>
|
||||
</nav>
|
||||
<div style="display:flex;align-items:center;gap:14px;">
|
||||
<div style="display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;color:#8A95A4;letter-spacing:.04em;">
|
||||
<img src="/assembly/kurdistan-flag.svg" alt="" style="width:16px;height:11px;border-radius:1px;object-fit:cover;" onerror="this.style.display='none'">KU
|
||||
</div>
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:13px;font-weight:700;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#07090C;animation:pp-blink 1.4s ease-in-out infinite;"></span>
|
||||
المتابعة إلى الجلسة
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ░░ HERO ░░ -->
|
||||
<section style="position:relative;padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);overflow:hidden;">
|
||||
|
||||
<div style="position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle at center, rgba(240,165,0,.5) 1px, transparent 1.4px);background-size:38px 38px;opacity:.10;animation:pp-drift 40s linear infinite;pointer-events:none;"></div>
|
||||
|
||||
<div style="position: absolute; top: -10%; right: -5%; width: 680px; height: 680px; border-radius: 50%; background: radial-gradient(circle, rgba(240, 165, 0, 0.1), transparent 62%); z-index: 0; pointer-events: none;"></div>
|
||||
<div style="position:absolute;bottom:-20%;left:-8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(0,204,0,.07), transparent 64%);z-index:0;pointer-events:none;"></div>
|
||||
|
||||
<div style="position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,64px);align-items:center;">
|
||||
<!-- left copy -->
|
||||
<div>
|
||||
<div style="display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(240,165,0,.35);border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,#F0A500);margin-bottom:24px;">
|
||||
<span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>
|
||||
بزكويتشين · ديمقراطية رقمية
|
||||
</div>
|
||||
<h1 style="font-size: clamp(34px,5vw,60px); line-height: 1.02; font-weight: 700; letter-spacing: -.02em; margin: 0 0 18px; display: flex">
|
||||
رقمي <br><span style="color: var(--acc,#F0A500);">البرلمان</span>
|
||||
</h1>
|
||||
<div style="display:flex;flex-direction:column;gap:3px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.04em;color:#5A6475;text-transform:uppercase;margin-bottom:24px;">
|
||||
<span>البرلمان الكردي الرقمي</span>
|
||||
<span>پەرلەمانی کوردی دیجیتاڵ</span>
|
||||
<span>عرض النسيج السيبراني · حوكمة على السلسلة</span>
|
||||
</div>
|
||||
<p style="font-size:16px;line-height:1.6;color:#8A95A4;max-width:460px;margin:0 0 30px;">
|
||||
برلمان وطني من 201 مقعد — بالكامل على السلسلة. كل تصويت وكل اقتراح وكل جلسة تُسجَّل بشكل غير قابل للتغيير على بزكويتشين — مفتوحة وشفافة وقابلة للتحقق.
|
||||
</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px;">
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:14px;font-weight:700;">المتابعة إلى الجلسة ←</a>
|
||||
<a href="#cawa" style="display:inline-flex;align-items:center;padding:13px 24px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:14px;font-weight:600;">كيف يعمل</a>
|
||||
</div>
|
||||
<div style="display:flex;gap:clamp(20px,3vw,44px);">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">الأعضاء المُوثّقون</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">14</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">الجلسات المباشرة</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">1,284,503</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">الأصوات المُدلى بها</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- right: parliament hemicycle -->
|
||||
<div style="display:flex;justify-content:center;align-items:center;">
|
||||
<div style="position:relative;width:min(540px,86vw);aspect-ratio:1;">
|
||||
<!-- outer dashed brand ring -->
|
||||
<div style="position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(240,165,0,.28);animation:pp-spin 60s linear infinite;"></div>
|
||||
<!-- gold concentric label ring -->
|
||||
<div style="position:absolute;inset:3%;border-radius:50%;border:1px solid #2D3540;"></div>
|
||||
<!-- colored seat ring base -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from -45deg, rgba(255,34,34,.55) 0deg 90deg, rgba(255,215,0,.55) 90deg 180deg, rgba(0,204,0,.55) 180deg 270deg, rgba(240,165,0,.55) 270deg 360deg);"></div>
|
||||
<!-- radial seat ticks -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 0deg, rgba(7,9,12,.0) 0deg .55deg, rgba(7,9,12,.85) .55deg 1.9deg);mix-blend-mode:multiply;"></div>
|
||||
<!-- concentric seat rows -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle, transparent 0 13px, rgba(7,9,12,.6) 13px 14px);"></div>
|
||||
<!-- ring glow edge -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,.55), 0 0 60px rgba(240,165,0,.10);"></div>
|
||||
<!-- rotating scan ring -->
|
||||
<div style="position:absolute;inset:20%;border-radius:50%;border:1px solid transparent;border-top-color:rgba(240,165,0,.7);border-right-color:rgba(14,203,129,.4);animation:pp-spin-rev 14s linear infinite;"></div>
|
||||
<!-- inner well -->
|
||||
<div style="position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 50% 40%, #11161c, #07090C);border:1px solid #2D3540;display:grid;place-items:center;box-shadow:inset 0 0 40px rgba(0,0,0,.8);">
|
||||
<!-- Kurdistan Sun -->
|
||||
<div style="position:relative;width:62%;aspect-ratio:1;animation:pp-float 7s ease-in-out infinite;">
|
||||
<div style="position:absolute;inset:-14%;border-radius:50%;border:2px solid transparent;border-top-color:#00CC00;border-bottom-color:#00CC00;animation:pp-spin 6s linear infinite;"></div>
|
||||
<div style="position:absolute;inset:-4%;border-radius:50%;border:2px solid transparent;border-left-color:#FF2222;border-right-color:#FF2222;animation:pp-spin-rev 5s linear infinite;"></div>
|
||||
<svg viewBox="0 0 200 200" style="position:absolute;inset:0;width:100%;height:100%;animation:pp-pulse 3s ease-in-out infinite;">
|
||||
<g>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(0 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(17.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(34.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(51.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(68.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(85.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(102.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(120 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(137.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(154.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(171.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(188.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(205.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(222.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(240 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(257.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(274.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(291.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(308.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(325.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(342.86 100 100)"></line>
|
||||
</g>
|
||||
<circle cx="100" cy="100" r="33" fill="#FFD700"></circle>
|
||||
<circle cx="100" cy="100" r="26" fill="#fff"></circle>
|
||||
<circle cx="100" cy="100" r="19" fill="#FFD700" style="animation:pp-glow 3s ease-in-out infinite;transform-origin:center;"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- live badge floating -->
|
||||
<div style="position:absolute;top:6%;right:-2%;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#0F1318;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
الجلسة العامة · مباشر
|
||||
</div>
|
||||
<!-- quorum chip floating -->
|
||||
<div style="position:absolute;bottom:7%;left:-3%;padding:9px 13px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<div style="font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;">النصاب</div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;color:#0ECB81;">147 / 201</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TICKER ░░ -->
|
||||
<div style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:#0B0E12;overflow:hidden;">
|
||||
<div style="display:flex;align-items:center;gap:40px;padding:11px clamp(16px,4vw,48px);font-family:'JetBrains Mono',monospace;font-size:12px;color:#8A95A4;white-space:nowrap;overflow-x:auto;">
|
||||
<span style="color:var(--acc,#F0A500);font-weight:600;">السلسلة المباشرة ›</span>
|
||||
<span>Blok #2,481,003</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>المقترحات النشطة: <b style="color:#E8ECF0;">7</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>أصوات / 24س: <b style="color:#0ECB81;">+18,402</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>اللجان: <b style="color:#E8ECF0;">24</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Token: <b style="color:#E8ECF0;">PEZ</b> · سيادي</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>الغاز: <b style="color:#E8ECF0;">0.0001 PEZ</b></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ░░ COMPOSITION · 201 SEATS ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:center;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">تكوين البرلمان</div>
|
||||
<h2 style="font-size:clamp(24px,3.2vw,34px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">201 مقعد · الوقت الفعلي</h2>
|
||||
<div id="khemi" style="position:relative;width:100%;max-width:760px;aspect-ratio:2/1;margin:0 auto;">
|
||||
<div data-mp="1" data-name="Zîlan Colemêrgî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Êlih · مقعد #1" data-color="#0ECB81" style="position:absolute;left:3.06%;top:91.08%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Newroz Serhedî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Dêrsim · مقعد #2" data-color="#0ECB81" style="position:absolute;left:3.58%;top:81.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Zinar Amêdî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Kerkûk · مقعد #3" data-color="#0ECB81" style="position:absolute;left:4.60%;top:71.67%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Nûjîn Zaxoyî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Efrîn · مقعد #4" data-color="#0ECB81" style="position:absolute;left:6.12%;top:62.31%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Mizgîn Garisî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Amed · مقعد #5" data-color="#0ECB81" style="position:absolute;left:6.38%;top:91.27%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Serhat Botî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Êlih · مقعد #6" data-color="#0ECB81" style="position:absolute;left:6.89%;top:81.86%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîlan Xerzî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Dêrsim · مقعد #7" data-color="#0ECB81" style="position:absolute;left:7.90%;top:72.62%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Kawa Mizûrî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Kerkûk · مقعد #8" data-color="#0ECB81" style="position:absolute;left:8.12%;top:53.32%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şoreş Dêrsimî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Efrîn · مقعد #9" data-color="#0ECB81" style="position:absolute;left:9.42%;top:63.66%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şervan Efrînî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Amed · مقعد #10" data-color="#0ECB81" style="position:absolute;left:9.69%;top:91.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîyar Hekarî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Êlih · مقعد #11" data-color="#0ECB81" style="position:absolute;left:10.24%;top:81.98%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Azad Rihayî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Dêrsim · مقعد #12" data-color="#0ECB81" style="position:absolute;left:10.58%;top:44.80%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Evîn Silêvî" data-bloc="كتلة Yekîtî" data-region="المنطقة: Kerkûk · مقعد #13" data-color="#0ECB81" style="position:absolute;left:11.32%;top:72.84%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .1Line truncated
|
||||
<div style="position:absolute;left:50%;bottom:1%;transform:translateX(-50%);text-align:center;pointer-events:none;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(28px,5vw,46px);font-weight:600;line-height:1;">201</div>
|
||||
<div style="font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5A6475;margin-top:5px;">Kursî</div>
|
||||
</div>
|
||||
<div id="khemi-tip" style="position:absolute;display:none;z-index:40;pointer-events:none;transform:translate(-50%,-100%);background:#1E242D;border:1px solid #3D4756;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.6);min-width:170px;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">
|
||||
<span data-tdot="1" style="width:9px;height:9px;border-radius:50%;background:#888;flex-shrink:0;"></span>
|
||||
<span data-tname="1" style="font-size:14px;font-weight:600;color:#E8ECF0;">—</span>
|
||||
</div>
|
||||
<div data-tbloc="1" style="font-size:12px;color:#8A95A4;margin-left:17px;">—</div>
|
||||
<div data-tregion="1" style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;margin-left:17px;margin-top:2px;">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size:15px;color:#8A95A4;line-height:1.6;margin:0 0 22px;">كل مقعد يحمل هوية مواطن مُوثّقة. تكوين الكتل والحضور والتصويت تُرى على السلسلة في الوقت الفعلي.</p>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#0ECB81;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Yekîtî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">64</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F0A500;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Azadî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">52</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F6465D;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Welat</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">44</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#FFD700;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Jin û Jiyan</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">25</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#8A95A4;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Serbixwe</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">16</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ LIVE SESSIONS + ACTIVITY ░░ -->
|
||||
<section id="sesyon" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;">
|
||||
<div>
|
||||
<div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">الجلسات المباشرة</div>
|
||||
<h2 style="font-size:clamp(24px,3vw,30px);font-weight:700;margin:0;letter-spacing:-.01em;">الجلسات المباشرة</h2>
|
||||
</div>
|
||||
<a href="#" style="font-size:13px;color:#8A95A4;">الكل ←</a>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">مباشر</span>
|
||||
<span style="font-size:15px;font-weight:600;">الجلسة العامة الأسبوعية</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">الجلسة العامة · مناقشة موازنة 2026</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">312</div>
|
||||
<div style="font-size:11px;color:#5A6475;">مشاهد</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">مباشر</span>
|
||||
<span style="font-size:15px;font-weight:600;">اللجنة الاقتصادية</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">اللجنة الاقتصادية · معيار الشفافية</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">87</div>
|
||||
<div style="font-size:11px;color:#5A6475;">مشاهد</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(240,165,0,.10);display:grid;place-items:center;flex-shrink:0;color:var(--acc,#F0A500);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;">25′</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--acc,#F0A500);border:1px solid rgba(240,165,0,.4);border-radius:4px;padding:1px 6px;">يبدأ قريباً</span>
|
||||
<span style="font-size:15px;font-weight:600;">جلسة استماع عامة: الطاقة</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">جلسة استماع عامة · مفتوحة لمشاركة المواطنين</div>
|
||||
</div>
|
||||
<a href="#" style="flex-shrink:0;font-size:12px;font-weight:600;padding:7px 12px;border:1px solid #2D3540;border-radius:7px;color:#E8ECF0;">تذكير</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- member activity -->
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">نشاط الأعضاء</div>
|
||||
<h2 style="font-size:clamp(20px,2.4vw,24px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">نشاط الأعضاء</h2>
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:6px 0;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">RZ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Rojîn Zêbarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">أنشأ اقتراحاً جديداً · #PZ-0481</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">الآن</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">DH</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Dîlan Hekarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">صوّت · نعم</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">2ي</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FF2222;">SC</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Serhat Cizîrî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">تحدّث في الجلسة</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">5ي</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FFD700;">BA</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Berfîn Amêdî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">صوّت · لا</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">11ي</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">AK</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Azad Koçer</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">انضم إلى لجنة</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">18ي</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">HŞ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Helîn Şengalî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">أكّد اقتراحاً</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">24ي</div></div>
|
||||
<div style="padding:13px 16px;text-align:center;">
|
||||
<a href="#endam" style="font-size:12px;color:#8A95A4;">كل النشاط ←</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ ACTIVE VOTES ░░ -->
|
||||
<section id="oylama" style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">التصويتات النشطة</div>
|
||||
<h2 style="font-size:clamp(26px,3.4vw,38px);font-weight:700;margin:0;letter-spacing:-.02em;">المقترحات المفتوحة</h2>
|
||||
<p style="font-size:15px;color:#8A95A4;margin:10px 0 0;max-width:520px;">كل صوت يُوقَّع على السلسلة. <b style="color:#0ECB81;">DENG</b> للموافقة, <b style="color:var(--acc,#F0A500);">RONAHÎ</b> للرفض.</p>
|
||||
</div>
|
||||
<div style="display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;padding:8px 14px;border:1px solid #2D3540;border-radius:8px;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>7 مقترح مباشر
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">مباشر</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 6س 12د</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0481</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">بروتوكول الهوية الوطنية على السلسلة</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">نظام هوية على السلسلة للتحقق من جميع أعضاء البرلمان.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">نعم 64%</span><span style="color:var(--acc,#F0A500);">لا 36%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:64%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">84,210 صوت</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">صوّت</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">مباشر</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 1ي 4س</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0479</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">صندوق دعم اللغة الكردية</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">استثمار 12 مليون PEZ للتعليم وأرشيف رقمي للكرمانجية والسورانية.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">نعم 81%</span><span style="color:var(--acc,#F0A500);">لا 19%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:81%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">51,902 صوت</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">صوّت</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#F0A500;background:rgba(240,165,0,.12);">ينتهي قريباً</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 48د</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0476</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">معيار الشفافية المالية على السلسلة</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">ستُنشَر كل سجلات الخزانة علناً على بزكويتشين.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">نعم 47%</span><span style="color:var(--acc,#F0A500);">لا 53%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;traLine truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ HOW IT WORKS ░░ -->
|
||||
<section id="cawa" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">كيف يعمل</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">الديمقراطية على السلسلة</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:560px;margin:14px auto 0;line-height:1.6;">أربعة مبادئ تُسيّر الحكومة الرقمية لكردستان — دائماً موثّقة وغير قابلة للتغيير ومفتوحة.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;">
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 4v5c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V6z"></path><path d="M9 12l2 2 4-4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">هوية موثّقة</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">يُوثَّق كل عضو بهوية مواطن على السلسلة — مواطن واحد، صوت واحد.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(14,203,129,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#0ECB81" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="10" rx="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">تصويت غير قابل للتغيير</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">يُسجَّل كل صوت على بزكويتشين. لا يمكن تغيير أي صوت أو حذفه أو تكراره.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(0,204,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#00CC00" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">شفافية كاملة</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">جميع الجلسات والمقترحات والنتائج مفتوحة للعامة. يمكن دائماً تدقيق السجلات العامة.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.5"></circle><circle cx="5" cy="19" r="2.5"></circle><circle cx="19" cy="19" r="2.5"></circle><path d="M12 7.5v4M10 13l-3.5 3.5M14 13l3.5 3.5"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">حوكمة موزّعة</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">تُقَرّ المقترحات بالنصاب. لا توجد سلطة مركزية — الشعب يقرر.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TENDER FEATURES ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">مناقصة التصميم · الميزات المطلوبة</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">المنصة التي يحتاجها البرلمان</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:600px;margin:14px auto 0;line-height:1.6;">كل ما يفعله برلمان حقيقي — الآن رقمي بالكامل وعلى السلسلة.</p>
|
||||
</div>
|
||||
|
||||
<!-- legislative pipeline -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:44px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">01 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">اقتراح</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">يسجّل عضو أو مواطن مسودة على السلسلة.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">02 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">لجنة</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">تراجع اللجنة المختصة وتُعدّ تقريراً.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">03 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">قراءة</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">قراءتان عامتان في الجلسة البرلمانية.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">04 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">تصويت</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">يصوّت 201 عضواً بتصويت إلكتروني موثّق.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">05 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">قانون</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">يُقَرّ بنصاب 101 ويصبح قانوناً غير قابل للتغيير.</div></div>
|
||||
</div>
|
||||
|
||||
<!-- features grid -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">01</span><h3 style="font-size:16px;font-weight:600;margin:0;">قاعة البرلمان الحية</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Live Hemicycle</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">201 مقعد، تكوين الكتل والحضور في الوقت الفعلي.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">02</span><h3 style="font-size:16px;font-weight:600;margin:0;">سجل التشريعات</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Legislation Registry</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">تُسجَّل كل المسودات والنسخ والقوانين على السلسلة.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">03</span><h3 style="font-size:16px;font-weight:600;margin:0;">تصويت إلكتروني آمن</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Secure E-Voting</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">تصويت آمن وغير قابل للتغيير — عضو واحد، صوت واحد.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">04</span><h3 style="font-size:16px;font-weight:600;margin:0;">24 لجنة</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Committees</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">عمل وتقارير وجدولة اجتماعات اللجان.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">05</span><h3 style="font-size:16px;font-weight:600;margin:0;">خزانة شفافة</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Transparent Treasury</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">تُتابَع الموازنة وكل نفقة وطنية علناً.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">06</span><h3 style="font-size:16px;font-weight:600;margin:0;">مبادرات المواطنين</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Citizen Initiatives</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">عرائض واستفتاءات المواطنين.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains
Line truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ STATS BAND ░░ -->
|
||||
<section id="endam" style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:linear-gradient(180deg,#0B0E12,#07090C);">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">المقاعد الوطنية</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:var(--acc,#F0A500);">24</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">اللجان</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">1,284,503</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">الأصوات المسجّلة</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">100%</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">على السلسلة</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ CTA ░░ -->
|
||||
<section style="max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(16px,4vw,48px);text-align:center;">
|
||||
<h2 style="font-size:clamp(28px,4.4vw,52px);font-weight:700;letter-spacing:-.02em;margin:0 0 18px;line-height:1.05;">صوتك مهم.<br><span style="color:var(--acc,#F0A500);">انضم إلى البرلمان.</span></h2>
|
||||
<p style="font-size:17px;color:#8A95A4;max-width:520px;margin:0 auto 30px;line-height:1.6;">وثّق هويتك، وشارك في الجلسات، وصوّت على مستقبل كردستان.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;">
|
||||
<a href="#" style="padding:14px 28px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:15px;font-weight:700;">وثّق الهوية</a>
|
||||
<a href="#cawa" style="padding:14px 28px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:15px;font-weight:600;">اقرأ الوثائق</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ FOOTER ░░ -->
|
||||
<footer style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,56px) clamp(16px,4vw,48px);">
|
||||
<div style="display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;">
|
||||
<div>
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:32px;width:auto;margin-bottom:16px;">
|
||||
<p style="font-size:13px;color:#5A6475;line-height:1.6;max-width:280px;margin:0 0 14px;">البرلمان الرقمي لكردستان — الحوكمة الوطنية على بزكويتشين.</p>
|
||||
<div style="display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);">parliament.pex.mom</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">البرلمان</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#sesyon">الجلسات</a>
|
||||
<a href="#oylama">التصويت</a>
|
||||
<a href="#endam">الأعضاء</a>
|
||||
<a href="#">اللجان</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">السلسلة</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Pezkuwi Chain</a>
|
||||
<a href="#">Token PEZ</a>
|
||||
<a href="#">Explorer</a>
|
||||
<a href="#">API</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">الوثائق</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">الدستور</a>
|
||||
<a href="#">البروتوكول</a>
|
||||
<a href="#">الشفافية</a>
|
||||
<a href="#">الأسئلة الشائعة</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:36px;padding-top:22px;border-top:1px solid #2D3540;">
|
||||
<span style="font-size:12px;color:#5A6475;">© 2026 Pezkuwichain · برلمان كردستان الرقمي</span>
|
||||
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;display:inline-flex;align-items:center;gap:7px;"><span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>الكل على السلسلة · موثّق</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
`;
|
||||
@@ -0,0 +1,427 @@
|
||||
export const HTML = `<div style="min-height:100vh;width:100%;overflow-x:hidden;position:relative;">
|
||||
|
||||
<!-- ░░ NAVBAR ░░ -->
|
||||
<header style="position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid #2D3540;background:rgba(7,9,12,.82);backdrop-filter:blur(10px);">
|
||||
<a href="#" style="display:flex;align-items:center;gap:12px;">
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:34px;width:auto;display:block;">
|
||||
<span style="display:none;"></span>
|
||||
</a>
|
||||
<nav style="display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;color:#8A95A4;">
|
||||
<a href="#sesyon" style="display:flex;align-items:center;gap:6px;">دانیشتن</a>
|
||||
<a href="#oylama">دەنگدان</a>
|
||||
<a href="#cawa">چۆن کار دەکات</a>
|
||||
<a href="#endam">ئەندامان</a>
|
||||
<a href="#">بەڵگەنامە</a>
|
||||
</nav>
|
||||
<div style="display:flex;align-items:center;gap:14px;">
|
||||
<div style="display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;color:#8A95A4;letter-spacing:.04em;">
|
||||
<img src="/assembly/kurdistan-flag.svg" alt="" style="width:16px;height:11px;border-radius:1px;object-fit:cover;" onerror="this.style.display='none'">KU
|
||||
</div>
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:13px;font-weight:700;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#07090C;animation:pp-blink 1.4s ease-in-out infinite;"></span>
|
||||
بەردەوام بە بۆ دانیشتن
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ░░ HERO ░░ -->
|
||||
<section style="position:relative;padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);overflow:hidden;">
|
||||
|
||||
<div style="position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle at center, rgba(240,165,0,.5) 1px, transparent 1.4px);background-size:38px 38px;opacity:.10;animation:pp-drift 40s linear infinite;pointer-events:none;"></div>
|
||||
|
||||
<div style="position: absolute; top: -10%; right: -5%; width: 680px; height: 680px; border-radius: 50%; background: radial-gradient(circle, rgba(240, 165, 0, 0.1), transparent 62%); z-index: 0; pointer-events: none;"></div>
|
||||
<div style="position:absolute;bottom:-20%;left:-8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(0,204,0,.07), transparent 64%);z-index:0;pointer-events:none;"></div>
|
||||
|
||||
<div style="position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,64px);align-items:center;">
|
||||
<!-- left copy -->
|
||||
<div>
|
||||
<div style="display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(240,165,0,.35);border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,#F0A500);margin-bottom:24px;">
|
||||
<span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>
|
||||
پێزکوویچەین · دیموکراسیی دیجیتاڵ
|
||||
</div>
|
||||
<h1 style="font-size: clamp(34px,5vw,60px); line-height: 1.02; font-weight: 700; letter-spacing: -.02em; margin: 0 0 18px; display: flex">
|
||||
دیجیتاڵ <br><span style="color: var(--acc,#F0A500);">پەرلەمان</span>
|
||||
</h1>
|
||||
<div style="display:flex;flex-direction:column;gap:3px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.04em;color:#5A6475;text-transform:uppercase;margin-bottom:24px;">
|
||||
<span>پەرلەمانی کوردی دیجیتاڵ</span>
|
||||
<span>پەرلەمانی کوردی دیجیتاڵ</span>
|
||||
<span>دیمەنی تەونی سایبەری · حوکمڕانیی سەر زنجیرە</span>
|
||||
</div>
|
||||
<p style="font-size:16px;line-height:1.6;color:#8A95A4;max-width:460px;margin:0 0 30px;">
|
||||
پەرلەمانێکی نیشتمانیی ٢٠١ کورسی — بە تەواوی لەسەر زنجیرە. هەر دەنگ، هەر پێشنیار و هەر دانیشتنێک لەسەر پێزکوویچەین بە نەگۆڕی تۆمار دەکرێت — کراوە، شەفاف و پشتڕاستکراو.
|
||||
</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px;">
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:14px;font-weight:700;">بەردەوام بە بۆ دانیشتن →</a>
|
||||
<a href="#cawa" style="display:inline-flex;align-items:center;padding:13px 24px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:14px;font-weight:600;">چۆن کار دەکات</a>
|
||||
</div>
|
||||
<div style="display:flex;gap:clamp(20px,3vw,44px);">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">ئەندامانی پشتڕاستکراو</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">14</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">دانیشتنە زیندووەکان</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">١,٢٨٤,٥٠٣</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">دەنگە دراوەکان</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- right: parliament hemicycle -->
|
||||
<div style="display:flex;justify-content:center;align-items:center;">
|
||||
<div style="position:relative;width:min(540px,86vw);aspect-ratio:1;">
|
||||
<!-- outer dashed brand ring -->
|
||||
<div style="position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(240,165,0,.28);animation:pp-spin 60s linear infinite;"></div>
|
||||
<!-- gold concentric label ring -->
|
||||
<div style="position:absolute;inset:3%;border-radius:50%;border:1px solid #2D3540;"></div>
|
||||
<!-- colored seat ring base -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from -45deg, rgba(255,34,34,.55) 0deg 90deg, rgba(255,215,0,.55) 90deg 180deg, rgba(0,204,0,.55) 180deg 270deg, rgba(240,165,0,.55) 270deg 360deg);"></div>
|
||||
<!-- radial seat ticks -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 0deg, rgba(7,9,12,.0) 0deg .55deg, rgba(7,9,12,.85) .55deg 1.9deg);mix-blend-mode:multiply;"></div>
|
||||
<!-- concentric seat rows -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle, transparent 0 13px, rgba(7,9,12,.6) 13px 14px);"></div>
|
||||
<!-- ring glow edge -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,.55), 0 0 60px rgba(240,165,0,.10);"></div>
|
||||
<!-- rotating scan ring -->
|
||||
<div style="position:absolute;inset:20%;border-radius:50%;border:1px solid transparent;border-top-color:rgba(240,165,0,.7);border-right-color:rgba(14,203,129,.4);animation:pp-spin-rev 14s linear infinite;"></div>
|
||||
<!-- inner well -->
|
||||
<div style="position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 50% 40%, #11161c, #07090C);border:1px solid #2D3540;display:grid;place-items:center;box-shadow:inset 0 0 40px rgba(0,0,0,.8);">
|
||||
<!-- Kurdistan Sun -->
|
||||
<div style="position:relative;width:62%;aspect-ratio:1;animation:pp-float 7s ease-in-out infinite;">
|
||||
<div style="position:absolute;inset:-14%;border-radius:50%;border:2px solid transparent;border-top-color:#00CC00;border-bottom-color:#00CC00;animation:pp-spin 6s linear infinite;"></div>
|
||||
<div style="position:absolute;inset:-4%;border-radius:50%;border:2px solid transparent;border-left-color:#FF2222;border-right-color:#FF2222;animation:pp-spin-rev 5s linear infinite;"></div>
|
||||
<svg viewBox="0 0 200 200" style="position:absolute;inset:0;width:100%;height:100%;animation:pp-pulse 3s ease-in-out infinite;">
|
||||
<g>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(0 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(17.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(34.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(51.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(68.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(85.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(102.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(120 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(137.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(154.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(171.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(188.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(205.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(222.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(240 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(257.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(274.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(291.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(308.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(325.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(342.86 100 100)"></line>
|
||||
</g>
|
||||
<circle cx="100" cy="100" r="33" fill="#FFD700"></circle>
|
||||
<circle cx="100" cy="100" r="26" fill="#fff"></circle>
|
||||
<circle cx="100" cy="100" r="19" fill="#FFD700" style="animation:pp-glow 3s ease-in-out infinite;transform-origin:center;"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- live badge floating -->
|
||||
<div style="position:absolute;top:6%;right:-2%;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#0F1318;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
دانیشتنی گشتی · زیندوو
|
||||
</div>
|
||||
<!-- quorum chip floating -->
|
||||
<div style="position:absolute;bottom:7%;left:-3%;padding:9px 13px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<div style="font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;">کۆڕم</div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;color:#0ECB81;">147 / 201</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TICKER ░░ -->
|
||||
<div style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:#0B0E12;overflow:hidden;">
|
||||
<div style="display:flex;align-items:center;gap:40px;padding:11px clamp(16px,4vw,48px);font-family:'JetBrains Mono',monospace;font-size:12px;color:#8A95A4;white-space:nowrap;overflow-x:auto;">
|
||||
<span style="color:var(--acc,#F0A500);font-weight:600;">زنجیرەی زیندوو ›</span>
|
||||
<span>Blok #2,481,003</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>پێشنیاری چالاک: <b style="color:#E8ECF0;">7</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>دەنگ / ٢٤کاتژمێر: <b style="color:#0ECB81;">+18,402</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>لیژنە: <b style="color:#E8ECF0;">24</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Token: <b style="color:#E8ECF0;">PEZ</b> · سەروەری</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>گاز: <b style="color:#E8ECF0;">0.0001 PEZ</b></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ░░ COMPOSITION · 201 SEATS ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:center;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">پێکهاتەی پەرلەمان</div>
|
||||
<h2 style="font-size:clamp(24px,3.2vw,34px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">٢٠١ کورسی · کاتی ڕاستەقینە</h2>
|
||||
<div id="khemi" style="position:relative;width:100%;max-width:760px;aspect-ratio:2/1;margin:0 auto;">
|
||||
<div data-mp="1" data-name="Zîlan Colemêrgî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Êlih · کورسی #1" data-color="#0ECB81" style="position:absolute;left:3.06%;top:91.08%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Newroz Serhedî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Dêrsim · کورسی #2" data-color="#0ECB81" style="position:absolute;left:3.58%;top:81.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Zinar Amêdî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Kerkûk · کورسی #3" data-color="#0ECB81" style="position:absolute;left:4.60%;top:71.67%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Nûjîn Zaxoyî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Efrîn · کورسی #4" data-color="#0ECB81" style="position:absolute;left:6.12%;top:62.31%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Mizgîn Garisî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Amed · کورسی #5" data-color="#0ECB81" style="position:absolute;left:6.38%;top:91.27%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Serhat Botî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Êlih · کورسی #6" data-color="#0ECB81" style="position:absolute;left:6.89%;top:81.86%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîlan Xerzî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Dêrsim · کورسی #7" data-color="#0ECB81" style="position:absolute;left:7.90%;top:72.62%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Kawa Mizûrî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Kerkûk · کورسی #8" data-color="#0ECB81" style="position:absolute;left:8.12%;top:53.32%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şoreş Dêrsimî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Efrîn · کورسی #9" data-color="#0ECB81" style="position:absolute;left:9.42%;top:63.66%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şervan Efrînî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Amed · کورسی #10" data-color="#0ECB81" style="position:absolute;left:9.69%;top:91.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîyar Hekarî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Êlih · کورسی #11" data-color="#0ECB81" style="position:absolute;left:10.24%;top:81.98%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Azad Rihayî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Dêrsim · کورسی #12" data-color="#0ECB81" style="position:absolute;left:10.58%;top:44.80%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Evîn Silêvî" data-bloc="بلۆکی Yekîtî" data-region="پارێزگا: Kerkûk · کورسی #13" data-color="#0ECB81" style="position:absolute;left:11.32%;top:72.84%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0
Line truncated
|
||||
<div style="position:absolute;left:50%;bottom:1%;transform:translateX(-50%);text-align:center;pointer-events:none;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(28px,5vw,46px);font-weight:600;line-height:1;">201</div>
|
||||
<div style="font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5A6475;margin-top:5px;">Kursî</div>
|
||||
</div>
|
||||
<div id="khemi-tip" style="position:absolute;display:none;z-index:40;pointer-events:none;transform:translate(-50%,-100%);background:#1E242D;border:1px solid #3D4756;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.6);min-width:170px;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">
|
||||
<span data-tdot="1" style="width:9px;height:9px;border-radius:50%;background:#888;flex-shrink:0;"></span>
|
||||
<span data-tname="1" style="font-size:14px;font-weight:600;color:#E8ECF0;">—</span>
|
||||
</div>
|
||||
<div data-tbloc="1" style="font-size:12px;color:#8A95A4;margin-left:17px;">—</div>
|
||||
<div data-tregion="1" style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;margin-left:17px;margin-top:2px;">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size:15px;color:#8A95A4;line-height:1.6;margin:0 0 22px;">هەر کورسییەک ناسنامەیەکی هاوڵاتیی پشتڕاستکراوی هەیە. پێکهاتەی بلۆک، ئامادەبوون و دەنگدان بە کاتی ڕاستەقینە لەسەر زنجیرە دەبینرێن.</p>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#0ECB81;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Yekîtî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">64</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F0A500;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Azadî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">52</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F6465D;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Welat</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">44</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#FFD700;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Jin û Jiyan</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">25</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#8A95A4;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Serbixwe</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">16</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ LIVE SESSIONS + ACTIVITY ░░ -->
|
||||
<section id="sesyon" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;">
|
||||
<div>
|
||||
<div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">دانیشتنە زیندووەکان</div>
|
||||
<h2 style="font-size:clamp(24px,3vw,30px);font-weight:700;margin:0;letter-spacing:-.01em;">دانیشتنە زیندووەکان</h2>
|
||||
</div>
|
||||
<a href="#" style="font-size:13px;color:#8A95A4;">هەموو →</a>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">زیندوو</span>
|
||||
<span style="font-size:15px;font-weight:600;">دانیشتنی گشتیی هەفتانە</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">دانیشتنی گشتی · بودجەی ٢٠٢٦ دەخرێتە بەرباس</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">312</div>
|
||||
<div style="font-size:11px;color:#5A6475;">بینەر</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">زیندوو</span>
|
||||
<span style="font-size:15px;font-weight:600;">لیژنەی ئابووری</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">لیژنەی ئابووری · ستانداردی شەفافیەت</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">87</div>
|
||||
<div style="font-size:11px;color:#5A6475;">بینەر</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(240,165,0,.10);display:grid;place-items:center;flex-shrink:0;color:var(--acc,#F0A500);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;">25′</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--acc,#F0A500);border:1px solid rgba(240,165,0,.4);border-radius:4px;padding:1px 6px;">بەم زووانە دەست پێدەکات</span>
|
||||
<span style="font-size:15px;font-weight:600;">گوێگرتنی گشتی: وزە</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">گوێگرتنی گشتی · بەشداریی هاوڵاتیان کراوەیە</div>
|
||||
</div>
|
||||
<a href="#" style="flex-shrink:0;font-size:12px;font-weight:600;padding:7px 12px;border:1px solid #2D3540;border-radius:7px;color:#E8ECF0;">بیرخستنەوە</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- member activity -->
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">چالاکیی ئەندامان</div>
|
||||
<h2 style="font-size:clamp(20px,2.4vw,24px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">چالاکیی ئەندامان</h2>
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:6px 0;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">RZ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Rojîn Zêbarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">پێشنیارێکی نوێ دروستکرد · #PZ-0481</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">ئێستا</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">DH</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Dîlan Hekarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">دەنگی دا · بەڵێ</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">٢ڕۆژ</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FF2222;">SC</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Serhat Cizîrî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">لە دانیشتندا قسەی کرد</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">٥ڕۆژ</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FFD700;">BA</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Berfîn Amêdî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">دەنگی دا · نەخێر</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">١١ڕۆژ</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">AK</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Azad Koçer</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">بەشدار بوو لە لیژنەیەک</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">١٨ڕۆژ</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">HŞ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Helîn Şengalî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">پێشنیارێکی پشتڕاست کرد</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">٢٤ڕۆژ</div></div>
|
||||
<div style="padding:13px 16px;text-align:center;">
|
||||
<a href="#endam" style="font-size:12px;color:#8A95A4;">هەموو چالاکی →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ ACTIVE VOTES ░░ -->
|
||||
<section id="oylama" style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">دەنگدانە چالاکەکان</div>
|
||||
<h2 style="font-size:clamp(26px,3.4vw,38px);font-weight:700;margin:0;letter-spacing:-.02em;">پێشنیارە کراوەکان</h2>
|
||||
<p style="font-size:15px;color:#8A95A4;margin:10px 0 0;max-width:520px;">هەر دەنگێک لەسەر زنجیرە واژۆ دەکرێت. <b style="color:#0ECB81;">DENG</b> بۆ پەسەندکردن, <b style="color:var(--acc,#F0A500);">RONAHÎ</b> بۆ ڕەتکردنەوە.</p>
|
||||
</div>
|
||||
<div style="display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;padding:8px 14px;border:1px solid #2D3540;border-radius:8px;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>7 پێشنیاری زیندوو
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">زیندوو</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ ٦کت ١٢خ</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0481</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">پڕۆتۆکۆڵی ناسنامەی نیشتمانیی سەر زنجیرە</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">سیستەمی ناسنامەی سەر زنجیرە بۆ پشتڕاستکردنەوەی هەموو ئەندامانی پەرلەمان.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">بەڵێ 64%</span><span style="color:var(--acc,#F0A500);">نەخێر 36%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:64%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">٨٤,٢١٠ دەنگ</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">دەنگ بدە</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">زیندوو</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ ١ڕۆژ ٤کت</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0479</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">سندوقی پاڵپشتیی زمانی کوردی</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">وەبەرهێنانی ١٢ملیۆن PEZ بۆ پەروەردە و ئەرشیفی دیجیتاڵی کرمانجی و سۆرانی.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">بەڵێ 81%</span><span style="color:var(--acc,#F0A500);">نەخێر 19%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:81%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">٥١,٩٠٢ دەنگ</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">دەنگ بدە</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#F0A500;background:rgba(240,165,0,.12);">کۆتایی دێت</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ ٤٨خ</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0476</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">ستانداردی شەفافیی دارایی سەر زنجیرە</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">هەموو تۆمارەکانی خەزێنە بە گشتی لەسەر پێزکوویچەین بڵاو دەکرێنەوە.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">بەڵێ 47%</span><span style="color:var(--aLine truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ HOW IT WORKS ░░ -->
|
||||
<section id="cawa" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">چۆن کار دەکات</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">دیموکراسی لەسەر زنجیرە</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:560px;margin:14px auto 0;line-height:1.6;">چوار بنەما حکومەتی دیجیتاڵی کوردستان دەبەن — هەمیشە پشتڕاستکراو، نەگۆڕ و کراوە.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;">
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 4v5c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V6z"></path><path d="M9 12l2 2 4-4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">ناسنامەی پشتڕاستکراو</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">هەر ئەندامێک بە ناسنامەی هاوڵاتیی سەر زنجیرە پشتڕاست دەکرێت — یەک هاوڵاتی، یەک دەنگ.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(14,203,129,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#0ECB81" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="10" rx="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">دەنگی نەگۆڕ</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">هەر دەنگێک لەسەر پێزکوویچەین تۆمار دەکرێت. هیچ دەنگێک ناگۆڕدرێت، ناسڕێتەوە یان دووبارە ناکرێتەوە.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(0,204,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#00CC00" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">شەفافیەتی تەواو</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">هەموو دانیشتن، پێشنیار و ئەنجامەکان بۆ گشت کراوەن. تۆمارە گشتییەکان هەمیشە دەپشکنرێن.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.5"></circle><circle cx="5" cy="19" r="2.5"></circle><circle cx="19" cy="19" r="2.5"></circle><path d="M12 7.5v4M10 13l-3.5 3.5M14 13l3.5 3.5"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">حوکمڕانیی بڵاوکراوە</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">پێشنیارەکان بە کۆڕم دەردەچن. هیچ دەسەڵاتێکی ناوەندی نییە — گەل بڕیار دەدات.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TENDER FEATURES ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">کێبڕکێی دیزاین · تایبەتمەندییە پێویستەکان</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">ئەو پلاتفۆرمەی پەرلەمان پێویستی پێیەتی</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:600px;margin:14px auto 0;line-height:1.6;">هەموو ئەوەی پەرلەمانێکی ڕاستەقینە دەیکات — ئێستا بە تەواوی دیجیتاڵ و لەسەر زنجیرە.</p>
|
||||
</div>
|
||||
|
||||
<!-- legislative pipeline -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:44px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">01 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">پێشنیار</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">ئەندام یان هاوڵاتی ڕەشنووسێک لەسەر زنجیرە تۆمار دەکات.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">02 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">لیژنە</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">لیژنەی پەیوەندیدار هەڵدەسەنگێنێت و ڕاپۆرت ئامادە دەکات.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">03 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">خوێندنەوە</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">دوو خوێندنەوەی گشتی لە دانیشتنی پەرلەماندا.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">04 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">دەنگدان</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">٢٠١ ئەندام بە دەنگدانی ئەلیکترۆنیی پشتڕاستکراو دەنگ دەدەن.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">05 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">یاسا</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">بە کۆڕمی ١٠١ دەردەچێت و دەبێتە یاسای نەگۆڕ.</div></div>
|
||||
</div>
|
||||
|
||||
<!-- features grid -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">01</span><h3 style="font-size:16px;font-weight:600;margin:0;">هێمیسایکڵی زیندوو</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Live Hemicycle</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">٢٠١ کورسی، پێکهاتەی بلۆک و ئامادەبوون بە کاتی ڕاستەقینە.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">02</span><h3 style="font-size:16px;font-weight:600;margin:0;">تۆماری یاساکان</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Legislation Registry</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">هەموو ڕەشنووس، وەشان و یاساکان لەسەر زنجیرە تۆمار دەکرێن.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">03</span><h3 style="font-size:16px;font-weight:600;margin:0;">دەنگدانی ئەلیکترۆنیی پارێزراو</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Secure E-Voting</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">دەنگدانی پارێزراو و نەگۆڕ — یەک ئەندام، یەک دەنگ.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">04</span><h3 style="font-size:16px;font-weight:600;margin:0;">٢٤ لیژنە</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Committees</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">کار، ڕاپۆرت و خشتەی کۆبوونەوەکانی لیژنە.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">05</span><h3 style="font-size:16px;font-weight:600;margin:0;">خەزێنەی شەفاف</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Transparent Treasury</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">بودجە و هەموو خەرجییەکی نیشتمانی بە گشتی دەشوپێنرێت.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">06</span><h3 style="font-size:16px;font-weight:600;margin:0;">دەستپێشخەریی هاوڵاتی</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Citizen Initiatives</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">داواکاری و ڕیفراندۆمی هاوڵاتیان.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:2Line truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ STATS BAND ░░ -->
|
||||
<section id="endam" style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:linear-gradient(180deg,#0B0E12,#07090C);">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">کورسییە نیشتمانییەکان</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:var(--acc,#F0A500);">24</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">لیژنە</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">١,٢٨٤,٥٠٣</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">دەنگە تۆمارکراوەکان</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">100%</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">لەسەر زنجیرە</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ CTA ░░ -->
|
||||
<section style="max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(16px,4vw,48px);text-align:center;">
|
||||
<h2 style="font-size:clamp(28px,4.4vw,52px);font-weight:700;letter-spacing:-.02em;margin:0 0 18px;line-height:1.05;">دەنگی تۆ گرنگە.<br><span style="color:var(--acc,#F0A500);">بەشدار بە لە پەرلەمان.</span></h2>
|
||||
<p style="font-size:17px;color:#8A95A4;max-width:520px;margin:0 auto 30px;line-height:1.6;">ناسنامەکەت پشتڕاست بکە، بەشدار بە لە دانیشتنەکان و لەسەر داهاتووی کوردستان دەنگ بدە.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;">
|
||||
<a href="#" style="padding:14px 28px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:15px;font-weight:700;">ناسنامە پشتڕاست بکە</a>
|
||||
<a href="#cawa" style="padding:14px 28px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:15px;font-weight:600;">بەڵگەنامەکان بخوێنەرەوە</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ FOOTER ░░ -->
|
||||
<footer style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,56px) clamp(16px,4vw,48px);">
|
||||
<div style="display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;">
|
||||
<div>
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:32px;width:auto;margin-bottom:16px;">
|
||||
<p style="font-size:13px;color:#5A6475;line-height:1.6;max-width:280px;margin:0 0 14px;">پەرلەمانی دیجیتاڵی کوردستان — حوکمڕانیی نیشتمانی لەسەر پێزکوویچەین.</p>
|
||||
<div style="display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);">parliament.pex.mom</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">پەرلەمان</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#sesyon">دانیشتن</a>
|
||||
<a href="#oylama">دەنگدان</a>
|
||||
<a href="#endam">ئەندامان</a>
|
||||
<a href="#">لیژنە</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">زنجیرە</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Pezkuwi Chain</a>
|
||||
<a href="#">Token PEZ</a>
|
||||
<a href="#">Explorer</a>
|
||||
<a href="#">API</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">بەڵگەنامە</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">دەستووری بنەڕەتی</a>
|
||||
<a href="#">پڕۆتۆکۆڵ</a>
|
||||
<a href="#">شەفافیەت</a>
|
||||
<a href="#">پرسیار و وەڵام</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:36px;padding-top:22px;border-top:1px solid #2D3540;">
|
||||
<span style="font-size:12px;color:#5A6475;">© 2026 Pezkuwichain · پەرلەمانی دیجیتاڵی کوردستان</span>
|
||||
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;display:inline-flex;align-items:center;gap:7px;"><span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>هەمووی لەسەر زنجیرە · پشتڕاستکراو</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
`;
|
||||
@@ -0,0 +1,427 @@
|
||||
export const HTML = `<div style="min-height:100vh;width:100%;overflow-x:hidden;position:relative;">
|
||||
|
||||
<!-- ░░ NAVBAR ░░ -->
|
||||
<header style="position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid #2D3540;background:rgba(7,9,12,.82);backdrop-filter:blur(10px);">
|
||||
<a href="#" style="display:flex;align-items:center;gap:12px;">
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:34px;width:auto;display:block;">
|
||||
<span style="display:none;"></span>
|
||||
</a>
|
||||
<nav style="display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;color:#8A95A4;">
|
||||
<a href="#sesyon" style="display:flex;align-items:center;gap:6px;">Sessions</a>
|
||||
<a href="#oylama">Voting</a>
|
||||
<a href="#cawa">How It Works</a>
|
||||
<a href="#endam">Members</a>
|
||||
<a href="#">Docs</a>
|
||||
</nav>
|
||||
<div style="display:flex;align-items:center;gap:14px;">
|
||||
<div style="display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;color:#8A95A4;letter-spacing:.04em;">
|
||||
<img src="/assembly/kurdistan-flag.svg" alt="" style="width:16px;height:11px;border-radius:1px;object-fit:cover;" onerror="this.style.display='none'">KU
|
||||
</div>
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:13px;font-weight:700;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#07090C;animation:pp-blink 1.4s ease-in-out infinite;"></span>
|
||||
Continue to Session
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ░░ HERO ░░ -->
|
||||
<section style="position:relative;padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);overflow:hidden;">
|
||||
|
||||
<div style="position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle at center, rgba(240,165,0,.5) 1px, transparent 1.4px);background-size:38px 38px;opacity:.10;animation:pp-drift 40s linear infinite;pointer-events:none;"></div>
|
||||
|
||||
<div style="position: absolute; top: -10%; right: -5%; width: 680px; height: 680px; border-radius: 50%; background: radial-gradient(circle, rgba(240, 165, 0, 0.1), transparent 62%); z-index: 0; pointer-events: none;"></div>
|
||||
<div style="position:absolute;bottom:-20%;left:-8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(0,204,0,.07), transparent 64%);z-index:0;pointer-events:none;"></div>
|
||||
|
||||
<div style="position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,64px);align-items:center;">
|
||||
<!-- left copy -->
|
||||
<div>
|
||||
<div style="display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(240,165,0,.35);border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,#F0A500);margin-bottom:24px;">
|
||||
<span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>
|
||||
Pezkuwichain · Digital Democracy
|
||||
</div>
|
||||
<h1 style="font-size: clamp(34px,5vw,60px); line-height: 1.02; font-weight: 700; letter-spacing: -.02em; margin: 0 0 18px; display: flex">
|
||||
DIGITAL <br><span style="color: var(--acc,#F0A500);">PARLIAMENT</span>
|
||||
</h1>
|
||||
<div style="display:flex;flex-direction:column;gap:3px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.04em;color:#5A6475;text-transform:uppercase;margin-bottom:24px;">
|
||||
<span>DIGITAL KURDISH PARLIAMENT</span>
|
||||
<span>پەرلەمانی کوردی دیجیتاڵ</span>
|
||||
<span>Cyber-Fabric View · On-chain Governance</span>
|
||||
</div>
|
||||
<p style="font-size:16px;line-height:1.6;color:#8A95A4;max-width:460px;margin:0 0 30px;">
|
||||
A 201-seat national parliament — fully on-chain. Every vote, every proposal and every session is recorded immutably on Pezkuwi Chain — open, transparent and verifiable.
|
||||
</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px;">
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:14px;font-weight:700;">Continue to Session →</a>
|
||||
<a href="#cawa" style="display:inline-flex;align-items:center;padding:13px 24px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:14px;font-weight:600;">How It Works</a>
|
||||
</div>
|
||||
<div style="display:flex;gap:clamp(20px,3vw,44px);">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Verified Members</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">14</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Live Sessions</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">1,284,503</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Votes Cast</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- right: parliament hemicycle -->
|
||||
<div style="display:flex;justify-content:center;align-items:center;">
|
||||
<div style="position:relative;width:min(540px,86vw);aspect-ratio:1;">
|
||||
<!-- outer dashed brand ring -->
|
||||
<div style="position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(240,165,0,.28);animation:pp-spin 60s linear infinite;"></div>
|
||||
<!-- gold concentric label ring -->
|
||||
<div style="position:absolute;inset:3%;border-radius:50%;border:1px solid #2D3540;"></div>
|
||||
<!-- colored seat ring base -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from -45deg, rgba(255,34,34,.55) 0deg 90deg, rgba(255,215,0,.55) 90deg 180deg, rgba(0,204,0,.55) 180deg 270deg, rgba(240,165,0,.55) 270deg 360deg);"></div>
|
||||
<!-- radial seat ticks -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 0deg, rgba(7,9,12,.0) 0deg .55deg, rgba(7,9,12,.85) .55deg 1.9deg);mix-blend-mode:multiply;"></div>
|
||||
<!-- concentric seat rows -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle, transparent 0 13px, rgba(7,9,12,.6) 13px 14px);"></div>
|
||||
<!-- ring glow edge -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,.55), 0 0 60px rgba(240,165,0,.10);"></div>
|
||||
<!-- rotating scan ring -->
|
||||
<div style="position:absolute;inset:20%;border-radius:50%;border:1px solid transparent;border-top-color:rgba(240,165,0,.7);border-right-color:rgba(14,203,129,.4);animation:pp-spin-rev 14s linear infinite;"></div>
|
||||
<!-- inner well -->
|
||||
<div style="position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 50% 40%, #11161c, #07090C);border:1px solid #2D3540;display:grid;place-items:center;box-shadow:inset 0 0 40px rgba(0,0,0,.8);">
|
||||
<!-- Kurdistan Sun -->
|
||||
<div style="position:relative;width:62%;aspect-ratio:1;animation:pp-float 7s ease-in-out infinite;">
|
||||
<div style="position:absolute;inset:-14%;border-radius:50%;border:2px solid transparent;border-top-color:#00CC00;border-bottom-color:#00CC00;animation:pp-spin 6s linear infinite;"></div>
|
||||
<div style="position:absolute;inset:-4%;border-radius:50%;border:2px solid transparent;border-left-color:#FF2222;border-right-color:#FF2222;animation:pp-spin-rev 5s linear infinite;"></div>
|
||||
<svg viewBox="0 0 200 200" style="position:absolute;inset:0;width:100%;height:100%;animation:pp-pulse 3s ease-in-out infinite;">
|
||||
<g>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(0 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(17.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(34.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(51.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(68.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(85.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(102.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(120 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(137.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(154.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(171.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(188.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(205.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(222.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(240 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(257.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(274.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(291.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(308.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(325.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(342.86 100 100)"></line>
|
||||
</g>
|
||||
<circle cx="100" cy="100" r="33" fill="#FFD700"></circle>
|
||||
<circle cx="100" cy="100" r="26" fill="#fff"></circle>
|
||||
<circle cx="100" cy="100" r="19" fill="#FFD700" style="animation:pp-glow 3s ease-in-out infinite;transform-origin:center;"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- live badge floating -->
|
||||
<div style="position:absolute;top:6%;right:-2%;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#0F1318;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
Plenary Session · Live
|
||||
</div>
|
||||
<!-- quorum chip floating -->
|
||||
<div style="position:absolute;bottom:7%;left:-3%;padding:9px 13px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<div style="font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;">Quorum</div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;color:#0ECB81;">147 / 201</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TICKER ░░ -->
|
||||
<div style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:#0B0E12;overflow:hidden;">
|
||||
<div style="display:flex;align-items:center;gap:40px;padding:11px clamp(16px,4vw,48px);font-family:'JetBrains Mono',monospace;font-size:12px;color:#8A95A4;white-space:nowrap;overflow-x:auto;">
|
||||
<span style="color:var(--acc,#F0A500);font-weight:600;">LIVE CHAIN ›</span>
|
||||
<span>Blok #2,481,003</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Active Proposals: <b style="color:#E8ECF0;">7</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Votes / 24h: <b style="color:#0ECB81;">+18,402</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Committees: <b style="color:#E8ECF0;">24</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Token: <b style="color:#E8ECF0;">PEZ</b> · Sovereign</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Gas: <b style="color:#E8ECF0;">0.0001 PEZ</b></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ░░ COMPOSITION · 201 SEATS ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:center;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Parliament Composition</div>
|
||||
<h2 style="font-size:clamp(24px,3.2vw,34px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">201 Seats · Real-time</h2>
|
||||
<div id="khemi" style="position:relative;width:100%;max-width:760px;aspect-ratio:2/1;margin:0 auto;">
|
||||
<div data-mp="1" data-name="Zîlan Colemêrgî" data-bloc="Bloc Yekîtî" data-region="District: Êlih · Seat #1" data-color="#0ECB81" style="position:absolute;left:3.06%;top:91.08%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Newroz Serhedî" data-bloc="Bloc Yekîtî" data-region="District: Dêrsim · Seat #2" data-color="#0ECB81" style="position:absolute;left:3.58%;top:81.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Zinar Amêdî" data-bloc="Bloc Yekîtî" data-region="District: Kerkûk · Seat #3" data-color="#0ECB81" style="position:absolute;left:4.60%;top:71.67%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Nûjîn Zaxoyî" data-bloc="Bloc Yekîtî" data-region="District: Efrîn · Seat #4" data-color="#0ECB81" style="position:absolute;left:6.12%;top:62.31%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Mizgîn Garisî" data-bloc="Bloc Yekîtî" data-region="District: Amed · Seat #5" data-color="#0ECB81" style="position:absolute;left:6.38%;top:91.27%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Serhat Botî" data-bloc="Bloc Yekîtî" data-region="District: Êlih · Seat #6" data-color="#0ECB81" style="position:absolute;left:6.89%;top:81.86%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîlan Xerzî" data-bloc="Bloc Yekîtî" data-region="District: Dêrsim · Seat #7" data-color="#0ECB81" style="position:absolute;left:7.90%;top:72.62%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Kawa Mizûrî" data-bloc="Bloc Yekîtî" data-region="District: Kerkûk · Seat #8" data-color="#0ECB81" style="position:absolute;left:8.12%;top:53.32%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şoreş Dêrsimî" data-bloc="Bloc Yekîtî" data-region="District: Efrîn · Seat #9" data-color="#0ECB81" style="position:absolute;left:9.42%;top:63.66%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şervan Efrînî" data-bloc="Bloc Yekîtî" data-region="District: Amed · Seat #10" data-color="#0ECB81" style="position:absolute;left:9.69%;top:91.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîyar Hekarî" data-bloc="Bloc Yekîtî" data-region="District: Êlih · Seat #11" data-color="#0ECB81" style="position:absolute;left:10.24%;top:81.98%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Azad Rihayî" data-bloc="Bloc Yekîtî" data-region="District: Dêrsim · Seat #12" data-color="#0ECB81" style="position:absolute;left:10.58%;top:44.80%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Evîn Silêvî" data-bloc="Bloc Yekîtî" data-region="District: Kerkûk · Seat #13" data-color="#0ECB81" style="position:absolute;left:11.32%;top:72.84%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Arîn Koçer" data-bloc="Bloc Yekîtî" data-region="District: Efrîn · Seat #14" data-color="#0ECB81" style="position:absolute;left:11.4Line truncated
|
||||
<div style="position:absolute;left:50%;bottom:1%;transform:translateX(-50%);text-align:center;pointer-events:none;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(28px,5vw,46px);font-weight:600;line-height:1;">201</div>
|
||||
<div style="font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5A6475;margin-top:5px;">Kursî</div>
|
||||
</div>
|
||||
<div id="khemi-tip" style="position:absolute;display:none;z-index:40;pointer-events:none;transform:translate(-50%,-100%);background:#1E242D;border:1px solid #3D4756;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.6);min-width:170px;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">
|
||||
<span data-tdot="1" style="width:9px;height:9px;border-radius:50%;background:#888;flex-shrink:0;"></span>
|
||||
<span data-tname="1" style="font-size:14px;font-weight:600;color:#E8ECF0;">—</span>
|
||||
</div>
|
||||
<div data-tbloc="1" style="font-size:12px;color:#8A95A4;margin-left:17px;">—</div>
|
||||
<div data-tregion="1" style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;margin-left:17px;margin-top:2px;">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size:15px;color:#8A95A4;line-height:1.6;margin:0 0 22px;">Each seat holds a verified citizen identity. Bloc composition, attendance and voting are seen on-chain in real time.</p>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#0ECB81;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Yekîtî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">64</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F0A500;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Azadî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">52</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F6465D;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Welat</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">44</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#FFD700;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Jin û Jiyan</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">25</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#8A95A4;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Serbixwe</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">16</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ LIVE SESSIONS + ACTIVITY ░░ -->
|
||||
<section id="sesyon" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;">
|
||||
<div>
|
||||
<div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Live Sessions</div>
|
||||
<h2 style="font-size:clamp(24px,3vw,30px);font-weight:700;margin:0;letter-spacing:-.01em;">Live Sessions</h2>
|
||||
</div>
|
||||
<a href="#" style="font-size:13px;color:#8A95A4;">All →</a>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">LIVE</span>
|
||||
<span style="font-size:15px;font-weight:600;">Weekly Plenary Session</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Plenary Session · 2026 Budget under debate</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">312</div>
|
||||
<div style="font-size:11px;color:#5A6475;">viewers</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">LIVE</span>
|
||||
<span style="font-size:15px;font-weight:600;">Economic Committee</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Economic Committee · Transparency standard</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">87</div>
|
||||
<div style="font-size:11px;color:#5A6475;">viewers</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(240,165,0,.10);display:grid;place-items:center;flex-shrink:0;color:var(--acc,#F0A500);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;">25′</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--acc,#F0A500);border:1px solid rgba(240,165,0,.4);border-radius:4px;padding:1px 6px;">STARTING SOON</span>
|
||||
<span style="font-size:15px;font-weight:600;">Public Hearing: Energy</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Public Hearing · Open to citizen participation</div>
|
||||
</div>
|
||||
<a href="#" style="flex-shrink:0;font-size:12px;font-weight:600;padding:7px 12px;border:1px solid #2D3540;border-radius:7px;color:#E8ECF0;">Remind</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- member activity -->
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Member Activity</div>
|
||||
<h2 style="font-size:clamp(20px,2.4vw,24px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">Member Activity</h2>
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:6px 0;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">RZ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Rojîn Zêbarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">created a new proposal · #PZ-0481</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">now</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">DH</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Dîlan Hekarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">voted · YEA</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">2d</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FF2222;">SC</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Serhat Cizîrî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">spoke in session</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">5d</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FFD700;">BA</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Berfîn Amêdî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">voted · NAY</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">11d</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">AK</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Azad Koçer</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">joined a committee</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">18d</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">HŞ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Helîn Şengalî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">confirmed a proposal</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">24d</div></div>
|
||||
<div style="padding:13px 16px;text-align:center;">
|
||||
<a href="#endam" style="font-size:12px;color:#8A95A4;">All activity →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ ACTIVE VOTES ░░ -->
|
||||
<section id="oylama" style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">Active Votes</div>
|
||||
<h2 style="font-size:clamp(26px,3.4vw,38px);font-weight:700;margin:0;letter-spacing:-.02em;">Open Proposals</h2>
|
||||
<p style="font-size:15px;color:#8A95A4;margin:10px 0 0;max-width:520px;">Every vote is signed on-chain. <b style="color:#0ECB81;">DENG</b> to approve, <b style="color:var(--acc,#F0A500);">RONAHÎ</b> to reject.</p>
|
||||
</div>
|
||||
<div style="display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;padding:8px 14px;border:1px solid #2D3540;border-radius:8px;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>7 live proposals
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">LIVE</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 6h 12m</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0481</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">On-chain National Identity Protocol</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">An on-chain identity system to verify all members of parliament.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">YEA 64%</span><span style="color:var(--acc,#F0A500);">NAY 36%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:64%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">84,210 votes</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">Vote</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">LIVE</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 1d 4h</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0479</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">Kurdish Language Support Fund</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">A 12M PEZ investment for education and a digital Kurmanji & Sorani archive.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">YEA 81%</span><span style="color:var(--acc,#F0A500);">NAY 19%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:81%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">51,902 votes</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">Vote</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#F0A500;background:rgba(240,165,0,.12);">CLOSING</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 48m</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0476</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">On-chain Financial Transparency Standard</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">All treasury records to be published publicly on Pezkuwi Chain.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">YEA 47%</span><span style="color:var(--acc,#F0A500);">NAY 53%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:47%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:ceLine truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ HOW IT WORKS ░░ -->
|
||||
<section id="cawa" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">How It Works</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">Democracy on-chain</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:560px;margin:14px auto 0;line-height:1.6;">Four principles drive Kurdistan's digital government — always verified, immutable and open.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;">
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 4v5c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V6z"></path><path d="M9 12l2 2 4-4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Verified Identity</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Every member is verified by on-chain citizen identity — one citizen, one vote.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(14,203,129,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#0ECB81" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="10" rx="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Immutable Vote</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Every vote is recorded on Pezkuwi Chain. No vote can be altered, deleted or duplicated.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(0,204,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#00CC00" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Full Transparency</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">All sessions, proposals and results are open to the public. Public records can always be audited.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.5"></circle><circle cx="5" cy="19" r="2.5"></circle><circle cx="19" cy="19" r="2.5"></circle><path d="M12 7.5v4M10 13l-3.5 3.5M14 13l3.5 3.5"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Distributed Governance</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Proposals pass by quorum. There is no central authority — the people decide.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TENDER FEATURES ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">Design Tender · Required Features</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">The platform a parliament needs</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:600px;margin:14px auto 0;line-height:1.6;">Everything a real parliament does — now fully digital and on-chain.</p>
|
||||
</div>
|
||||
|
||||
<!-- legislative pipeline -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:44px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">01 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Proposal</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">A member or citizen records a draft on-chain.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">02 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Committee</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">The relevant committee reviews and reports.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">03 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Reading</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">Two public readings in the parliamentary session.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">04 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Vote</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">201 members vote with verified e-voting.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">05 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Law</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">Passes by 101 quorum and becomes immutable law.</div></div>
|
||||
</div>
|
||||
|
||||
<!-- features grid -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">01</span><h3 style="font-size:16px;font-weight:600;margin:0;">Live Hemicycle</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Live Hemicycle</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">201 seats, bloc composition and attendance in real time.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">02</span><h3 style="font-size:16px;font-weight:600;margin:0;">Legislation Registry</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Legislation Registry</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">All drafts, versions and laws recorded on-chain.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">03</span><h3 style="font-size:16px;font-weight:600;margin:0;">Secure E-Voting</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Secure E-Voting</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Secure, immutable voting — one member, one vote.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">04</span><h3 style="font-size:16px;font-weight:600;margin:0;">24 Committees</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Committees</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Work, reports and scheduling of committee meetings.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">05</span><h3 style="font-size:16px;font-weight:600;margin:0;">Transparent Treasury</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Transparent Treasury</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Budget and every national expense tracked publicly.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">06</span><h3 style="font-size:16px;font-weight:600;margin:0;">Citizen Initiatives</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Citizen Initiatives</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Citizen petitions and referendums.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">07</span><h3 style="font-size:16px;fLine truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ STATS BAND ░░ -->
|
||||
<section id="endam" style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:linear-gradient(180deg,#0B0E12,#07090C);">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">National Seats</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:var(--acc,#F0A500);">24</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Committees</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">1,284,503</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Votes Recorded</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">100%</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">On-chain</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ CTA ░░ -->
|
||||
<section style="max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(16px,4vw,48px);text-align:center;">
|
||||
<h2 style="font-size:clamp(28px,4.4vw,52px);font-weight:700;letter-spacing:-.02em;margin:0 0 18px;line-height:1.05;">Your vote matters.<br><span style="color:var(--acc,#F0A500);">Join the parliament.</span></h2>
|
||||
<p style="font-size:17px;color:#8A95A4;max-width:520px;margin:0 auto 30px;line-height:1.6;">Verify your identity, join the sessions and vote on Kurdistan's future.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;">
|
||||
<a href="#" style="padding:14px 28px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:15px;font-weight:700;">Verify Identity</a>
|
||||
<a href="#cawa" style="padding:14px 28px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:15px;font-weight:600;">Read the Docs</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ FOOTER ░░ -->
|
||||
<footer style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,56px) clamp(16px,4vw,48px);">
|
||||
<div style="display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;">
|
||||
<div>
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:32px;width:auto;margin-bottom:16px;">
|
||||
<p style="font-size:13px;color:#5A6475;line-height:1.6;max-width:280px;margin:0 0 14px;">Kurdistan's Digital Parliament — national governance on Pezkuwi Chain.</p>
|
||||
<div style="display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);">parliament.pex.mom</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Parliament</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#sesyon">Sessions</a>
|
||||
<a href="#oylama">Voting</a>
|
||||
<a href="#endam">Members</a>
|
||||
<a href="#">Committees</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Chain</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Pezkuwi Chain</a>
|
||||
<a href="#">Token PEZ</a>
|
||||
<a href="#">Explorer</a>
|
||||
<a href="#">API</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Docs</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Constitution</a>
|
||||
<a href="#">Protocol</a>
|
||||
<a href="#">Transparency</a>
|
||||
<a href="#">FAQ</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:36px;padding-top:22px;border-top:1px solid #2D3540;">
|
||||
<span style="font-size:12px;color:#5A6475;">© 2026 Pezkuwichain · Digital Kurdistan Parliament</span>
|
||||
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;display:inline-flex;align-items:center;gap:7px;"><span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>All on-chain · Verified</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
`;
|
||||
@@ -0,0 +1,427 @@
|
||||
export const HTML = `<div style="min-height:100vh;width:100%;overflow-x:hidden;position:relative;">
|
||||
|
||||
<!-- ░░ NAVBAR ░░ -->
|
||||
<header style="position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid #2D3540;background:rgba(7,9,12,.82);backdrop-filter:blur(10px);">
|
||||
<a href="#" style="display:flex;align-items:center;gap:12px;">
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:34px;width:auto;display:block;">
|
||||
<span style="display:none;"></span>
|
||||
</a>
|
||||
<nav style="display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;color:#8A95A4;">
|
||||
<a href="#sesyon" style="display:flex;align-items:center;gap:6px;">نشستها</a>
|
||||
<a href="#oylama">رأیگیری</a>
|
||||
<a href="#cawa">چگونه کار میکند</a>
|
||||
<a href="#endam">اعضا</a>
|
||||
<a href="#">اسناد</a>
|
||||
</nav>
|
||||
<div style="display:flex;align-items:center;gap:14px;">
|
||||
<div style="display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;color:#8A95A4;letter-spacing:.04em;">
|
||||
<img src="/assembly/kurdistan-flag.svg" alt="" style="width:16px;height:11px;border-radius:1px;object-fit:cover;" onerror="this.style.display='none'">KU
|
||||
</div>
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:13px;font-weight:700;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#07090C;animation:pp-blink 1.4s ease-in-out infinite;"></span>
|
||||
ادامه به نشست
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ░░ HERO ░░ -->
|
||||
<section style="position:relative;padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);overflow:hidden;">
|
||||
|
||||
<div style="position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle at center, rgba(240,165,0,.5) 1px, transparent 1.4px);background-size:38px 38px;opacity:.10;animation:pp-drift 40s linear infinite;pointer-events:none;"></div>
|
||||
|
||||
<div style="position: absolute; top: -10%; right: -5%; width: 680px; height: 680px; border-radius: 50%; background: radial-gradient(circle, rgba(240, 165, 0, 0.1), transparent 62%); z-index: 0; pointer-events: none;"></div>
|
||||
<div style="position:absolute;bottom:-20%;left:-8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(0,204,0,.07), transparent 64%);z-index:0;pointer-events:none;"></div>
|
||||
|
||||
<div style="position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,64px);align-items:center;">
|
||||
<!-- left copy -->
|
||||
<div>
|
||||
<div style="display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(240,165,0,.35);border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,#F0A500);margin-bottom:24px;">
|
||||
<span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>
|
||||
پزکویچین · دموکراسی دیجیتال
|
||||
</div>
|
||||
<h1 style="font-size: clamp(34px,5vw,60px); line-height: 1.02; font-weight: 700; letter-spacing: -.02em; margin: 0 0 18px; display: flex">
|
||||
دیجیتال <br><span style="color: var(--acc,#F0A500);">پارلمان</span>
|
||||
</h1>
|
||||
<div style="display:flex;flex-direction:column;gap:3px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.04em;color:#5A6475;text-transform:uppercase;margin-bottom:24px;">
|
||||
<span>پارلمان دیجیتال کُرد</span>
|
||||
<span>پەرلەمانی کوردی دیجیتاڵ</span>
|
||||
<span>نمای تار سایبری · حاکمیت روی زنجیره</span>
|
||||
</div>
|
||||
<p style="font-size:16px;line-height:1.6;color:#8A95A4;max-width:460px;margin:0 0 30px;">
|
||||
پارلمانی ملی با ۲۰۱ کرسی — کاملاً روی زنجیره. هر رأی، هر پیشنهاد و هر نشست روی پزکویچین بهصورت تغییرناپذیر ثبت میشود — باز، شفاف و قابلتأیید.
|
||||
</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px;">
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:14px;font-weight:700;">ادامه به نشست →</a>
|
||||
<a href="#cawa" style="display:inline-flex;align-items:center;padding:13px 24px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:14px;font-weight:600;">چگونه کار میکند</a>
|
||||
</div>
|
||||
<div style="display:flex;gap:clamp(20px,3vw,44px);">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">اعضای تأییدشده</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">14</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">نشستهای زنده</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">۱٬۲۸۴٬۵۰۳</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">آرای دادهشده</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- right: parliament hemicycle -->
|
||||
<div style="display:flex;justify-content:center;align-items:center;">
|
||||
<div style="position:relative;width:min(540px,86vw);aspect-ratio:1;">
|
||||
<!-- outer dashed brand ring -->
|
||||
<div style="position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(240,165,0,.28);animation:pp-spin 60s linear infinite;"></div>
|
||||
<!-- gold concentric label ring -->
|
||||
<div style="position:absolute;inset:3%;border-radius:50%;border:1px solid #2D3540;"></div>
|
||||
<!-- colored seat ring base -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from -45deg, rgba(255,34,34,.55) 0deg 90deg, rgba(255,215,0,.55) 90deg 180deg, rgba(0,204,0,.55) 180deg 270deg, rgba(240,165,0,.55) 270deg 360deg);"></div>
|
||||
<!-- radial seat ticks -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 0deg, rgba(7,9,12,.0) 0deg .55deg, rgba(7,9,12,.85) .55deg 1.9deg);mix-blend-mode:multiply;"></div>
|
||||
<!-- concentric seat rows -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle, transparent 0 13px, rgba(7,9,12,.6) 13px 14px);"></div>
|
||||
<!-- ring glow edge -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,.55), 0 0 60px rgba(240,165,0,.10);"></div>
|
||||
<!-- rotating scan ring -->
|
||||
<div style="position:absolute;inset:20%;border-radius:50%;border:1px solid transparent;border-top-color:rgba(240,165,0,.7);border-right-color:rgba(14,203,129,.4);animation:pp-spin-rev 14s linear infinite;"></div>
|
||||
<!-- inner well -->
|
||||
<div style="position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 50% 40%, #11161c, #07090C);border:1px solid #2D3540;display:grid;place-items:center;box-shadow:inset 0 0 40px rgba(0,0,0,.8);">
|
||||
<!-- Kurdistan Sun -->
|
||||
<div style="position:relative;width:62%;aspect-ratio:1;animation:pp-float 7s ease-in-out infinite;">
|
||||
<div style="position:absolute;inset:-14%;border-radius:50%;border:2px solid transparent;border-top-color:#00CC00;border-bottom-color:#00CC00;animation:pp-spin 6s linear infinite;"></div>
|
||||
<div style="position:absolute;inset:-4%;border-radius:50%;border:2px solid transparent;border-left-color:#FF2222;border-right-color:#FF2222;animation:pp-spin-rev 5s linear infinite;"></div>
|
||||
<svg viewBox="0 0 200 200" style="position:absolute;inset:0;width:100%;height:100%;animation:pp-pulse 3s ease-in-out infinite;">
|
||||
<g>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(0 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(17.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(34.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(51.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(68.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(85.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(102.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(120 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(137.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(154.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(171.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(188.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(205.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(222.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(240 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(257.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(274.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(291.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(308.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(325.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(342.86 100 100)"></line>
|
||||
</g>
|
||||
<circle cx="100" cy="100" r="33" fill="#FFD700"></circle>
|
||||
<circle cx="100" cy="100" r="26" fill="#fff"></circle>
|
||||
<circle cx="100" cy="100" r="19" fill="#FFD700" style="animation:pp-glow 3s ease-in-out infinite;transform-origin:center;"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- live badge floating -->
|
||||
<div style="position:absolute;top:6%;right:-2%;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#0F1318;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
نشست عمومی · زنده
|
||||
</div>
|
||||
<!-- quorum chip floating -->
|
||||
<div style="position:absolute;bottom:7%;left:-3%;padding:9px 13px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<div style="font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;">حد نصاب</div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;color:#0ECB81;">147 / 201</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TICKER ░░ -->
|
||||
<div style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:#0B0E12;overflow:hidden;">
|
||||
<div style="display:flex;align-items:center;gap:40px;padding:11px clamp(16px,4vw,48px);font-family:'JetBrains Mono',monospace;font-size:12px;color:#8A95A4;white-space:nowrap;overflow-x:auto;">
|
||||
<span style="color:var(--acc,#F0A500);font-weight:600;">زنجیرهٔ زنده ›</span>
|
||||
<span>Blok #2,481,003</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>پیشنهادهای فعال: <b style="color:#E8ECF0;">7</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>رأی / ۲۴س: <b style="color:#0ECB81;">+18,402</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>کمیتهها: <b style="color:#E8ECF0;">24</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Token: <b style="color:#E8ECF0;">PEZ</b> · حاکمیت</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>گس: <b style="color:#E8ECF0;">0.0001 PEZ</b></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ░░ COMPOSITION · 201 SEATS ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:center;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">ترکیب پارلمان</div>
|
||||
<h2 style="font-size:clamp(24px,3.2vw,34px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">۲۰۱ کرسی · بلادرنگ</h2>
|
||||
<div id="khemi" style="position:relative;width:100%;max-width:760px;aspect-ratio:2/1;margin:0 auto;">
|
||||
<div data-mp="1" data-name="Zîlan Colemêrgî" data-bloc="بلوک Yekîtî" data-region="استان: Êlih · صندلی #1" data-color="#0ECB81" style="position:absolute;left:3.06%;top:91.08%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Newroz Serhedî" data-bloc="بلوک Yekîtî" data-region="استان: Dêrsim · صندلی #2" data-color="#0ECB81" style="position:absolute;left:3.58%;top:81.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Zinar Amêdî" data-bloc="بلوک Yekîtî" data-region="استان: Kerkûk · صندلی #3" data-color="#0ECB81" style="position:absolute;left:4.60%;top:71.67%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Nûjîn Zaxoyî" data-bloc="بلوک Yekîtî" data-region="استان: Efrîn · صندلی #4" data-color="#0ECB81" style="position:absolute;left:6.12%;top:62.31%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Mizgîn Garisî" data-bloc="بلوک Yekîtî" data-region="استان: Amed · صندلی #5" data-color="#0ECB81" style="position:absolute;left:6.38%;top:91.27%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Serhat Botî" data-bloc="بلوک Yekîtî" data-region="استان: Êlih · صندلی #6" data-color="#0ECB81" style="position:absolute;left:6.89%;top:81.86%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîlan Xerzî" data-bloc="بلوک Yekîtî" data-region="استان: Dêrsim · صندلی #7" data-color="#0ECB81" style="position:absolute;left:7.90%;top:72.62%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Kawa Mizûrî" data-bloc="بلوک Yekîtî" data-region="استان: Kerkûk · صندلی #8" data-color="#0ECB81" style="position:absolute;left:8.12%;top:53.32%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şoreş Dêrsimî" data-bloc="بلوک Yekîtî" data-region="استان: Efrîn · صندلی #9" data-color="#0ECB81" style="position:absolute;left:9.42%;top:63.66%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şervan Efrînî" data-bloc="بلوک Yekîtî" data-region="استان: Amed · صندلی #10" data-color="#0ECB81" style="position:absolute;left:9.69%;top:91.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîyar Hekarî" data-bloc="بلوک Yekîtî" data-region="استان: Êlih · صندلی #11" data-color="#0ECB81" style="position:absolute;left:10.24%;top:81.98%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Azad Rihayî" data-bloc="بلوک Yekîtî" data-region="استان: Dêrsim · صندلی #12" data-color="#0ECB81" style="position:absolute;left:10.58%;top:44.80%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Evîn Silêvî" data-bloc="بلوک Yekîtî" data-region="استان: Kerkûk · صندلی #13" data-color="#0ECB81" style="position:absolute;left:11.32%;top:72.84%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-Line truncated
|
||||
<div style="position:absolute;left:50%;bottom:1%;transform:translateX(-50%);text-align:center;pointer-events:none;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(28px,5vw,46px);font-weight:600;line-height:1;">201</div>
|
||||
<div style="font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5A6475;margin-top:5px;">Kursî</div>
|
||||
</div>
|
||||
<div id="khemi-tip" style="position:absolute;display:none;z-index:40;pointer-events:none;transform:translate(-50%,-100%);background:#1E242D;border:1px solid #3D4756;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.6);min-width:170px;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">
|
||||
<span data-tdot="1" style="width:9px;height:9px;border-radius:50%;background:#888;flex-shrink:0;"></span>
|
||||
<span data-tname="1" style="font-size:14px;font-weight:600;color:#E8ECF0;">—</span>
|
||||
</div>
|
||||
<div data-tbloc="1" style="font-size:12px;color:#8A95A4;margin-left:17px;">—</div>
|
||||
<div data-tregion="1" style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;margin-left:17px;margin-top:2px;">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size:15px;color:#8A95A4;line-height:1.6;margin:0 0 22px;">هر کرسی دارای هویت شهروندی تأییدشده است. ترکیب بلوکها، حضور و رأیگیری بلادرنگ روی زنجیره دیده میشود.</p>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#0ECB81;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Yekîtî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">64</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F0A500;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Azadî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">52</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F6465D;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Welat</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">44</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#FFD700;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Jin û Jiyan</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">25</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#8A95A4;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Serbixwe</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">16</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ LIVE SESSIONS + ACTIVITY ░░ -->
|
||||
<section id="sesyon" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;">
|
||||
<div>
|
||||
<div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">نشستهای زنده</div>
|
||||
<h2 style="font-size:clamp(24px,3vw,30px);font-weight:700;margin:0;letter-spacing:-.01em;">نشستهای زنده</h2>
|
||||
</div>
|
||||
<a href="#" style="font-size:13px;color:#8A95A4;">همه →</a>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">زنده</span>
|
||||
<span style="font-size:15px;font-weight:600;">نشست عمومی هفتگی</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">نشست عمومی · بودجهٔ ۲۰۲۶ در حال بحث</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">312</div>
|
||||
<div style="font-size:11px;color:#5A6475;">بیننده</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">زنده</span>
|
||||
<span style="font-size:15px;font-weight:600;">کمیتهٔ اقتصادی</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">کمیتهٔ اقتصادی · استاندارد شفافیت</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">87</div>
|
||||
<div style="font-size:11px;color:#5A6475;">بیننده</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(240,165,0,.10);display:grid;place-items:center;flex-shrink:0;color:var(--acc,#F0A500);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;">25′</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--acc,#F0A500);border:1px solid rgba(240,165,0,.4);border-radius:4px;padding:1px 6px;">بهزودی</span>
|
||||
<span style="font-size:15px;font-weight:600;">جلسهٔ استماع عمومی: انرژی</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">جلسهٔ استماع · مشارکت شهروندان باز است</div>
|
||||
</div>
|
||||
<a href="#" style="flex-shrink:0;font-size:12px;font-weight:600;padding:7px 12px;border:1px solid #2D3540;border-radius:7px;color:#E8ECF0;">یادآوری</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- member activity -->
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">فعالیت اعضا</div>
|
||||
<h2 style="font-size:clamp(20px,2.4vw,24px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">فعالیت اعضا</h2>
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:6px 0;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">RZ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Rojîn Zêbarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">پیشنهاد تازهای ساخت · #PZ-0481</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">اکنون</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">DH</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Dîlan Hekarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">رأی داد · آری</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">۲ر</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FF2222;">SC</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Serhat Cizîrî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">در نشست سخن گفت</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">۵ر</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FFD700;">BA</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Berfîn Amêdî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">رأی داد · نه</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">۱۱ر</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">AK</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Azad Koçer</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">به کمیتهای پیوست</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">۱۸ر</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">HŞ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Helîn Şengalî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">پیشنهادی را تأیید کرد</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">۲۴ر</div></div>
|
||||
<div style="padding:13px 16px;text-align:center;">
|
||||
<a href="#endam" style="font-size:12px;color:#8A95A4;">همهٔ فعالیتها →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ ACTIVE VOTES ░░ -->
|
||||
<section id="oylama" style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">رأیگیریهای فعال</div>
|
||||
<h2 style="font-size:clamp(26px,3.4vw,38px);font-weight:700;margin:0;letter-spacing:-.02em;">پیشنهادهای باز</h2>
|
||||
<p style="font-size:15px;color:#8A95A4;margin:10px 0 0;max-width:520px;">هر رأی روی زنجیره امضا میشود. <b style="color:#0ECB81;">DENG</b> برای تأیید, <b style="color:var(--acc,#F0A500);">RONAHÎ</b> برای رد.</p>
|
||||
</div>
|
||||
<div style="display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;padding:8px 14px;border:1px solid #2D3540;border-radius:8px;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>7 پیشنهاد زنده
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">زنده</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ ۶س ۱۲د</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0481</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">پروتکل هویت ملی روی زنجیره</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">سامانهٔ هویت روی زنجیره برای تأیید همهٔ اعضای پارلمان.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">آری 64%</span><span style="color:var(--acc,#F0A500);">نه 36%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:64%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">۸۴٬۲۱۰ رأی</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">رأی بده</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">زنده</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ ۱ر ۴س</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0479</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">صندوق پشتیبانی زبان کُردی</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">سرمایهگذاری ۱۲M پز برای آموزش و آرشیو دیجیتال کرمانجی و سورانی.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">آری 81%</span><span style="color:var(--acc,#F0A500);">نه 19%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:81%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">۵۱٬۹۰۲ رأی</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">رأی بده</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#F0A500;background:rgba(240,165,0,.12);">در حال بستهشدن</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ ۴۸د</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0476</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">استاندارد شفافیت مالی روی زنجیره</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">همهٔ سوابق خزانه بهصورت عمومی روی پزکویچین منتشر میشود.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">آری 47%</span><span style="color:var(--acc,#F0A500);">نه 53%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;">Line truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ HOW IT WORKS ░░ -->
|
||||
<section id="cawa" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">چگونه کار میکند</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">دموکراسی روی زنجیره</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:560px;margin:14px auto 0;line-height:1.6;">چهار اصل حکومت دیجیتال کردستان را پیش میبرند — همیشه تأییدشده، تغییرناپذیر و باز.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;">
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 4v5c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V6z"></path><path d="M9 12l2 2 4-4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">هویت تأییدشده</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">هر عضو با هویت شهروندی روی زنجیره تأیید میشود — یک شهروند، یک رأی.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(14,203,129,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#0ECB81" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="10" rx="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">رأی تغییرناپذیر</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">هر رأی روی پزکویچین ثبت میشود. هیچ رأیی قابل تغییر، حذف یا تکرار نیست.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(0,204,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#00CC00" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">شفافیت کامل</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">همهٔ نشستها، پیشنهادها و نتایج برای عموم باز است. سوابق عمومی همیشه قابل بازرسی است.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.5"></circle><circle cx="5" cy="19" r="2.5"></circle><circle cx="19" cy="19" r="2.5"></circle><path d="M12 7.5v4M10 13l-3.5 3.5M14 13l3.5 3.5"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">حاکمیت توزیعشده</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">پیشنهادها با حد نصاب تصویب میشوند. هیچ اقتدار مرکزی وجود ندارد — مردم تصمیم میگیرند.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TENDER FEATURES ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">مناقصهٔ طراحی · ویژگیهای لازم</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">پلتفرمی که پارلمان به آن نیاز دارد</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:600px;margin:14px auto 0;line-height:1.6;">هر کاری که یک پارلمان واقعی انجام میدهد — اکنون کاملاً دیجیتال و روی زنجیره.</p>
|
||||
</div>
|
||||
|
||||
<!-- legislative pipeline -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:44px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">01 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">پیشنهاد</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">عضو یا شهروند پیشنویس را روی زنجیره ثبت میکند.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">02 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">کمیته</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">کمیتهٔ مربوطه بررسی و گزارش میکند.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">03 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">قرائت</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">دو قرائت عمومی در نشست پارلمان.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">04 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">رأیگیری</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">۲۰۱ عضو با رأی الکترونیکی تأییدشده رأی میدهند.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">05 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">قانون</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">با حد نصاب ۱۰۱ تصویب و به قانون تغییرناپذیر تبدیل میشود.</div></div>
|
||||
</div>
|
||||
|
||||
<!-- features grid -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">01</span><h3 style="font-size:16px;font-weight:600;margin:0;">صحن زندهٔ پارلمان</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Live Hemicycle</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">۲۰۱ کرسی، ترکیب بلوکها و حضور بلادرنگ.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">02</span><h3 style="font-size:16px;font-weight:600;margin:0;">ثبت قوانین</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Legislation Registry</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">همهٔ پیشنویسها، نسخهها و قوانین روی زنجیره ثبت میشوند.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">03</span><h3 style="font-size:16px;font-weight:600;margin:0;">رأیگیری الکترونیکی امن</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Secure E-Voting</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">رأیگیری امن و تغییرناپذیر — یک عضو، یک رأی.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">04</span><h3 style="font-size:16px;font-weight:600;margin:0;">۲۴ کمیته</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Committees</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">کار، گزارش و زمانبندی جلسات کمیته.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">05</span><h3 style="font-size:16px;font-weight:600;margin:0;">خزانهٔ شفاف</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Transparent Treasury</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">بودجه و هر هزینهٔ ملی بهصورت عمومی ردیابی میشود.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">06</span><h3 style="font-size:16px;font-weight:600;margin:0;">ابتکارهای شهروندی</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Citizen Initiatives</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">دادخواستها و همهپرسیهای شهروندان.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;marginLine truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ STATS BAND ░░ -->
|
||||
<section id="endam" style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:linear-gradient(180deg,#0B0E12,#07090C);">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">کرسیهای ملی</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:var(--acc,#F0A500);">24</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">کمیتهها</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">۱٬۲۸۴٬۵۰۳</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">آرای ثبتشده</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">100%</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">روی زنجیره</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ CTA ░░ -->
|
||||
<section style="max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(16px,4vw,48px);text-align:center;">
|
||||
<h2 style="font-size:clamp(28px,4.4vw,52px);font-weight:700;letter-spacing:-.02em;margin:0 0 18px;line-height:1.05;">رأی تو مهم است.<br><span style="color:var(--acc,#F0A500);">به پارلمان بپیوند.</span></h2>
|
||||
<p style="font-size:17px;color:#8A95A4;max-width:520px;margin:0 auto 30px;line-height:1.6;">هویت خود را تأیید کن، در نشستها شرکت کن و دربارهٔ آیندهٔ کردستان رأی بده.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;">
|
||||
<a href="#" style="padding:14px 28px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:15px;font-weight:700;">هویت را تأیید کن</a>
|
||||
<a href="#cawa" style="padding:14px 28px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:15px;font-weight:600;">اسناد را بخوان</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ FOOTER ░░ -->
|
||||
<footer style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,56px) clamp(16px,4vw,48px);">
|
||||
<div style="display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;">
|
||||
<div>
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:32px;width:auto;margin-bottom:16px;">
|
||||
<p style="font-size:13px;color:#5A6475;line-height:1.6;max-width:280px;margin:0 0 14px;">پارلمان دیجیتال کردستان — حاکمیت ملی روی پزکویچین.</p>
|
||||
<div style="display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);">parliament.pex.mom</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">پارلمان</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#sesyon">نشستها</a>
|
||||
<a href="#oylama">رأیگیری</a>
|
||||
<a href="#endam">اعضا</a>
|
||||
<a href="#">کمیتهها</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">زنجیره</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Pezkuwi Chain</a>
|
||||
<a href="#">Token PEZ</a>
|
||||
<a href="#">Explorer</a>
|
||||
<a href="#">API</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">اسناد</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">قانون اساسی</a>
|
||||
<a href="#">پروتکل</a>
|
||||
<a href="#">شفافیت</a>
|
||||
<a href="#">پرسش و پاسخ</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:36px;padding-top:22px;border-top:1px solid #2D3540;">
|
||||
<span style="font-size:12px;color:#5A6475;">© 2026 Pezkuwichain · پارلمان دیجیتال کردستان</span>
|
||||
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;display:inline-flex;align-items:center;gap:7px;"><span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>همه روی زنجیره · تأییدشده</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
`;
|
||||
@@ -0,0 +1,427 @@
|
||||
export const HTML = `<div style="min-height:100vh;width:100%;overflow-x:hidden;position:relative;">
|
||||
|
||||
<!-- ░░ NAVBAR ░░ -->
|
||||
<header style="position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid #2D3540;background:rgba(7,9,12,.82);backdrop-filter:blur(10px);">
|
||||
<a href="#" style="display:flex;align-items:center;gap:12px;">
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:34px;width:auto;display:block;">
|
||||
<span style="display:none;"></span>
|
||||
</a>
|
||||
<nav style="display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;color:#8A95A4;">
|
||||
<a href="#sesyon" style="display:flex;align-items:center;gap:6px;">Sesyon</a>
|
||||
<a href="#oylama">Dengdan</a>
|
||||
<a href="#cawa">Çawa Dixebite</a>
|
||||
<a href="#endam">Endam</a>
|
||||
<a href="#">Belge</a>
|
||||
</nav>
|
||||
<div style="display:flex;align-items:center;gap:14px;">
|
||||
<div style="display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;color:#8A95A4;letter-spacing:.04em;">
|
||||
<img src="/assembly/kurdistan-flag.svg" alt="" style="width:16px;height:11px;border-radius:1px;object-fit:cover;" onerror="this.style.display='none'">KU
|
||||
</div>
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:13px;font-weight:700;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#07090C;animation:pp-blink 1.4s ease-in-out infinite;"></span>
|
||||
Bidome bi Sesyonê
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ░░ HERO ░░ -->
|
||||
<section style="position:relative;padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);overflow:hidden;">
|
||||
|
||||
<div style="position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle at center, rgba(240,165,0,.5) 1px, transparent 1.4px);background-size:38px 38px;opacity:.10;animation:pp-drift 40s linear infinite;pointer-events:none;"></div>
|
||||
|
||||
<div style="position: absolute; top: -10%; right: -5%; width: 680px; height: 680px; border-radius: 50%; background: radial-gradient(circle, rgba(240, 165, 0, 0.1), transparent 62%); z-index: 0; pointer-events: none;"></div>
|
||||
<div style="position:absolute;bottom:-20%;left:-8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(0,204,0,.07), transparent 64%);z-index:0;pointer-events:none;"></div>
|
||||
|
||||
<div style="position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,64px);align-items:center;">
|
||||
<!-- left copy -->
|
||||
<div>
|
||||
<div style="display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(240,165,0,.35);border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,#F0A500);margin-bottom:24px;">
|
||||
<span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>
|
||||
Pezkuwichain · Dîjîtal Demokrasî
|
||||
</div>
|
||||
<h1 style="font-size: clamp(34px,5vw,60px); line-height: 1.02; font-weight: 700; letter-spacing: -.02em; margin: 0 0 18px; display: flex">
|
||||
DÎJÎTAL <br><span style="color: var(--acc,#F0A500);">PARLAMENT</span>
|
||||
</h1>
|
||||
<div style="display:flex;flex-direction:column;gap:3px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.04em;color:#5A6475;text-transform:uppercase;margin-bottom:24px;">
|
||||
<span>PARLAMENTA KURDEN DÎJÎTAL</span>
|
||||
<span>پەرلەمانی کوردی دیجیتاڵ</span>
|
||||
<span>Dîmena Tevna Sîber · On-chain Governance</span>
|
||||
</div>
|
||||
<p style="font-size:16px;line-height:1.6;color:#8A95A4;max-width:460px;margin:0 0 30px;">
|
||||
Parlamenta welatî ya 201 kursî — bi tevahî li ser zincîrê. Her deng, her pêşniyar û her sesyon li ser Pezkuwi Chain neguherbar tê tomarkirin — vekirî, şefaf û verast.
|
||||
</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px;">
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:14px;font-weight:700;">Bidome bi Sesyonê →</a>
|
||||
<a href="#cawa" style="display:inline-flex;align-items:center;padding:13px 24px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:14px;font-weight:600;">Çawa Dixebite</a>
|
||||
</div>
|
||||
<div style="display:flex;gap:clamp(20px,3vw,44px);">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Endamên Verast</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">14</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Sesyonên Zindî</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">1,284,503</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Deng Hatine Dayîn</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- right: parliament hemicycle -->
|
||||
<div style="display:flex;justify-content:center;align-items:center;">
|
||||
<div style="position:relative;width:min(540px,86vw);aspect-ratio:1;">
|
||||
<!-- outer dashed brand ring -->
|
||||
<div style="position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(240,165,0,.28);animation:pp-spin 60s linear infinite;"></div>
|
||||
<!-- gold concentric label ring -->
|
||||
<div style="position:absolute;inset:3%;border-radius:50%;border:1px solid #2D3540;"></div>
|
||||
<!-- colored seat ring base -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from -45deg, rgba(255,34,34,.55) 0deg 90deg, rgba(255,215,0,.55) 90deg 180deg, rgba(0,204,0,.55) 180deg 270deg, rgba(240,165,0,.55) 270deg 360deg);"></div>
|
||||
<!-- radial seat ticks -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 0deg, rgba(7,9,12,.0) 0deg .55deg, rgba(7,9,12,.85) .55deg 1.9deg);mix-blend-mode:multiply;"></div>
|
||||
<!-- concentric seat rows -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle, transparent 0 13px, rgba(7,9,12,.6) 13px 14px);"></div>
|
||||
<!-- ring glow edge -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,.55), 0 0 60px rgba(240,165,0,.10);"></div>
|
||||
<!-- rotating scan ring -->
|
||||
<div style="position:absolute;inset:20%;border-radius:50%;border:1px solid transparent;border-top-color:rgba(240,165,0,.7);border-right-color:rgba(14,203,129,.4);animation:pp-spin-rev 14s linear infinite;"></div>
|
||||
<!-- inner well -->
|
||||
<div style="position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 50% 40%, #11161c, #07090C);border:1px solid #2D3540;display:grid;place-items:center;box-shadow:inset 0 0 40px rgba(0,0,0,.8);">
|
||||
<!-- Kurdistan Sun -->
|
||||
<div style="position:relative;width:62%;aspect-ratio:1;animation:pp-float 7s ease-in-out infinite;">
|
||||
<div style="position:absolute;inset:-14%;border-radius:50%;border:2px solid transparent;border-top-color:#00CC00;border-bottom-color:#00CC00;animation:pp-spin 6s linear infinite;"></div>
|
||||
<div style="position:absolute;inset:-4%;border-radius:50%;border:2px solid transparent;border-left-color:#FF2222;border-right-color:#FF2222;animation:pp-spin-rev 5s linear infinite;"></div>
|
||||
<svg viewBox="0 0 200 200" style="position:absolute;inset:0;width:100%;height:100%;animation:pp-pulse 3s ease-in-out infinite;">
|
||||
<g>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(0 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(17.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(34.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(51.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(68.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(85.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(102.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(120 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(137.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(154.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(171.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(188.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(205.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(222.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(240 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(257.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(274.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(291.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(308.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(325.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(342.86 100 100)"></line>
|
||||
</g>
|
||||
<circle cx="100" cy="100" r="33" fill="#FFD700"></circle>
|
||||
<circle cx="100" cy="100" r="26" fill="#fff"></circle>
|
||||
<circle cx="100" cy="100" r="19" fill="#FFD700" style="animation:pp-glow 3s ease-in-out infinite;transform-origin:center;"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- live badge floating -->
|
||||
<div style="position:absolute;top:6%;right:-2%;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#0F1318;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
Sesyona Giştî · Zindî
|
||||
</div>
|
||||
<!-- quorum chip floating -->
|
||||
<div style="position:absolute;bottom:7%;left:-3%;padding:9px 13px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<div style="font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;">Quorum</div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;color:#0ECB81;">147 / 201</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TICKER ░░ -->
|
||||
<div style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:#0B0E12;overflow:hidden;">
|
||||
<div style="display:flex;align-items:center;gap:40px;padding:11px clamp(16px,4vw,48px);font-family:'JetBrains Mono',monospace;font-size:12px;color:#8A95A4;white-space:nowrap;overflow-x:auto;">
|
||||
<span style="color:var(--acc,#F0A500);font-weight:600;">ZINCÎRA ZINDI ›</span>
|
||||
<span>Blok #2,481,003</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Pêşniyar Çalak: <b style="color:#E8ECF0;">7</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Deng / 24s: <b style="color:#0ECB81;">+18,402</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Komîte: <b style="color:#E8ECF0;">24</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Token: <b style="color:#E8ECF0;">PEZ</b> · Serwerî</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Gas: <b style="color:#E8ECF0;">0.0001 PEZ</b></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ░░ COMPOSITION · 201 SEATS ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:center;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Pêkhateya Parlamentê</div>
|
||||
<h2 style="font-size:clamp(24px,3.2vw,34px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">201 Kursî · Rast-Dem</h2>
|
||||
<div id="khemi" style="position:relative;width:100%;max-width:760px;aspect-ratio:2/1;margin:0 auto;">
|
||||
<div data-mp="1" data-name="Zîlan Colemêrgî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Êlih · Kursî #1" data-color="#0ECB81" style="position:absolute;left:3.06%;top:91.08%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Newroz Serhedî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Dêrsim · Kursî #2" data-color="#0ECB81" style="position:absolute;left:3.58%;top:81.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Zinar Amêdî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Kerkûk · Kursî #3" data-color="#0ECB81" style="position:absolute;left:4.60%;top:71.67%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Nûjîn Zaxoyî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Efrîn · Kursî #4" data-color="#0ECB81" style="position:absolute;left:6.12%;top:62.31%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Mizgîn Garisî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Amed · Kursî #5" data-color="#0ECB81" style="position:absolute;left:6.38%;top:91.27%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Serhat Botî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Êlih · Kursî #6" data-color="#0ECB81" style="position:absolute;left:6.89%;top:81.86%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîlan Xerzî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Dêrsim · Kursî #7" data-color="#0ECB81" style="position:absolute;left:7.90%;top:72.62%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Kawa Mizûrî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Kerkûk · Kursî #8" data-color="#0ECB81" style="position:absolute;left:8.12%;top:53.32%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şoreş Dêrsimî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Efrîn · Kursî #9" data-color="#0ECB81" style="position:absolute;left:9.42%;top:63.66%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şervan Efrînî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Amed · Kursî #10" data-color="#0ECB81" style="position:absolute;left:9.69%;top:91.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîyar Hekarî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Êlih · Kursî #11" data-color="#0ECB81" style="position:absolute;left:10.24%;top:81.98%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Azad Rihayî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Dêrsim · Kursî #12" data-color="#0ECB81" style="position:absolute;left:10.58%;top:44.80%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Evîn Silêvî" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Kerkûk · Kursî #13" data-color="#0ECB81" style="position:absolute;left:11.32%;top:72.84%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Arîn Koçer" data-bloc="Bloka Yekîtî" data-region="Parêzgeh: Efrîn · Kursî #14"Line truncated
|
||||
<div style="position:absolute;left:50%;bottom:1%;transform:translateX(-50%);text-align:center;pointer-events:none;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(28px,5vw,46px);font-weight:600;line-height:1;">201</div>
|
||||
<div style="font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5A6475;margin-top:5px;">Kursî</div>
|
||||
</div>
|
||||
<div id="khemi-tip" style="position:absolute;display:none;z-index:40;pointer-events:none;transform:translate(-50%,-100%);background:#1E242D;border:1px solid #3D4756;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.6);min-width:170px;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">
|
||||
<span data-tdot="1" style="width:9px;height:9px;border-radius:50%;background:#888;flex-shrink:0;"></span>
|
||||
<span data-tname="1" style="font-size:14px;font-weight:600;color:#E8ECF0;">—</span>
|
||||
</div>
|
||||
<div data-tbloc="1" style="font-size:12px;color:#8A95A4;margin-left:17px;">—</div>
|
||||
<div data-tregion="1" style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;margin-left:17px;margin-top:2px;">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size:15px;color:#8A95A4;line-height:1.6;margin:0 0 22px;">Her kursî xwediyê nasnameyek welatî ya verast e. Pêkhateya blokan, amadebûn û dengdan rast-dem li ser zincîrê tê dîtin.</p>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#0ECB81;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Yekîtî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">64</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F0A500;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Azadî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">52</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F6465D;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Welat</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">44</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#FFD700;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Jin û Jiyan</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">25</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#8A95A4;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Serbixwe</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">16</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ LIVE SESSIONS + ACTIVITY ░░ -->
|
||||
<section id="sesyon" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;">
|
||||
<div>
|
||||
<div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Sesyonên Zindî</div>
|
||||
<h2 style="font-size:clamp(24px,3vw,30px);font-weight:700;margin:0;letter-spacing:-.01em;">Live Sessions</h2>
|
||||
</div>
|
||||
<a href="#" style="font-size:13px;color:#8A95A4;">Hemû →</a>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">ZINDÎ</span>
|
||||
<span style="font-size:15px;font-weight:600;">Civîna Giştî ya Hefteyî</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Plenary Session · Budceya 2026 tê nîqaşkirin</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">312</div>
|
||||
<div style="font-size:11px;color:#5A6475;">temaşevan</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">ZINDÎ</span>
|
||||
<span style="font-size:15px;font-weight:600;">Komîteya Aboriyê</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Economic Committee · Standarda şefafiyetê</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">87</div>
|
||||
<div style="font-size:11px;color:#5A6475;">temaşevan</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(240,165,0,.10);display:grid;place-items:center;flex-shrink:0;color:var(--acc,#F0A500);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;">25′</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--acc,#F0A500);border:1px solid rgba(240,165,0,.4);border-radius:4px;padding:1px 6px;">DÊ DEST PÊ BIKE</span>
|
||||
<span style="font-size:15px;font-weight:600;">Guhdana Gel: Enerjî</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Public Hearing · Beşdariya hemwelatiyan vekirî ye</div>
|
||||
</div>
|
||||
<a href="#" style="flex-shrink:0;font-size:12px;font-weight:600;padding:7px 12px;border:1px solid #2D3540;border-radius:7px;color:#E8ECF0;">Bîranîn</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- member activity -->
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Çalakiya Endaman</div>
|
||||
<h2 style="font-size:clamp(20px,2.4vw,24px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">Member Activity</h2>
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:6px 0;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">RZ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Rojîn Zêbarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">pêşniyar nû çêkir · #PZ-0481</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">niha</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">DH</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Dîlan Hekarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">deng da · DENG</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">2d</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FF2222;">SC</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Serhat Cizîrî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">di sesyonê de axivî</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">5d</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FFD700;">BA</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Berfîn Amêdî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">deng da · RONAHÎ</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">11d</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">AK</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Azad Koçer</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">beşdarî komîteyê bû</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">18d</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">HŞ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Helîn Şengalî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">pêşniyar piştrast kir</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">24d</div></div>
|
||||
<div style="padding:13px 16px;text-align:center;">
|
||||
<a href="#endam" style="font-size:12px;color:#8A95A4;">Hemû çalakî →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ ACTIVE VOTES ░░ -->
|
||||
<section id="oylama" style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">Dengdanên Çalak</div>
|
||||
<h2 style="font-size:clamp(26px,3.4vw,38px);font-weight:700;margin:0;letter-spacing:-.02em;">Pêşniyarên Vekirî</h2>
|
||||
<p style="font-size:15px;color:#8A95A4;margin:10px 0 0;max-width:520px;">Her deng li ser zincîrê tê îmzekirin. <b style="color:#0ECB81;">DENG</b> bo erêkirinê, <b style="color:var(--acc,#F0A500);">RONAHÎ</b> bo redkirinê.</p>
|
||||
</div>
|
||||
<div style="display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;padding:8px 14px;border:1px solid #2D3540;border-radius:8px;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>7 pêşniyar zindî
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">ZINDÎ</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 6h 12m</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0481</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">Protokola Nasnameya Dîjîtal a Welatî</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">Pergala nasnameya li ser zincîrê ji bo verastkirina hemû endamên parlamentê.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">DENG 64%</span><span style="color:var(--acc,#F0A500);">RONAHÎ 36%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:64%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">84,210 deng</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">Deng Bide</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">ZINDÎ</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 1d 4h</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0479</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">Fona Piştgiriya Zimanê Kurdî</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">Veberhênana 12M PEZ ji bo perwerde û arşîva dîjîtal a Kurmancî û Soranî.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">DENG 81%</span><span style="color:var(--acc,#F0A500);">RONAHÎ 19%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:81%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">51,902 deng</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">Deng Bide</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#F0A500;background:rgba(240,165,0,.12);">DIQEDE</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 48m</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0476</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">Standarda Şefafiyeta Maliyê ya Zincîrê</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">Hemû tomarên xezîneyê dê bi awayekî giştî li ser Pezkuwi Chain bêne weşandin.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">DENG 47%</span><span style="color:var(--acc,#F0A500);">RONAHÎ 53%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:47%;"></div><div style="height:100%;background:var(--acc,Line truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ HOW IT WORKS ░░ -->
|
||||
<section id="cawa" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">Çawa Dixebite</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">Demokrasî li ser zincîrê</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:560px;margin:14px auto 0;line-height:1.6;">Çar prensîb hikûmeta dîjîtal a Kurdistanê dimeşînin — her gav verast, neguherbar û vekirî.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;">
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 4v5c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V6z"></path><path d="M9 12l2 2 4-4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Nasnameya Verast</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Her endam bi pêbaweriya nasnameya welatî ya li ser zincîrê tê verastkirin — yek hemwelatî, yek deng.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(14,203,129,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#0ECB81" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="10" rx="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Dengê Neguherbar</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Her deng li ser Pezkuwi Chain tê tomarkirin. Tu deng nayê guhertin, jêbirin an dubarekirin.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(0,204,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#00CC00" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Şefafiyeta Tam</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Hemû sesyon, pêşniyar û encam ji raya giştî re vekirî ne. Tomarên gel her dem têne kontrolkirin.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.5"></circle><circle cx="5" cy="19" r="2.5"></circle><circle cx="19" cy="19" r="2.5"></circle><path d="M12 7.5v4M10 13l-3.5 3.5M14 13l3.5 3.5"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Birêvebirina Belavkirî</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Pêşniyar bi quorumê derbas dibin. Tu desthilatdariya navendî tune — gel biryarê dide.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TENDER FEATURES ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">Îhaleya Sêwiranê · Taybetmendiyên Pêwîst</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">Platforma ku parlament jê re hewce ye</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:600px;margin:14px auto 0;line-height:1.6;">Her tiştê parlamentoyek rastîn dike — niha bi tevahî dîjîtal û li ser zincîrê.</p>
|
||||
</div>
|
||||
|
||||
<!-- legislative pipeline -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:44px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">01 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Pêşniyar</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">Endam an hemwelatî pêşnûmeyê li ser zincîrê tomar dike.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">02 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Komîte</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">Komîteya têkildar dinirxîne û raporê amade dike.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">03 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Xwendin</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">Du xwendinên giştî di sesyona parlamentê de.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">04 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Dengdan</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">201 endam bi e-dengê verast deng didin.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">05 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Qanûn</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">Bi quoruma 101 derbas dibe û dibe qanûna neguherbar.</div></div>
|
||||
</div>
|
||||
|
||||
<!-- features grid -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">01</span><h3 style="font-size:16px;font-weight:600;margin:0;">Hemîsîkla Zindî</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Live Hemicycle</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">201 kursî, pêkhateya blokan û amadebûn rast-dem.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">02</span><h3 style="font-size:16px;font-weight:600;margin:0;">Qeyda Qanûnan</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Legislation Registry</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Hemû pêşnûme, guherto û qanûn li ser zincîrê têne tomarkirin.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">03</span><h3 style="font-size:16px;font-weight:600;margin:0;">E-Deng</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Secure E-Voting</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Dengdana ewle û neguherbar — yek endam, yek deng.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">04</span><h3 style="font-size:16px;font-weight:600;margin:0;">24 Komîte</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Committees</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Xebat, rapor û plansaziya rûniştinên komîteyan.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">05</span><h3 style="font-size:16px;font-weight:600;margin:0;">Xezîneya Şefaf</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Transparent Treasury</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Budce û her lêçûna welat bi giştî tê şopandin.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">06</span><h3 style="font-size:16px;font-weight:600;margin:0;">Destpêşxeriya Gel</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Citizen Initiatives</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Daxwazname û referandûmên hemwelatiyan.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">07</span><h3 style="foLine truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ STATS BAND ░░ -->
|
||||
<section id="endam" style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:linear-gradient(180deg,#0B0E12,#07090C);">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Kursiyên Welatî</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:var(--acc,#F0A500);">24</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Komîte</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">1,284,503</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Deng Hatine Tomarkirin</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">100%</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Li Ser Zincîrê</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ CTA ░░ -->
|
||||
<section style="max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(16px,4vw,48px);text-align:center;">
|
||||
<h2 style="font-size:clamp(28px,4.4vw,52px);font-weight:700;letter-spacing:-.02em;margin:0 0 18px;line-height:1.05;">Dengê te girîng e.<br><span style="color:var(--acc,#F0A500);">Beşdarî parlamentê bibe.</span></h2>
|
||||
<p style="font-size:17px;color:#8A95A4;max-width:520px;margin:0 auto 30px;line-height:1.6;">Nasnameya xwe verast bike, beşdarî sesyonan bibe û li ser pêşeroja Kurdistanê deng bide.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;">
|
||||
<a href="#" style="padding:14px 28px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:15px;font-weight:700;">Nasnameyê Verast Bike</a>
|
||||
<a href="#cawa" style="padding:14px 28px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:15px;font-weight:600;">Belgeyan Bixwîne</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ FOOTER ░░ -->
|
||||
<footer style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,56px) clamp(16px,4vw,48px);">
|
||||
<div style="display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;">
|
||||
<div>
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:32px;width:auto;margin-bottom:16px;">
|
||||
<p style="font-size:13px;color:#5A6475;line-height:1.6;max-width:280px;margin:0 0 14px;">Parlamenta Kurdistanê ya Dîjîtal — birêvebirina welatî ya li ser Pezkuwi Chain.</p>
|
||||
<div style="display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);">parliament.pex.mom</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Parlament</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#sesyon">Sesyon</a>
|
||||
<a href="#oylama">Dengdan</a>
|
||||
<a href="#endam">Endam</a>
|
||||
<a href="#">Komîte</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Zincîr</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Pezkuwi Chain</a>
|
||||
<a href="#">Token PEZ</a>
|
||||
<a href="#">Explorer</a>
|
||||
<a href="#">API</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Belge</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Destûra Bingehîn</a>
|
||||
<a href="#">Protokol</a>
|
||||
<a href="#">Şefafiyet</a>
|
||||
<a href="#">Pirs û Bersiv</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:36px;padding-top:22px;border-top:1px solid #2D3540;">
|
||||
<span style="font-size:12px;color:#5A6475;">© 2026 Pezkuwichain · Dîjîtal Kurdistan Parliament</span>
|
||||
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;display:inline-flex;align-items:center;gap:7px;"><span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>Tev li ser zincîrê · Verast</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
`;
|
||||
@@ -0,0 +1,427 @@
|
||||
export const HTML = `<div style="min-height:100vh;width:100%;overflow-x:hidden;position:relative;">
|
||||
|
||||
<!-- ░░ NAVBAR ░░ -->
|
||||
<header style="position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid #2D3540;background:rgba(7,9,12,.82);backdrop-filter:blur(10px);">
|
||||
<a href="#" style="display:flex;align-items:center;gap:12px;">
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:34px;width:auto;display:block;">
|
||||
<span style="display:none;"></span>
|
||||
</a>
|
||||
<nav style="display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;color:#8A95A4;">
|
||||
<a href="#sesyon" style="display:flex;align-items:center;gap:6px;">Oturumlar</a>
|
||||
<a href="#oylama">Oylama</a>
|
||||
<a href="#cawa">Nasıl Çalışır</a>
|
||||
<a href="#endam">Üyeler</a>
|
||||
<a href="#">Belgeler</a>
|
||||
</nav>
|
||||
<div style="display:flex;align-items:center;gap:14px;">
|
||||
<div style="display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;color:#8A95A4;letter-spacing:.04em;">
|
||||
<img src="/assembly/kurdistan-flag.svg" alt="" style="width:16px;height:11px;border-radius:1px;object-fit:cover;" onerror="this.style.display='none'">KU
|
||||
</div>
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:13px;font-weight:700;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#07090C;animation:pp-blink 1.4s ease-in-out infinite;"></span>
|
||||
Oturuma Devam Et
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ░░ HERO ░░ -->
|
||||
<section style="position:relative;padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);overflow:hidden;">
|
||||
|
||||
<div style="position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle at center, rgba(240,165,0,.5) 1px, transparent 1.4px);background-size:38px 38px;opacity:.10;animation:pp-drift 40s linear infinite;pointer-events:none;"></div>
|
||||
|
||||
<div style="position: absolute; top: -10%; right: -5%; width: 680px; height: 680px; border-radius: 50%; background: radial-gradient(circle, rgba(240, 165, 0, 0.1), transparent 62%); z-index: 0; pointer-events: none;"></div>
|
||||
<div style="position:absolute;bottom:-20%;left:-8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(0,204,0,.07), transparent 64%);z-index:0;pointer-events:none;"></div>
|
||||
|
||||
<div style="position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,64px);align-items:center;">
|
||||
<!-- left copy -->
|
||||
<div>
|
||||
<div style="display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(240,165,0,.35);border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,#F0A500);margin-bottom:24px;">
|
||||
<span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>
|
||||
Pezkuwichain · Dijital Demokrasi
|
||||
</div>
|
||||
<h1 style="font-size: clamp(34px,5vw,60px); line-height: 1.02; font-weight: 700; letter-spacing: -.02em; margin: 0 0 18px; display: flex">
|
||||
DİJİTAL <br><span style="color: var(--acc,#F0A500);">MECLİS</span>
|
||||
</h1>
|
||||
<div style="display:flex;flex-direction:column;gap:3px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.04em;color:#5A6475;text-transform:uppercase;margin-bottom:24px;">
|
||||
<span>DİJİTAL KÜRT MECLİSİ</span>
|
||||
<span>پەرلەمانی کوردی دیجیتاڵ</span>
|
||||
<span>Siber Doku Görünümü · Zincir-üstü Yönetişim</span>
|
||||
</div>
|
||||
<p style="font-size:16px;line-height:1.6;color:#8A95A4;max-width:460px;margin:0 0 30px;">
|
||||
201 sandalyeli ulusal meclis — tamamen zincir üstünde. Her oy, her öneri ve her oturum Pezkuwi Chain üzerinde değiştirilemez biçimde kaydedilir — açık, şeffaf ve doğrulanabilir.
|
||||
</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px;">
|
||||
<a href="#oylama" style="display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:14px;font-weight:700;">Oturuma Devam Et →</a>
|
||||
<a href="#cawa" style="display:inline-flex;align-items:center;padding:13px 24px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:14px;font-weight:600;">Nasıl Çalışır</a>
|
||||
</div>
|
||||
<div style="display:flex;gap:clamp(20px,3vw,44px);">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Doğrulanmış Üyeler</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">14</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Canlı Oturumlar</div>
|
||||
</div>
|
||||
<div style="width:1px;background:#2D3540;"></div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;">1.284.503</div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:2px;">Verilen Oylar</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- right: parliament hemicycle -->
|
||||
<div style="display:flex;justify-content:center;align-items:center;">
|
||||
<div style="position:relative;width:min(540px,86vw);aspect-ratio:1;">
|
||||
<!-- outer dashed brand ring -->
|
||||
<div style="position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(240,165,0,.28);animation:pp-spin 60s linear infinite;"></div>
|
||||
<!-- gold concentric label ring -->
|
||||
<div style="position:absolute;inset:3%;border-radius:50%;border:1px solid #2D3540;"></div>
|
||||
<!-- colored seat ring base -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from -45deg, rgba(255,34,34,.55) 0deg 90deg, rgba(255,215,0,.55) 90deg 180deg, rgba(0,204,0,.55) 180deg 270deg, rgba(240,165,0,.55) 270deg 360deg);"></div>
|
||||
<!-- radial seat ticks -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 0deg, rgba(7,9,12,.0) 0deg .55deg, rgba(7,9,12,.85) .55deg 1.9deg);mix-blend-mode:multiply;"></div>
|
||||
<!-- concentric seat rows -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle, transparent 0 13px, rgba(7,9,12,.6) 13px 14px);"></div>
|
||||
<!-- ring glow edge -->
|
||||
<div style="position:absolute;inset:8%;border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,.55), 0 0 60px rgba(240,165,0,.10);"></div>
|
||||
<!-- rotating scan ring -->
|
||||
<div style="position:absolute;inset:20%;border-radius:50%;border:1px solid transparent;border-top-color:rgba(240,165,0,.7);border-right-color:rgba(14,203,129,.4);animation:pp-spin-rev 14s linear infinite;"></div>
|
||||
<!-- inner well -->
|
||||
<div style="position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 50% 40%, #11161c, #07090C);border:1px solid #2D3540;display:grid;place-items:center;box-shadow:inset 0 0 40px rgba(0,0,0,.8);">
|
||||
<!-- Kurdistan Sun -->
|
||||
<div style="position:relative;width:62%;aspect-ratio:1;animation:pp-float 7s ease-in-out infinite;">
|
||||
<div style="position:absolute;inset:-14%;border-radius:50%;border:2px solid transparent;border-top-color:#00CC00;border-bottom-color:#00CC00;animation:pp-spin 6s linear infinite;"></div>
|
||||
<div style="position:absolute;inset:-4%;border-radius:50%;border:2px solid transparent;border-left-color:#FF2222;border-right-color:#FF2222;animation:pp-spin-rev 5s linear infinite;"></div>
|
||||
<svg viewBox="0 0 200 200" style="position:absolute;inset:0;width:100%;height:100%;animation:pp-pulse 3s ease-in-out infinite;">
|
||||
<g>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(0 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(17.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(34.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(51.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(68.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(85.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(102.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(120 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(137.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(154.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(171.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(188.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(205.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(222.86 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(240 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(257.14 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(274.28 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(291.43 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(308.57 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(325.71 100 100)"></line>
|
||||
<line x1="100" y1="100" x2="100" y2="26" stroke="rgba(255,215,0,.95)" stroke-width="3.4" stroke-linecap="round" transform="rotate(342.86 100 100)"></line>
|
||||
</g>
|
||||
<circle cx="100" cy="100" r="33" fill="#FFD700"></circle>
|
||||
<circle cx="100" cy="100" r="26" fill="#fff"></circle>
|
||||
<circle cx="100" cy="100" r="19" fill="#FFD700" style="animation:pp-glow 3s ease-in-out infinite;transform-origin:center;"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<!-- live badge floating -->
|
||||
<div style="position:absolute;top:6%;right:-2%;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#0F1318;border:1px solid #2D3540;border-radius:9999px;font-size:11px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
Genel Kurul · Canlı
|
||||
</div>
|
||||
<!-- quorum chip floating -->
|
||||
<div style="position:absolute;bottom:7%;left:-3%;padding:9px 13px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);">
|
||||
<div style="font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;">Yeter Sayı</div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;color:#0ECB81;">147 / 201</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TICKER ░░ -->
|
||||
<div style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:#0B0E12;overflow:hidden;">
|
||||
<div style="display:flex;align-items:center;gap:40px;padding:11px clamp(16px,4vw,48px);font-family:'JetBrains Mono',monospace;font-size:12px;color:#8A95A4;white-space:nowrap;overflow-x:auto;">
|
||||
<span style="color:var(--acc,#F0A500);font-weight:600;">CANLI ZİNCİR ›</span>
|
||||
<span>Blok #2,481,003</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Aktif Öneriler: <b style="color:#E8ECF0;">7</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Oy / 24s: <b style="color:#0ECB81;">+18,402</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Komiteler: <b style="color:#E8ECF0;">24</b></span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Token: <b style="color:#E8ECF0;">PEZ</b> · Egemen</span>
|
||||
<span style="color:#2D3540;">|</span>
|
||||
<span>Gas: <b style="color:#E8ECF0;">0.0001 PEZ</b></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ░░ COMPOSITION · 201 SEATS ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:center;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Meclis Kompozisyonu</div>
|
||||
<h2 style="font-size:clamp(24px,3.2vw,34px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">201 Sandalye · Gerçek Zamanlı</h2>
|
||||
<div id="khemi" style="position:relative;width:100%;max-width:760px;aspect-ratio:2/1;margin:0 auto;">
|
||||
<div data-mp="1" data-name="Zîlan Colemêrgî" data-bloc="Blok Yekîtî" data-region="Bölge: Êlih · Sıra #1" data-color="#0ECB81" style="position:absolute;left:3.06%;top:91.08%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Newroz Serhedî" data-bloc="Blok Yekîtî" data-region="Bölge: Dêrsim · Sıra #2" data-color="#0ECB81" style="position:absolute;left:3.58%;top:81.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Zinar Amêdî" data-bloc="Blok Yekîtî" data-region="Bölge: Kerkûk · Sıra #3" data-color="#0ECB81" style="position:absolute;left:4.60%;top:71.67%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Nûjîn Zaxoyî" data-bloc="Blok Yekîtî" data-region="Bölge: Efrîn · Sıra #4" data-color="#0ECB81" style="position:absolute;left:6.12%;top:62.31%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Mizgîn Garisî" data-bloc="Blok Yekîtî" data-region="Bölge: Amed · Sıra #5" data-color="#0ECB81" style="position:absolute;left:6.38%;top:91.27%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Serhat Botî" data-bloc="Blok Yekîtî" data-region="Bölge: Êlih · Sıra #6" data-color="#0ECB81" style="position:absolute;left:6.89%;top:81.86%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîlan Xerzî" data-bloc="Blok Yekîtî" data-region="Bölge: Dêrsim · Sıra #7" data-color="#0ECB81" style="position:absolute;left:7.90%;top:72.62%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Kawa Mizûrî" data-bloc="Blok Yekîtî" data-region="Bölge: Kerkûk · Sıra #8" data-color="#0ECB81" style="position:absolute;left:8.12%;top:53.32%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şoreş Dêrsimî" data-bloc="Blok Yekîtî" data-region="Bölge: Efrîn · Sıra #9" data-color="#0ECB81" style="position:absolute;left:9.42%;top:63.66%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şervan Efrînî" data-bloc="Blok Yekîtî" data-region="Bölge: Amed · Sıra #10" data-color="#0ECB81" style="position:absolute;left:9.69%;top:91.30%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Şîyar Hekarî" data-bloc="Blok Yekîtî" data-region="Bölge: Êlih · Sıra #11" data-color="#0ECB81" style="position:absolute;left:10.24%;top:81.98%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Azad Rihayî" data-bloc="Blok Yekîtî" data-region="Bölge: Dêrsim · Sıra #12" data-color="#0ECB81" style="position:absolute;left:10.58%;top:44.80%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Evîn Silêvî" data-bloc="Blok Yekîtî" data-region="Bölge: Kerkûk · Sıra #13" data-color="#0ECB81" style="position:absolute;left:11.32%;top:72.84%;width:clamp(6px,1vw,10px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0ECB81;box-shadow:0 0 6px #0ECB81;cursor:pointer;transition:transform .12s ease;"></div><div data-mp="1" data-name="Arîn Koçer" data-bloc="Blok Yekîtî" data-region="Bölge: Efrîn · Sıra #14" data-color="#0ECB81" style="position:absolute;left:11.40%;top:55.07%;Line truncated
|
||||
<div style="position:absolute;left:50%;bottom:1%;transform:translateX(-50%);text-align:center;pointer-events:none;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(28px,5vw,46px);font-weight:600;line-height:1;">201</div>
|
||||
<div style="font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5A6475;margin-top:5px;">Kursî</div>
|
||||
</div>
|
||||
<div id="khemi-tip" style="position:absolute;display:none;z-index:40;pointer-events:none;transform:translate(-50%,-100%);background:#1E242D;border:1px solid #3D4756;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.6);min-width:170px;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">
|
||||
<span data-tdot="1" style="width:9px;height:9px;border-radius:50%;background:#888;flex-shrink:0;"></span>
|
||||
<span data-tname="1" style="font-size:14px;font-weight:600;color:#E8ECF0;">—</span>
|
||||
</div>
|
||||
<div data-tbloc="1" style="font-size:12px;color:#8A95A4;margin-left:17px;">—</div>
|
||||
<div data-tregion="1" style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;margin-left:17px;margin-top:2px;">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size:15px;color:#8A95A4;line-height:1.6;margin:0 0 22px;">Her sandalye doğrulanmış bir vatandaş kimliğine sahiptir. Blok dağılımı, katılım ve oylama zincir üstünde gerçek zamanlı görülür.</p>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#0ECB81;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Yekîtî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">64</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F0A500;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Azadî</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">52</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#F6465D;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Welat</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">44</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#FFD700;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Jin û Jiyan</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">25</span></div><div style="display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0F1318;border:1px solid #2D3540;border-radius:10px;"><span style="width:11px;height:11px;border-radius:3px;background:#8A95A4;flex-shrink:0;"></span><span style="flex:1;font-size:14px;font-weight:500;">Serbixwe</span><span style="font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;">16</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ LIVE SESSIONS + ACTIVITY ░░ -->
|
||||
<section id="sesyon" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;">
|
||||
<div>
|
||||
<div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Canlı Oturumlar</div>
|
||||
<h2 style="font-size:clamp(24px,3vw,30px);font-weight:700;margin:0;letter-spacing:-.01em;">Canlı Oturumlar</h2>
|
||||
</div>
|
||||
<a href="#" style="font-size:13px;color:#8A95A4;">Tümü →</a>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">CANLI</span>
|
||||
<span style="font-size:15px;font-weight:600;">Haftalık Genel Kurul</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Genel Kurul · 2026 Bütçesi görüşülüyor</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">312</div>
|
||||
<div style="font-size:11px;color:#5A6475;">izleyici</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(246,70,93,.12);display:grid;place-items:center;flex-shrink:0;">
|
||||
<span style="width:9px;height:9px;border-radius:50%;background:#F6465D;animation:pp-blink 1.2s infinite;"></span>
|
||||
</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:#F6465D;border:1px solid rgba(246,70,93,.4);border-radius:4px;padding:1px 6px;">CANLI</span>
|
||||
<span style="font-size:15px;font-weight:600;">Ekonomi Komitesi</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Ekonomi Komitesi · Şeffaflık standardı</div>
|
||||
</div>
|
||||
<div style="text-align:right;flex-shrink:0;">
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;">87</div>
|
||||
<div style="font-size:11px;color:#5A6475;">izleyici</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:16px;padding:18px;background:#0F1318;border:1px solid #2D3540;border-radius:12px;">
|
||||
<div style="width:46px;height:46px;border-radius:10px;background:rgba(240,165,0,.10);display:grid;place-items:center;flex-shrink:0;color:var(--acc,#F0A500);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;">25′</div>
|
||||
<div style="flex:1;min-width:0;">
|
||||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
|
||||
<span style="font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--acc,#F0A500);border:1px solid rgba(240,165,0,.4);border-radius:4px;padding:1px 6px;">BAŞLAYACAK</span>
|
||||
<span style="font-size:15px;font-weight:600;">Kamu Dinlemesi: Enerji</span>
|
||||
</div>
|
||||
<div style="font-size:13px;color:#8A95A4;">Kamu Dinlemesi · Vatandaş katılımına açık</div>
|
||||
</div>
|
||||
<a href="#" style="flex-shrink:0;font-size:12px;font-weight:600;padding:7px 12px;border:1px solid #2D3540;border-radius:7px;color:#E8ECF0;">Hatırlat</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- member activity -->
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:6px;">Üye Etkinliği</div>
|
||||
<h2 style="font-size:clamp(20px,2.4vw,24px);font-weight:700;margin:0 0 22px;letter-spacing:-.01em;">Üye Etkinliği</h2>
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:6px 0;">
|
||||
<div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">RZ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Rojîn Zêbarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">yeni öneri oluşturdu · #PZ-0481</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">şimdi</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">DH</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Dîlan Hekarî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">oy verdi · EVET</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">2g</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FF2222;">SC</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Serhat Cizîrî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">oturumda konuştu</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">5g</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#FFD700;">BA</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Berfîn Amêdî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">oy verdi · HAYIR</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">11g</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#0ECB81;">AK</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Azad Koçer</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">komiteye katıldı</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">18g</div></div><div style="display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(45,53,64,.5);"><div style="width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#07090C;flex-shrink:0;background:#F0A500;">HŞ</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Helîn Şengalî</div><div style="font-size:12px;color:#8A95A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">öneri onayladı</div></div><div style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;flex-shrink:0;">24g</div></div>
|
||||
<div style="padding:13px 16px;text-align:center;">
|
||||
<a href="#endam" style="font-size:12px;color:#8A95A4;">Tüm etkinlik →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ ACTIVE VOTES ░░ -->
|
||||
<section id="oylama" style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px;">
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">Aktif Oylamalar</div>
|
||||
<h2 style="font-size:clamp(26px,3.4vw,38px);font-weight:700;margin:0;letter-spacing:-.02em;">Açık Öneriler</h2>
|
||||
<p style="font-size:15px;color:#8A95A4;margin:10px 0 0;max-width:520px;">Her oy zincir üstünde imzalanır. <b style="color:#0ECB81;">DENG</b> onaylamak için, <b style="color:var(--acc,#F0A500);">RONAHÎ</b> reddetmek için.</p>
|
||||
</div>
|
||||
<div style="display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;padding:8px 14px;border:1px solid #2D3540;border-radius:8px;">
|
||||
<span style="width:7px;height:7px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>7 canlı öneri
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">CANLI</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 6s 12d</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0481</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">Zincir-üstü Ulusal Kimlik Protokolü</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">Tüm meclis üyelerini doğrulamak için zincir-üstü kimlik sistemi.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">EVET 64%</span><span style="color:var(--acc,#F0A500);">HAYIR 36%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:64%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">84.210 oy</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">Oy Ver</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#0ECB81;background:rgba(14,203,129,.12);">CANLI</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 1g 4s</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0479</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">Kürtçe Dil Destek Fonu</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">Kurmancî ve Soranî dijital arşivi ve eğitimi için 12M PEZ yatırımı.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">EVET 81%</span><span style="color:var(--acc,#F0A500);">HAYIR 19%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:81%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;"><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">51.902 oy</span><a href="#" style="display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 18px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;">Oy Ver</a></div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;display:flex;flex-direction:column;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;"><span style="font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;color:#F0A500;background:rgba(240,165,0,.12);">KAPANIYOR</span><span style="font-family:'JetBrains Mono',monospace;font-size:12px;color:#5A6475;">⏳ 48d</span></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;color:#5A6475;margin-bottom:6px;">#PZ-0476</div><h3 style="font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.25;">Zincir Mali Şeffaflık Standardı</h3><p style="font-size:13px;color:#8A95A4;margin:0 0 18px;line-height:1.5;flex:1;">Tüm hazine kayıtları Pezkuwi Chain üzerinde kamuya açık yayımlanacak.</p><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:7px;"><span style="color:#0ECB81;">EVET 47%</span><span style="color:var(--acc,#F0A500);">HAYIR 53%</span></div><div style="height:9px;border-radius:9999px;background:#181D24;overflow:hidden;display:flex;"><div style="height:100%;background:#0ECB81;transform-origin:left;animation:pp-grow .9s cubic-bezier(.16,1,.3,1) both;width:47%;"></div><div style="height:100%;background:var(--acc,#F0A500);flex:1;opacity:.85;"></div></div><div style="displLine truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ HOW IT WORKS ░░ -->
|
||||
<section id="cawa" style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">Nasıl Çalışır</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">Zincir üstünde demokrasi</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:560px;margin:14px auto 0;line-height:1.6;">Dört ilke Kürdistan'ın dijital yönetimini yürütür — her zaman doğrulanmış, değiştirilemez ve açık.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;">
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 4v5c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V6z"></path><path d="M9 12l2 2 4-4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Doğrulanmış Kimlik</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Her üye zincir üstü vatandaş kimliğiyle doğrulanır — bir vatandaş, bir oy.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(14,203,129,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#0ECB81" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="10" rx="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Değiştirilemez Oy</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Her oy Pezkuwi Chain'e kaydedilir. Hiçbir oy değiştirilemez, silinemez veya tekrarlanamaz.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(0,204,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#00CC00" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Tam Şeffaflık</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Tüm oturumlar, öneriler ve sonuçlar kamuya açıktır. Kamu kayıtları her zaman denetlenebilir.</p>
|
||||
</div>
|
||||
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:26px;">
|
||||
<div style="width:44px;height:44px;border-radius:11px;background:rgba(240,165,0,.10);display:grid;place-items:center;margin-bottom:18px;">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--acc,#F0A500)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.5"></circle><circle cx="5" cy="19" r="2.5"></circle><circle cx="19" cy="19" r="2.5"></circle><path d="M12 7.5v4M10 13l-3.5 3.5M14 13l3.5 3.5"></path></svg>
|
||||
</div>
|
||||
<h3 style="font-size:17px;font-weight:600;margin:0 0 8px;">Dağıtık Yönetişim</h3>
|
||||
<p style="font-size:14px;color:#8A95A4;line-height:1.6;margin:0;">Öneriler yeter sayıyla geçer. Merkezi otorite yoktur — halk karar verir.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ TENDER FEATURES ░░ -->
|
||||
<section style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,48px);">
|
||||
<div style="text-align:center;margin-bottom:44px;">
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc,#F0A500);font-weight:600;margin-bottom:8px;">Tasarım İhalesi · Gerekli Özellikler</div>
|
||||
<h2 style="font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em;">Bir meclisin ihtiyaç duyduğu platform</h2>
|
||||
<p style="font-size:16px;color:#8A95A4;max-width:600px;margin:14px auto 0;line-height:1.6;">Gerçek bir meclisin yaptığı her şey — artık tamamen dijital ve zincir üstünde.</p>
|
||||
</div>
|
||||
|
||||
<!-- legislative pipeline -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:44px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">01 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Öneri</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">Bir üye ya da vatandaş taslağı zincire kaydeder.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">02 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Komite</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">İlgili komite inceler ve rapor hazırlar.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">03 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Okuma</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">Meclis oturumunda iki kamu okuması.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">04 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Oylama</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">201 üye doğrulanmış e-oyla oy verir.</div></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:12px;padding:18px;"><div style="font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);margin-bottom:8px;">05 →</div><div style="font-size:15px;font-weight:600;margin-bottom:5px;">Yasa</div><div style="font-size:12px;color:#8A95A4;line-height:1.5;">101 yeter sayıyla geçer ve değiştirilemez yasa olur.</div></div>
|
||||
</div>
|
||||
|
||||
<!-- features grid -->
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;">
|
||||
<div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">01</span><h3 style="font-size:16px;font-weight:600;margin:0;">Canlı Hemisikl</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Live Hemicycle</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">201 sandalye, blok kompozisyonu ve katılım gerçek zamanlı.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">02</span><h3 style="font-size:16px;font-weight:600;margin:0;">Mevzuat Kaydı</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Legislation Registry</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Tüm taslaklar, sürümler ve yasalar zincire kaydedilir.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">03</span><h3 style="font-size:16px;font-weight:600;margin:0;">Güvenli E-Oylama</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Secure E-Voting</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Güvenli, değiştirilemez oylama — bir üye, bir oy.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">04</span><h3 style="font-size:16px;font-weight:600;margin:0;">24 Komite</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Committees</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Komite toplantılarının çalışması, raporu ve planlaması.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">05</span><h3 style="font-size:16px;font-weight:600;margin:0;">Şeffaf Hazine</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Transparent Treasury</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Bütçe ve her ulusal harcama kamuya açık izlenir.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">06</span><h3 style="font-size:16px;font-weight:600;margin:0;">Vatandaş Girişimleri</h3></div><div style="font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5A6475;margin-bottom:8px;">Citizen Initiatives</div><p style="font-size:13px;color:#8A95A4;line-height:1.6;margin:0;">Vatandaş dilekçeleri ve referandumları.</p></div><div style="background:#0F1318;border:1px solid #2D3540;border-radius:14px;padding:22px;"><div style="display:flex;align-items:center;gap:11px;margin-bottom:12px;"><span style="font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#07090C;background:var(--acc,#F0A500);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;">07</sLine truncated
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ STATS BAND ░░ -->
|
||||
<section id="endam" style="border-top:1px solid #2D3540;border-bottom:1px solid #2D3540;background:linear-gradient(180deg,#0B0E12,#07090C);">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;">
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">201</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Ulusal Sandalyeler</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:var(--acc,#F0A500);">24</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Komiteler</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;color:#0ECB81;">1.284.503</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Kaydedilen Oylar</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-family:'JetBrains Mono',monospace;font-size:clamp(30px,4vw,44px);font-weight:600;font-variant-numeric:tabular-nums;">100%</div>
|
||||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5A6475;margin-top:6px;">Zincir Üstünde</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ CTA ░░ -->
|
||||
<section style="max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(16px,4vw,48px);text-align:center;">
|
||||
<h2 style="font-size:clamp(28px,4.4vw,52px);font-weight:700;letter-spacing:-.02em;margin:0 0 18px;line-height:1.05;">Senin oyun önemli.<br><span style="color:var(--acc,#F0A500);">Meclise katıl.</span></h2>
|
||||
<p style="font-size:17px;color:#8A95A4;max-width:520px;margin:0 auto 30px;line-height:1.6;">Kimliğini doğrula, oturumlara katıl ve Kürdistan'ın geleceği için oy ver.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;">
|
||||
<a href="#" style="padding:14px 28px;border-radius:8px;background:var(--acc,#F0A500);color:#07090C;font-size:15px;font-weight:700;">Kimliği Doğrula</a>
|
||||
<a href="#cawa" style="padding:14px 28px;border-radius:8px;border:1px solid #2D3540;color:#E8ECF0;font-size:15px;font-weight:600;">Belgelerleri Oku</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ░░ FOOTER ░░ -->
|
||||
<footer style="border-top:1px solid #2D3540;background:#0B0E12;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,56px) clamp(16px,4vw,48px);">
|
||||
<div style="display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;">
|
||||
<div>
|
||||
<img src="/assembly/PezkuwiChain_Horizontal.png" alt="Pezkuwichain" style="height:32px;width:auto;margin-bottom:16px;">
|
||||
<p style="font-size:13px;color:#5A6475;line-height:1.6;max-width:280px;margin:0 0 14px;">Kürdistan'ın Dijital Meclisi — Pezkuwi Chain üzerinde ulusal yönetişim.</p>
|
||||
<div style="display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc,#F0A500);">parliament.pex.mom</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Meclis</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#sesyon">Oturumlar</a>
|
||||
<a href="#oylama">Oylama</a>
|
||||
<a href="#endam">Üyeler</a>
|
||||
<a href="#">Komiteler</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Zincir</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Pezkuwi Chain</a>
|
||||
<a href="#">Token PEZ</a>
|
||||
<a href="#">Explorer</a>
|
||||
<a href="#">API</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8ECF0;font-weight:600;margin-bottom:14px;">Belgeler</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8A95A4;">
|
||||
<a href="#">Anayasa</a>
|
||||
<a href="#">Protokol</a>
|
||||
<a href="#">Şeffaflık</a>
|
||||
<a href="#">SSS</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:36px;padding-top:22px;border-top:1px solid #2D3540;">
|
||||
<span style="font-size:12px;color:#5A6475;">© 2026 Pezkuwichain · Dijital Kürdistan Meclisi</span>
|
||||
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:#5A6475;display:inline-flex;align-items:center;gap:7px;"><span style="width:6px;height:6px;border-radius:50%;background:#0ECB81;box-shadow:0 0 8px #0ECB81;"></span>Tümü zincir üstünde · Doğrulanmış</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
`;
|
||||
Reference in new issue
Block a user