Community News Hub<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Source+Sans+3:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n html, body { height: 100%; margin: 0; }\n .font-display { font-family: 'Archivo Black', sans-serif; }\n .font-body { font-family: 'Source Sans 3', sans-serif; }\n .block-animate { animation: blockSlide 0.6s cubic-bezier(0.22, 1, 0.36, 1) both; }\n @keyframes blockSlide {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .stagger-1 { animation-delay: 0.1s; }\n .stagger-2 { animation-delay: 0.2s; }\n .stagger-3 { animation-delay: 0.3s; }\n .stagger-4 { animation-delay: 0.4s; }\n .stagger-5 { animation-delay: 0.5s; }\n .stagger-6 { animation-delay: 0.6s; }\n .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.15); }\n .card-expanded { max-height: 500px; overflow: auto; }\n .card-collapsed { max-height: 280px; overflow: hidden; }\n .ticker-scroll {\n animation: tickerMove 25s linear infinite;\n }\n @keyframes tickerMove {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full font-body\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background-color: #ffffff;\">\n <div id=\"ticker-bar\" class=\"w-full overflow-hidden relative\" style=\"background-color: #1B6B3A; height: 40px;\">\n <div class=\"ticker-scroll flex items-center h-full whitespace-nowrap\"><span class=\"text-white text-sm font-semibold px-8\">\u26a1 Markets rally as tech stocks surge 3.2%<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83c\udf0d Global climate summit reaches historic agreement<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83c\udfc6 National team advances to championship finals<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83d\ude80 Space agency announces new lunar mission for 2026<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83d\udcf1 Tech giant unveils revolutionary AI assistant<\/span> <span class=\"text-white text-sm font-semibold px-8\">\u26a1 Markets rally as tech stocks surge 3.2%<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83c\udf0d Global climate summit reaches historic agreement<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83c\udfc6 National team advances to championship finals<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83d\ude80 Space agency announces new lunar mission for 2026<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83d\udcf1 Tech giant unveils revolutionary AI assistant<\/span>\n <\/div>\n <\/div>\n <header class=\"w-full block-animate\" style=\"background-color: #ffffff;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center justify-between\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-lg flex items-center justify-center\" style=\"background-color: #E8651A;\"><i data-lucide=\"newspaper\" class=\"w-5 h-5 text-white\"><\/i>\n <\/div>\n <div>\n <h1 id=\"site-title\" class=\"font-display text-xl sm:text-2xl tracking-tight\" style=\"color: #1B6B3A;\">CIVIC HUB<\/h1>\n <p class=\"text-xs font-semibold tracking-widest uppercase\" style=\"color: #E8651A;\">Civic Engagement<\/p>\n <\/div>\n <\/div>\n <nav class=\"hidden md:flex items-center gap-6\"><button onclick=\"showPage('blogs')\" class=\"text-sm font-semibold hover:opacity-70 transition-opacity\" style=\"color: #1B6B3A;\">Blogs<\/button> <button onclick=\"showPage('events')\" class=\"text-sm font-semibold hover:opacity-70 transition-opacity\" style=\"color: #1B6B3A;\">Events<\/button>\n <\/nav><button id=\"mobile-menu-btn\" class=\"md:hidden p-2 rounded-lg\" style=\"color: #1B6B3A;\" onclick=\"document.getElementById('mobile-nav').classList.toggle('hidden')\"> <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i> <\/button>\n <\/div>\n <div id=\"mobile-nav\" class=\"hidden md:hidden px-4 pb-4\">\n <div class=\"flex flex-col gap-2\"><button onclick=\"showPage('blogs')\" class=\"text-sm font-semibold py-2 px-3 rounded-lg\" style=\"color: #1B6B3A;\">Blogs<\/button> <button onclick=\"showPage('events')\" class=\"text-sm font-semibold py-2 px-3 rounded-lg\" style=\"color: #1B6B3A;\">Events<\/button>\n <\/div>\n <\/div>\n <div class=\"w-full h-1\" style=\"background: linear-gradient(90deg, #1B6B3A 33%, #E8651A 33%, #E8651A 66%, #1B6B3A 66%);\"><\/div>\n <\/header>\n <div class=\"w-full block-animate stagger-1\" style=\"background-color: #E8651A;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-3 flex items-center gap-3\"><span id=\"breaking-label\" class=\"font-display text-xs sm:text-sm tracking-wider text-white bg-white\/20 px-3 py-1 rounded-full\">CIVIC UPDATE<\/span>\n <p class=\"text-white text-sm sm:text-base font-semibold truncate\">Check out our upcoming town halls and community forums to learn about local governance initiatives!<\/p>\n <\/div>\n <\/div>\n <section class=\"w-full block-animate stagger-2\" style=\"background-color: #1B6B3A;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-10 sm:py-16\">\n <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-6\">\n <div class=\"lg:col-span-3 flex flex-col justify-center\"><span class=\"inline-block text-xs font-bold tracking-widest uppercase mb-4 px-3 py-1 rounded-full w-fit\" style=\"background-color: #E8651A; color: #ffffff;\">Youth Empowerment<\/span>\n <h2 id=\"hero-headline\" class=\"font-display text-3xl sm:text-4xl lg:text-5xl text-white leading-tight mb-4\">176 Community Members Gather for Youth Baraza on Accountability<\/h2>\n <p id=\"hero-subtext\" class=\"text-white\/80 text-lg sm:text-xl leading-relaxed mb-6\">On March 4th, 2026, Retizen Organization convened a transformative youth-led baraza at Elude Kipchoge Complex. Young people engaged directly with government officials including the Assistant OCS and Nyota Fund Officer to discuss youth empowerment, access to government grants, technical training opportunities, and responsible civic engagement. With 176 participants, the event created a powerful platform for dialogue and community accountability.<\/p>\n <div class=\"flex items-center gap-4\">\n <div class=\"w-10 h-10 rounded-full flex items-center justify-center\" style=\"background-color: #E8651A;\"><span class=\"text-white text-sm font-bold\">RO<\/span>\n <\/div>\n <div>\n <p class=\"text-white font-semibold text-sm\">Retizen Organization<\/p>\n <p class=\"text-white\/60 text-xs\">www.retizen.org \u00b7 +254790603437<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lg:col-span-2 rounded-2xl overflow-hidden\" style=\"background: linear-gradient(135deg, #E8651A 0%, #c7520f 100%); min-height: 250px;\">\n <div class=\"h-full flex flex-col items-center justify-center p-8 text-center\">\n <svg width=\"80\" height=\"80\" viewbox=\"0 0 80 80\" fill=\"none\" class=\"mb-4 opacity-90\"><circle cx=\"40\" cy=\"40\" r=\"35\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M40 10 L55 55 L25 55 Z\" stroke=\"white\" stroke-width=\"2\" fill=\"white\" opacity=\"0.3\" \/> <circle cx=\"25\" cy=\"30\" r=\"3\" fill=\"white\" \/> <circle cx=\"55\" cy=\"30\" r=\"3\" fill=\"white\" \/> <circle cx=\"40\" cy=\"70\" r=\"3\" fill=\"white\" \/> <path d=\"M25 30 L40 70 L55 30\" stroke=\"white\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.6\" \/>\n <\/svg>\n <p class=\"text-white font-display text-lg\">OUR IMPACT<\/p>\n <p class=\"text-white\/70 text-sm mt-1\">Building Stronger Communities<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <div class=\"w-full\" style=\"background-color: #f0f7f2;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-between\">\n <p class=\"text-sm font-semibold\" style=\"color: #1B6B3A;\"><i data-lucide=\"calendar\" class=\"w-4 h-4 inline-block mr-1 align-text-bottom\"><\/i> <span id=\"current-date\"><\/span><\/p>\n <p class=\"text-xs font-semibold\" style=\"color: #E8651A;\"><i data-lucide=\"trending-up\" class=\"w-4 h-4 inline-block mr-1 align-text-bottom\"><\/i> Trending Now<\/p>\n <\/div>\n <\/div>\n <div id=\"page-blogs\" class=\"w-full\">\n <section class=\"w-full\" style=\"background-color: #ffffff;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8 sm:py-12\">\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <article class=\"block-animate stagger-2 hover-lift rounded-2xl overflow-hidden card-collapsed\" style=\"background-color: #E8651A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Education<\/span>\n <h3 class=\"font-display text-xl text-white mt-3 mb-3 leading-snug\">New Scholarship Program Opens Doors for 200 Local Students<\/h3>\n <p class=\"text-white\/75 text-sm leading-relaxed mb-4\">Thanks to community donors and partnerships, first-generation students can now access quality education and career development programs. This initiative has transformed the lives of hundreds of young people in our community.<\/p>\n <div class=\"hidden expanded-content text-white\/75 text-sm leading-relaxed mb-4\">\n Additional opportunities include mentorship programs, internships, and networking events with industry leaders. Students gain not just financial support but also valuable guidance for their future careers.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-white\/60 text-xs font-semibold\">5 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\/70\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-3 hover-lift rounded-2xl overflow-hidden border-2 card-collapsed\" style=\"background-color: #ffffff; border-color: #1B6B3A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #E8651A;\">Volunteerism<\/span>\n <h3 class=\"font-display text-xl mt-3 mb-3 leading-snug\" style=\"color: #1B6B3A;\">500 Volunteers Transform Park in Record Community Effort<\/h3>\n <p class=\"text-sm leading-relaxed mb-4\" style=\"color: #444;\">In just one weekend, neighbors came together to renovate the Central Park recreation area with new gardens and facilities for all ages.<\/p>\n <div class=\"hidden expanded-content text-sm leading-relaxed mb-4\" style=\"color: #444;\">\n The transformation included new playground equipment, native plant gardens, walking trails, and a community gathering space. Local businesses donated materials and volunteers contributed over 2,000 hours of labor.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-xs font-semibold\" style=\"color: #888;\">4 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5\" style=\"color: #1B6B3A;\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-4 hover-lift rounded-2xl overflow-hidden card-collapsed\" style=\"background-color: #1B6B3A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Health & Wellness<\/span>\n <h3 class=\"font-display text-xl text-white mt-3 mb-3 leading-snug\">Free Health Clinic Reaches 1,000 Residents This Month<\/h3>\n <p class=\"text-white\/75 text-sm leading-relaxed mb-4\">Community health workers and medical volunteers provide free preventative care, screenings, and wellness consultations to underserved neighborhoods.<\/p>\n <div class=\"hidden expanded-content text-white\/75 text-sm leading-relaxed mb-4\">\n Services include blood pressure checks, diabetes screening, nutrition counseling, and mental health support. The clinic operates every Saturday and is staffed entirely by volunteers.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-white\/60 text-xs font-semibold\">6 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\/70\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-4 hover-lift rounded-2xl overflow-hidden card-collapsed\" style=\"background-color: #1B6B3A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Food Security<\/span>\n <h3 class=\"font-display text-xl text-white mt-3 mb-3 leading-snug\">Community Garden Doubles Production to Feed 300 Families<\/h3>\n <p class=\"text-white\/75 text-sm leading-relaxed mb-4\">Expansion of urban farming initiative provides fresh, affordable produce while teaching sustainable agriculture practices to youth and adults.<\/p>\n <div class=\"hidden expanded-content text-white\/75 text-sm leading-relaxed mb-4\">\n The expanded garden now includes raised beds for 50 new plots, composting facilities, and a greenhouse for year-round growing. Participants learn about organic farming and can take home weekly harvests.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-white\/60 text-xs font-semibold\">4 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\/70\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-5 hover-lift rounded-2xl overflow-hidden card-collapsed\" style=\"background-color: #E8651A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Arts & Culture<\/span>\n <h3 class=\"font-display text-xl text-white mt-3 mb-3 leading-snug\">Community Arts Festival Celebrates Local Creative Talent<\/h3>\n <p class=\"text-white\/75 text-sm leading-relaxed mb-4\">This year’s festival features over 100 local artists, musicians, and performers showcasing the vibrant cultural heritage of our neighborhood.<\/p>\n <div class=\"hidden expanded-content text-white\/75 text-sm leading-relaxed mb-4\">\n The festival spans three days with live music, art exhibitions, theater performances, workshops, and cultural food stalls. Entry is free for all community members and families.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-white\/60 text-xs font-semibold\">3 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\/70\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-6 hover-lift rounded-2xl overflow-hidden border-2 card-collapsed\" style=\"background-color: #ffffff; border-color: #E8651A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #1B6B3A;\">Community News<\/span>\n <h3 class=\"font-display text-xl mt-3 mb-3 leading-snug\" style=\"color: #1B6B3A;\">Neighborhood Safety Initiative Launches New Youth Mentor Program<\/h3>\n <p class=\"text-sm leading-relaxed mb-4\" style=\"color: #444;\">Local leaders partner with schools to create mentoring opportunities, building trust and strengthening the bonds between all community members.<\/p>\n <div class=\"hidden expanded-content text-sm leading-relaxed mb-4\" style=\"color: #444;\">\n The program pairs experienced mentors with youth to provide guidance on education, career development, and personal growth. Mentors receive training and support to ensure meaningful connections.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-xs font-semibold\" style=\"color: #888;\">5 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5\" style=\"color: #E8651A;\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"w-full block-animate stagger-5\" style=\"background-color: #ffffff;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8 sm:py-12\">\n <div class=\"text-center mb-8 sm:mb-12\">\n <h2 class=\"font-display text-2xl sm:text-3xl mb-3\" style=\"color: #1B6B3A;\">Latest News & Insights<\/h2>\n <p class=\"text-base sm:text-lg\" style=\"color: #666;\">Stories, updates, and insights on youth and women civic engagement across communities.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"block-animate stagger-3 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #ffffff; border: 2px solid #E8651A;\" data-blog-expanded=\"false\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Youth participation\" class=\"w-full h-40 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #f97316 0%, #ea580c 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #E8651A;\">Youth Engagement<\/span>\n <h3 class=\"font-display text-lg mt-2 mb-3\" style=\"color: #1B6B3A;\">Empowering Young Voices in Civic Participation<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview\" style=\"color: #666;\">Young people are increasingly shaping conversations around governance, community development, and digital civic participation.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4\" style=\"color: #666;\">\n Young people are increasingly shaping conversations around governance, community development, and digital civic participation. Through grassroots organizing and digital activism, youth are making their voices heard on issues that matter most to them. They’re demanding accountability, transparency, and a seat at the table in decision-making processes that affect their futures.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold\" style=\"color: #1B6B3A; background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate stagger-4 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #1B6B3A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-green-600 to-green-700 h-40 flex items-center justify-center\"><i data-lucide=\"crown\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Women Leadership<\/span>\n <h3 class=\"font-display text-lg text-white mt-2 mb-3\">Women Leading Change in Community Development<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview text-white\/75\">Women leaders are shaping stronger communities by driving initiatives that promote inclusion, transparency, and social impact.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4 text-white\/75\">\n Women leaders are shaping stronger communities by driving initiatives that promote inclusion, transparency, and social impact. From grassroots activism to policy advocacy, women are breaking barriers and creating meaningful change. Their leadership brings new perspectives, collaborative problem-solving, and a commitment to building communities where everyone’s voice matters.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold text-white\" style=\"background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate stagger-4 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #1B6B3A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-green-600 to-green-700 h-40 flex items-center justify-center\"><i data-lucide=\"crown\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Women Leadership<\/span>\n <h3 class=\"font-display text-lg text-white mt-2 mb-3\">Women Leading Change in Community Development<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview text-white\/75\">Women leaders are shaping stronger communities by driving initiatives that promote inclusion, transparency, and social impact.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4 text-white\/75\">\n Women leaders are shaping stronger communities by driving initiatives that promote inclusion, transparency, and social impact. From grassroots activism to policy advocacy, women are breaking barriers and creating meaningful change. Their leadership brings new perspectives, collaborative problem-solving, and a commitment to building communities where everyone’s voice matters.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold text-white\" style=\"background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate stagger-5 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #ffffff; border: 2px solid #1B6B3A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-green-500 to-green-600 h-40 flex items-center justify-center\"><i data-lucide=\"zap\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #1B6B3A;\">Civic Technology<\/span>\n <h3 class=\"font-display text-lg mt-2 mb-3\" style=\"color: #1B6B3A;\">How Technology is Transforming Civic Engagement<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview\" style=\"color: #666;\">Digital platforms are opening new pathways for citizens to participate in governance and community problem-solving.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4\" style=\"color: #666;\">\n Digital platforms are opening new pathways for citizens to participate in governance and community problem-solving. Mobile apps, online forums, and data visualization tools are making it easier for residents to report issues, track government progress, and collaborate on solutions. Technology is breaking down barriers and democratizing civic participation like never before.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold\" style=\"color: #E8651A; background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate stagger-6 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #ffffff; border: 2px solid #E8651A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-orange-400 to-orange-600 h-40 flex items-center justify-center\"><i data-lucide=\"trending-up\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #E8651A;\">Civic Engagement<\/span>\n <h3 class=\"font-display text-lg mt-2 mb-3\" style=\"color: #1B6B3A;\">The Future of Civic Engagement: Youth and Women Leading the Way<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview\" style=\"color: #666;\">Youth and women are shaping the future of civic participation through leadership, innovation, and community activism.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4\" style=\"color: #666;\">\n The future of civic engagement is being shaped by emerging leaders who are committed to building inclusive and accountable communities. Across communities, young leaders and women activists are organizing initiatives that address governance transparency, economic empowerment, education, and social justice. Their work demonstrates that civic engagement is evolving beyond traditional participation methods. Today’s civic leaders are combining grassroots mobilization with digital technology to expand their reach and impact. As more citizens become involved in civic processes, communities become stronger, more transparent, and better prepared to address future challenges.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold\" style=\"color: #1B6B3A; background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #1B6B3A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-green-600 to-green-700 h-40 flex items-center justify-center\"><i data-lucide=\"users\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Youth Leadership<\/span>\n <h3 class=\"font-display text-lg text-white mt-2 mb-3\">Youth for Accountability Project 2.0: 69 Young Leaders Empowered<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview text-white\/75\">Retizen Organization conducted civic education training on good governance and environmental stewardship for youth from Mosgaa, Kayodester, All Saints, and Dira Queens at Kamobo Secondary School.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4 text-white\/75\">\n On March 7th, 2026, Retizen Organization successfully conducted the Youth for Accountability Project 2.0 training at Kamobo Secondary School, bringing together 69 youths from four community teams. The civic education training focused on good governance, accountability, environmental stewardship, and the role of young people in community development. Participants demonstrated strong engagement through interactive discussions and question-and-answer sessions, sharing their views on governance issues and their desire to promote accountability in their communities. Despite a slightly lower turnout due to concurrent sports tournaments, the training achieved significant outcomes including improved understanding of civic responsibility and high levels of discipline and cooperation among participants. The youths expressed enthusiasm for future sessions, with many encouraging Retizen to organize additional training opportunities to reach more young people in the community.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold text-white\" style=\"background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div> \n <section class=\"w-full\" style=\"background-color: #f0f7f2;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8 sm:py-12\">\n <div class=\"rounded-2xl p-8 sm:p-12\" style=\"background: linear-gradient(135deg, #1B6B3A 0%, #0d3d1f 100%);\">\n <div class=\"flex flex-col sm:flex-row items-center justify-between gap-6\">\n <div class=\"flex-1\">\n <h3 class=\"font-display text-2xl sm:text-3xl text-white mb-2\">Stay Updated<\/h3>\n <p class=\"text-white\/80 text-sm sm:text-base\">Get the latest news and insights on civic engagement delivered to your inbox.<\/p>\n <\/div>\n <div class=\"flex items-center gap-3 flex-wrap sm:flex-nowrap justify-center sm:justify-end\">\n <input type=\"email\" id=\"newsletter-email\" placeholder=\"Enter your email\" class=\"px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-400 text-sm font-body\" style=\"min-width: 200px;\"> <button id=\"newsletter-btn\" onclick=\"toggleNewsletterSubscription()\" class=\"px-6 py-3 rounded-lg font-semibold text-white transition-all hover:shadow-lg\" style=\"background-color: #E8651A; white-space: nowrap;\">Subscribe<\/button>\n <\/div>\n <\/div>\n <div id=\"newsletter-status\" class=\"mt-4 text-sm text-white\/70 text-center sm:text-left hidden\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n <div id=\"page-events\" class=\"w-full hidden\">\n <section class=\"w-full\" style=\"background: linear-gradient(135deg, #1B6B3A 0%, #0d3d1f 100%);\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-12 sm:py-20\">\n <div class=\"text-center\">\n <h1 class=\"font-display text-4xl sm:text-5xl text-white mb-4\">News & Events<\/h1>\n <p class=\"text-white\/80 text-lg sm:text-xl\">Stay updated on our latest activities<\/p>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"w-full\" style=\"background-color: #f0f7f2;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-12 sm:py-20\">\n <div class=\"max-w-md mx-auto mb-12\">\n <div class=\"relative\"><input type=\"text\" placeholder=\"Search news...\" class=\"w-full px-6 py-4 rounded-full border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary\/20 outline-none transition-all\"> <button class=\"absolute right-4 top-1\/2 -translate-y-1\/2 text-gray-400 hover:text-primary transition-colors\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\n <\/svg><\/button>\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg mb-12 hover-lift\">\n <div class=\"grid md:grid-cols-2\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=400&fit=crop\" alt=\"Integrity Cup tournament\" class=\"h-64 md:h-auto object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #f97316 0%, #ea580c 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-8 md:p-12\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Featured<\/span>\n <h2 class=\"font-display text-2xl md:text-3xl font-bold text-dark mt-2 mb-4\" style=\"color: #1B6B3A;\">Annual Integrity Cup 2024 Announced<\/h2>\n <p class=\"text-gray-600 mb-6\">This year’s tournament will bring together over 50 teams from across 5 counties. Registration is now open for youth teams aged 15-25.<\/p>\n <div class=\"flex items-center gap-4 text-sm text-gray-500 mb-6\"><span>\ud83d\udcc5 Dec 15, 2024<\/span> <span>\ud83d\udccd Nairobi County<\/span>\n <\/div><button class=\"px-6 py-3 rounded-full text-white font-semibold\" style=\"background-color: #E8651A;\">Read Full Story<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Women banking\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Economic<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">Women’s Table Banking Reaches KES 1M Milestone<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Our table banking groups have collectively saved and disbursed over one million shillings in loans…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Nov 28, 2024<\/span> <button class=\"text-orange-600 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Youth leadership summit\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #7dd3fc 0%, #38bdf8 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-green-700 uppercase tracking-wider\">Leadership<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">Youth Leadership Summit Draws 200 Participants<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Young leaders from across Kenya gathered for our annual summit focused on civic engagement…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Nov 15, 2024<\/span> <button class=\"text-green-700 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Mobile app technology\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #86efac 0%, #4ade80 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Technology<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">App Update: New Project Tracking Features<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">The latest version of the Retizen app includes enhanced project monitoring capabilities…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Nov 5, 2024<\/span> <button class=\"text-orange-600 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Community advocacy\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-dark uppercase tracking-wider\">Civic<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">Community Advocacy Wins Road Repairs<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Thanks to persistent community reporting through our platform, a major road in Kisumu is being repaired…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Oct 25, 2024<\/span> <button class=\"text-dark font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1461896836934-ffe607ba8211?w=500&h=300&fit=crop\" alt=\"Sports integrity league\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #fda15d 0%, #f97316 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Sports<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">10 New Teams Join Integrity League<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Our sports program continues to grow with new teams registering from Mombasa and Nakuru counties…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Oct 12, 2024<\/span> <button class=\"text-orange-600 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Government partnership\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #a78bfa 0%, #9333ea 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Partnership<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">New Partnership with County Government<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Retizen signs MOU with Nairobi County to expand civic engagement programs…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Oct 1, 2024<\/span> <button class=\"text-orange-600 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n <footer class=\"w-full\" style=\"background-color: #1B6B3A;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8\">\n <div class=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\n <p id=\"footer-text\" class=\"text-white\/70 text-sm font-semibold\">\u00a9 2025 Civic Engagement Hub. Empowering civic participation.<\/p>\n <div class=\"flex items-center gap-4\"><a href=\"#\" class=\"text-white\/50 hover:text-white transition-colors\"><i data-lucide=\"twitter\" class=\"w-5 h-5\"><\/i><\/a> <a href=\"#\" class=\"text-white\/50 hover:text-white transition-colors\"><i data-lucide=\"facebook\" class=\"w-5 h-5\"><\/i><\/a> <a href=\"#\" class=\"text-white\/50 hover:text-white transition-colors\"><i data-lucide=\"instagram\" class=\"w-5 h-5\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n <\/div>\n <script>\n \/\/ Toggle card expansion for main cards\n function toggleCardExpand(button) {\n const card = button.closest('article');\n const isExpanded = card.dataset.expanded === 'true';\n const expandedContent = card.querySelector('.expanded-content');\n \n if (isExpanded) {\n card.classList.remove('card-expanded');\n card.classList.add('card-collapsed');\n expandedContent.classList.add('hidden');\n card.dataset.expanded = 'false';\n } else {\n card.classList.remove('card-collapsed');\n card.classList.add('card-expanded');\n expandedContent.classList.remove('hidden');\n card.dataset.expanded = 'true';\n }\n }\n\n \/\/ Toggle blog card expansion in Latest Insights section\n function toggleBlogExpand(button) {\n const card = button.closest('.blog-card');\n const isExpanded = card.dataset.blogExpanded === 'true';\n const fullContent = card.querySelector('.blog-full-content');\n \n if (isExpanded) {\n fullContent.classList.add('hidden');\n button.textContent = 'Read More \u2192';\n card.dataset.blogExpanded = 'false';\n } else {\n fullContent.classList.remove('hidden');\n button.textContent = 'Show Less \u2191';\n card.dataset.blogExpanded = 'true';\n }\n }\n\n \/\/ Page navigation function\n function showPage(page) {\n const blogsPage = document.getElementById('page-blogs');\n const eventsPage = document.getElementById('page-events');\n \n if (!blogsPage || !eventsPage) {\n console.error('Page elements not found');\n return;\n }\n \n if (page === 'blogs') {\n blogsPage.style.display = 'block';\n eventsPage.style.display = 'none';\n } else if (page === 'events') {\n blogsPage.style.display = 'none';\n eventsPage.style.display = 'block';\n }\n \n const mobileNav = document.getElementById('mobile-nav');\n if (mobileNav) mobileNav.classList.add('hidden');\n window.scrollTo(0, 0);\n }\n\n \/\/ Default to showing blogs page on load\n window.addEventListener('load', () => {\n showPage('blogs');\n });\n\n \/\/ Set current date\n const dateEl = document.getElementById('current-date');\n const now = new Date();\n dateEl.textContent = now.toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });\n\n \/\/ Default config\n const defaultConfig = {\n \/\/ Colors\n background_color: '#ffffff',\n surface_color: '#f0f7f2',\n text_color: '#1B6B3A',\n primary_action_color: '#E8651A',\n secondary_action_color: '#1B6B3A',\n \/\/ Font\n font_family: 'Archivo Black',\n font_size: 16,\n \/\/ Text content\n site_title: 'CIVIC HUB',\n hero_headline: 'Record Youth Turnout at Municipal Elections Campaign',\n hero_subtext: 'First-time voters mobilize across neighborhoods to participate in local decision-making. Young citizens prove they\\'re ready to shape their community\\'s future.',\n breaking_label: 'CIVIC UPDATE',\n footer_text: '\u00a9 2025 Civic Engagement Hub. Empowering civic participation.'\n };\n\n function applyConfig(config) {\n const c = { ...defaultConfig, ...config };\n const bodyFont = 'Source Sans 3, sans-serif';\n const displayFont = `${c.font_family}, sans-serif`;\n\n \/\/ Apply background color\n document.getElementById('app-wrapper').style.backgroundColor = c.background_color;\n\n \/\/ Ticker bar\n document.getElementById('ticker-bar').style.backgroundColor = c.secondary_action_color;\n\n \/\/ Site title\n const siteTitleEl = document.getElementById('site-title');\n siteTitleEl.textContent = c.site_title;\n siteTitleEl.style.color = c.text_color;\n siteTitleEl.style.fontFamily = displayFont;\n\n \/\/ Nav links\n document.querySelectorAll('nav button').forEach(a => {\n a.style.color = c.text_color;\n });\n\n \/\/ Mobile menu button\n document.getElementById('mobile-menu-btn').style.color = c.text_color;\n\n \/\/ Gradient bar\n document.querySelectorAll('header .h-1').forEach(bar => {\n bar.style.background = `linear-gradient(90deg, ${c.text_color} 33%, ${c.primary_action_color} 33%, ${c.primary_action_color} 66%, ${c.text_color} 66%)`;\n });\n\n \/\/ Breaking banner\n const breakingBanner = document.getElementById('breaking-label').closest('div.w-full') || document.getElementById('breaking-label').parentElement.parentElement;\n if (breakingBanner) breakingBanner.style.backgroundColor = c.primary_action_color;\n document.getElementById('breaking-label').textContent = c.breaking_label;\n\n \/\/ Hero section\n const heroSection = document.getElementById('hero-headline').closest('section');\n if (heroSection) heroSection.style.backgroundColor = c.secondary_action_color;\n\n const heroHeadline = document.getElementById('hero-headline');\n heroHeadline.textContent = c.hero_headline;\n heroHeadline.style.fontFamily = displayFont;\n\n const heroSubtext = document.getElementById('hero-subtext');\n heroSubtext.textContent = c.hero_subtext;\n heroSubtext.style.fontFamily = `${c.font_family}, ${bodyFont}`;\n\n \/\/ Featured badge\n const featBadge = heroSection ? heroSection.querySelector('span') : null;\n if (featBadge) featBadge.style.backgroundColor = c.primary_action_color;\n\n \/\/ Hero image block\n const heroImg = heroSection ? heroSection.querySelector('.rounded-2xl') : null;\n if (heroImg) heroImg.style.background = `linear-gradient(135deg, ${c.primary_action_color} 0%, ${c.text_color} 100%)`;\n\n \/\/ Date bar\n const dateBar = dateEl.closest('div.w-full');\n if (dateBar) dateBar.style.backgroundColor = c.surface_color;\n dateEl.parentElement.style.color = c.text_color;\n\n \/\/ Font sizes\n const base = c.font_size;\n heroHeadline.style.fontSize = '';\n heroSubtext.style.fontSize = `${base * 1.15}px`;\n\n \/\/ All display font elements\n document.querySelectorAll('.font-display, h2, h3').forEach(el => {\n el.style.fontFamily = displayFont;\n });\n\n \/\/ Body font\n document.querySelectorAll('.font-body, p, span, a').forEach(el => {\n if (!el.classList.contains('font-display') && el.tagName !== 'H1' && el.tagName !== 'H2' && el.tagName !== 'H3') {\n el.style.fontFamily = `${c.font_family}, ${bodyFont}`;\n }\n });\n\n \/\/ Footer\n const footerText = document.getElementById('footer-text');\n footerText.textContent = c.footer_text;\n const footer = footerText.closest('footer');\n if (footer) footer.style.backgroundColor = c.secondary_action_color;\n }\n\n \/\/ Element SDK init\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (config) => {\n applyConfig(config);\n },\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (v) => { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => config.surface_color || defaultConfig.surface_color,\n set: (v) => { config.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (v) => { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => config.primary_action_color || defaultConfig.primary_action_color,\n set: (v) => { config.primary_action_color = v; window.elementSdk.setConfig({ primary_action_color: v }); }\n },\n {\n get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n set: (v) => { config.secondary_action_color = v; window.elementSdk.setConfig({ secondary_action_color: v }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n ['site_title', config.site_title || defaultConfig.site_title],\n ['hero_headline', config.hero_headline || defaultConfig.hero_headline],\n ['hero_subtext', config.hero_subtext || defaultConfig.hero_subtext],\n ['breaking_label', config.breaking_label || defaultConfig.breaking_label],\n ['footer_text', config.footer_text || defaultConfig.footer_text]\n ])\n });\n\n \/\/ Init Lucide icons\n lucide.createIcons();\n\n \/\/ Newsletter subscription management\n function toggleNewsletterSubscription() {\n const emailInput = document.getElementById('newsletter-email');\n const btn = document.getElementById('newsletter-btn');\n const statusMsg = document.getElementById('newsletter-status');\n const email = emailInput.value.trim();\n\n \/\/ Check if already subscribed\n const storedSubscriptions = JSON.parse(localStorage.getItem('newsletterSubscriptions') || '[]');\n const isSubscribed = storedSubscriptions.includes(email);\n\n if (isSubscribed) {\n \/\/ Unsubscribe\n if (!email) {\n statusMsg.textContent = '\u274c Please enter your email to unsubscribe';\n statusMsg.classList.remove('hidden');\n return;\n }\n const updatedList = storedSubscriptions.filter(e => e !== email);\n localStorage.setItem('newsletterSubscriptions', JSON.stringify(updatedList));\n statusMsg.textContent = '\u2713 You have unsubscribed from our newsletter';\n statusMsg.style.color = '#ffffff';\n statusMsg.classList.remove('hidden');\n btn.textContent = 'Subscribe';\n btn.style.backgroundColor = '#E8651A';\n emailInput.value = '';\n setTimeout(() => statusMsg.classList.add('hidden'), 4000);\n } else {\n \/\/ Subscribe\n if (!email) {\n statusMsg.textContent = '\u274c Please enter a valid email address';\n statusMsg.classList.remove('hidden');\n return;\n }\n if (!email.includes('@')) {\n statusMsg.textContent = '\u274c Please enter a valid email address';\n statusMsg.classList.remove('hidden');\n return;\n }\n \n \/\/ Add to subscriptions\n storedSubscriptions.push(email);\n localStorage.setItem('newsletterSubscriptions', JSON.stringify(storedSubscriptions));\n statusMsg.textContent = '\u2713 Thanks for subscribing! Check your email for confirmation';\n statusMsg.style.color = '#ffffff';\n statusMsg.classList.remove('hidden');\n btn.textContent = 'Unsubscribe';\n btn.style.backgroundColor = '#dc2626';\n emailInput.value = '';\n setTimeout(() => statusMsg.classList.add('hidden'), 4000);\n }\n }\n\n \/\/ Check subscription status when email is entered\n document.getElementById('newsletter-email').addEventListener('focus', function() {\n const storedSubscriptions = JSON.parse(localStorage.getItem('newsletterSubscriptions') || '[]');\n const btn = document.getElementById('newsletter-btn');\n \n if (this.value.trim() && storedSubscriptions.includes(this.value.trim())) {\n btn.textContent = 'Unsubscribe';\n btn.style.backgroundColor = '#dc2626';\n } else {\n btn.textContent = 'Subscribe';\n btn.style.backgroundColor = '#E8651A';\n }\n });\n\n document.getElementById('newsletter-email').addEventListener('input', function() {\n const storedSubscriptions = JSON.parse(localStorage.getItem('newsletterSubscriptions') || '[]');\n const btn = document.getElementById('newsletter-btn');\n \n if (this.value.trim() && storedSubscriptions.includes(this.value.trim())) {\n btn.textContent = 'Unsubscribe';\n btn.style.backgroundColor = '#dc2626';\n } else {\n btn.textContent = 'Subscribe';\n btn.style.backgroundColor = '#E8651A';\n }\n });\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9dd25ed843bcf8a8',t:'MTc3MzY0OTU2MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Community News Hub \u26a1 Markets rally as tech stocks surge 3.2% \ud83c\udf0d Global climate summit reaches historic agreement \ud83c\udfc6 National team advances to championship finals \ud83d\ude80 Space agency announces new […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-805","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"ticketed":false,"_links":{"self":[{"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/pages\/805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/retizen.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=805"}],"version-history":[{"count":1,"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/pages\/805\/revisions"}],"predecessor-version":[{"id":806,"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/pages\/805\/revisions\/806"}],"wp:attachment":[{"href":"https:\/\/retizen.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":805,"date":"2026-03-16T11:37:48","date_gmt":"2026-03-16T08:37:48","guid":{"rendered":"https:\/\/retizen.org\/?page_id=805"},"modified":"2026-04-21T10:45:51","modified_gmt":"2026-04-21T07:45:51","slug":"news-updates","status":"publish","type":"page","link":"https:\/\/retizen.org\/?page_id=805","title":{"rendered":"News Updates"},"content":{"rendered":"\n\n\n \n \n \n Community News Hub<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Source+Sans+3:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n html, body { height: 100%; margin: 0; }\n .font-display { font-family: 'Archivo Black', sans-serif; }\n .font-body { font-family: 'Source Sans 3', sans-serif; }\n .block-animate { animation: blockSlide 0.6s cubic-bezier(0.22, 1, 0.36, 1) both; }\n @keyframes blockSlide {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .stagger-1 { animation-delay: 0.1s; }\n .stagger-2 { animation-delay: 0.2s; }\n .stagger-3 { animation-delay: 0.3s; }\n .stagger-4 { animation-delay: 0.4s; }\n .stagger-5 { animation-delay: 0.5s; }\n .stagger-6 { animation-delay: 0.6s; }\n .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.15); }\n .card-expanded { max-height: 500px; overflow: auto; }\n .card-collapsed { max-height: 280px; overflow: hidden; }\n .ticker-scroll {\n animation: tickerMove 25s linear infinite;\n }\n @keyframes tickerMove {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full font-body\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background-color: #ffffff;\">\n <div id=\"ticker-bar\" class=\"w-full overflow-hidden relative\" style=\"background-color: #1B6B3A; height: 40px;\">\n <div class=\"ticker-scroll flex items-center h-full whitespace-nowrap\"><span class=\"text-white text-sm font-semibold px-8\">\u26a1 Markets rally as tech stocks surge 3.2%<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83c\udf0d Global climate summit reaches historic agreement<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83c\udfc6 National team advances to championship finals<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83d\ude80 Space agency announces new lunar mission for 2026<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83d\udcf1 Tech giant unveils revolutionary AI assistant<\/span> <span class=\"text-white text-sm font-semibold px-8\">\u26a1 Markets rally as tech stocks surge 3.2%<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83c\udf0d Global climate summit reaches historic agreement<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83c\udfc6 National team advances to championship finals<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83d\ude80 Space agency announces new lunar mission for 2026<\/span> <span class=\"text-white text-sm font-semibold px-8\">\ud83d\udcf1 Tech giant unveils revolutionary AI assistant<\/span>\n <\/div>\n <\/div>\n <header class=\"w-full block-animate\" style=\"background-color: #ffffff;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center justify-between\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-lg flex items-center justify-center\" style=\"background-color: #E8651A;\"><i data-lucide=\"newspaper\" class=\"w-5 h-5 text-white\"><\/i>\n <\/div>\n <div>\n <h1 id=\"site-title\" class=\"font-display text-xl sm:text-2xl tracking-tight\" style=\"color: #1B6B3A;\">CIVIC HUB<\/h1>\n <p class=\"text-xs font-semibold tracking-widest uppercase\" style=\"color: #E8651A;\">Civic Engagement<\/p>\n <\/div>\n <\/div>\n <nav class=\"hidden md:flex items-center gap-6\"><button onclick=\"showPage('blogs')\" class=\"text-sm font-semibold hover:opacity-70 transition-opacity\" style=\"color: #1B6B3A;\">Blogs<\/button> <button onclick=\"showPage('events')\" class=\"text-sm font-semibold hover:opacity-70 transition-opacity\" style=\"color: #1B6B3A;\">Events<\/button>\n <\/nav><button id=\"mobile-menu-btn\" class=\"md:hidden p-2 rounded-lg\" style=\"color: #1B6B3A;\" onclick=\"document.getElementById('mobile-nav').classList.toggle('hidden')\"> <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i> <\/button>\n <\/div>\n <div id=\"mobile-nav\" class=\"hidden md:hidden px-4 pb-4\">\n <div class=\"flex flex-col gap-2\"><button onclick=\"showPage('blogs')\" class=\"text-sm font-semibold py-2 px-3 rounded-lg\" style=\"color: #1B6B3A;\">Blogs<\/button> <button onclick=\"showPage('events')\" class=\"text-sm font-semibold py-2 px-3 rounded-lg\" style=\"color: #1B6B3A;\">Events<\/button>\n <\/div>\n <\/div>\n <div class=\"w-full h-1\" style=\"background: linear-gradient(90deg, #1B6B3A 33%, #E8651A 33%, #E8651A 66%, #1B6B3A 66%);\"><\/div>\n <\/header>\n <div class=\"w-full block-animate stagger-1\" style=\"background-color: #E8651A;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-3 flex items-center gap-3\"><span id=\"breaking-label\" class=\"font-display text-xs sm:text-sm tracking-wider text-white bg-white\/20 px-3 py-1 rounded-full\">CIVIC UPDATE<\/span>\n <p class=\"text-white text-sm sm:text-base font-semibold truncate\">Check out our upcoming town halls and community forums to learn about local governance initiatives!<\/p>\n <\/div>\n <\/div>\n <section class=\"w-full block-animate stagger-2\" style=\"background-color: #1B6B3A;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-10 sm:py-16\">\n <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-6\">\n <div class=\"lg:col-span-3 flex flex-col justify-center\"><span class=\"inline-block text-xs font-bold tracking-widest uppercase mb-4 px-3 py-1 rounded-full w-fit\" style=\"background-color: #E8651A; color: #ffffff;\">Youth Empowerment<\/span>\n <h2 id=\"hero-headline\" class=\"font-display text-3xl sm:text-4xl lg:text-5xl text-white leading-tight mb-4\">176 Community Members Gather for Youth Baraza on Accountability<\/h2>\n <p id=\"hero-subtext\" class=\"text-white\/80 text-lg sm:text-xl leading-relaxed mb-6\">On March 4th, 2026, Retizen Organization convened a transformative youth-led baraza at Elude Kipchoge Complex. Young people engaged directly with government officials including the Assistant OCS and Nyota Fund Officer to discuss youth empowerment, access to government grants, technical training opportunities, and responsible civic engagement. With 176 participants, the event created a powerful platform for dialogue and community accountability.<\/p>\n <div class=\"flex items-center gap-4\">\n <div class=\"w-10 h-10 rounded-full flex items-center justify-center\" style=\"background-color: #E8651A;\"><span class=\"text-white text-sm font-bold\">RO<\/span>\n <\/div>\n <div>\n <p class=\"text-white font-semibold text-sm\">Retizen Organization<\/p>\n <p class=\"text-white\/60 text-xs\">www.retizen.org \u00b7 +254790603437<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lg:col-span-2 rounded-2xl overflow-hidden\" style=\"background: linear-gradient(135deg, #E8651A 0%, #c7520f 100%); min-height: 250px;\">\n <div class=\"h-full flex flex-col items-center justify-center p-8 text-center\">\n <svg width=\"80\" height=\"80\" viewbox=\"0 0 80 80\" fill=\"none\" class=\"mb-4 opacity-90\"><circle cx=\"40\" cy=\"40\" r=\"35\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M40 10 L55 55 L25 55 Z\" stroke=\"white\" stroke-width=\"2\" fill=\"white\" opacity=\"0.3\" \/> <circle cx=\"25\" cy=\"30\" r=\"3\" fill=\"white\" \/> <circle cx=\"55\" cy=\"30\" r=\"3\" fill=\"white\" \/> <circle cx=\"40\" cy=\"70\" r=\"3\" fill=\"white\" \/> <path d=\"M25 30 L40 70 L55 30\" stroke=\"white\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.6\" \/>\n <\/svg>\n <p class=\"text-white font-display text-lg\">OUR IMPACT<\/p>\n <p class=\"text-white\/70 text-sm mt-1\">Building Stronger Communities<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <div class=\"w-full\" style=\"background-color: #f0f7f2;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-between\">\n <p class=\"text-sm font-semibold\" style=\"color: #1B6B3A;\"><i data-lucide=\"calendar\" class=\"w-4 h-4 inline-block mr-1 align-text-bottom\"><\/i> <span id=\"current-date\"><\/span><\/p>\n <p class=\"text-xs font-semibold\" style=\"color: #E8651A;\"><i data-lucide=\"trending-up\" class=\"w-4 h-4 inline-block mr-1 align-text-bottom\"><\/i> Trending Now<\/p>\n <\/div>\n <\/div>\n <div id=\"page-blogs\" class=\"w-full\">\n <section class=\"w-full\" style=\"background-color: #ffffff;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8 sm:py-12\">\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <article class=\"block-animate stagger-2 hover-lift rounded-2xl overflow-hidden card-collapsed\" style=\"background-color: #E8651A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Education<\/span>\n <h3 class=\"font-display text-xl text-white mt-3 mb-3 leading-snug\">New Scholarship Program Opens Doors for 200 Local Students<\/h3>\n <p class=\"text-white\/75 text-sm leading-relaxed mb-4\">Thanks to community donors and partnerships, first-generation students can now access quality education and career development programs. This initiative has transformed the lives of hundreds of young people in our community.<\/p>\n <div class=\"hidden expanded-content text-white\/75 text-sm leading-relaxed mb-4\">\n Additional opportunities include mentorship programs, internships, and networking events with industry leaders. Students gain not just financial support but also valuable guidance for their future careers.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-white\/60 text-xs font-semibold\">5 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\/70\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-3 hover-lift rounded-2xl overflow-hidden border-2 card-collapsed\" style=\"background-color: #ffffff; border-color: #1B6B3A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #E8651A;\">Volunteerism<\/span>\n <h3 class=\"font-display text-xl mt-3 mb-3 leading-snug\" style=\"color: #1B6B3A;\">500 Volunteers Transform Park in Record Community Effort<\/h3>\n <p class=\"text-sm leading-relaxed mb-4\" style=\"color: #444;\">In just one weekend, neighbors came together to renovate the Central Park recreation area with new gardens and facilities for all ages.<\/p>\n <div class=\"hidden expanded-content text-sm leading-relaxed mb-4\" style=\"color: #444;\">\n The transformation included new playground equipment, native plant gardens, walking trails, and a community gathering space. Local businesses donated materials and volunteers contributed over 2,000 hours of labor.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-xs font-semibold\" style=\"color: #888;\">4 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5\" style=\"color: #1B6B3A;\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-4 hover-lift rounded-2xl overflow-hidden card-collapsed\" style=\"background-color: #1B6B3A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Health & Wellness<\/span>\n <h3 class=\"font-display text-xl text-white mt-3 mb-3 leading-snug\">Free Health Clinic Reaches 1,000 Residents This Month<\/h3>\n <p class=\"text-white\/75 text-sm leading-relaxed mb-4\">Community health workers and medical volunteers provide free preventative care, screenings, and wellness consultations to underserved neighborhoods.<\/p>\n <div class=\"hidden expanded-content text-white\/75 text-sm leading-relaxed mb-4\">\n Services include blood pressure checks, diabetes screening, nutrition counseling, and mental health support. The clinic operates every Saturday and is staffed entirely by volunteers.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-white\/60 text-xs font-semibold\">6 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\/70\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-4 hover-lift rounded-2xl overflow-hidden card-collapsed\" style=\"background-color: #1B6B3A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Food Security<\/span>\n <h3 class=\"font-display text-xl text-white mt-3 mb-3 leading-snug\">Community Garden Doubles Production to Feed 300 Families<\/h3>\n <p class=\"text-white\/75 text-sm leading-relaxed mb-4\">Expansion of urban farming initiative provides fresh, affordable produce while teaching sustainable agriculture practices to youth and adults.<\/p>\n <div class=\"hidden expanded-content text-white\/75 text-sm leading-relaxed mb-4\">\n The expanded garden now includes raised beds for 50 new plots, composting facilities, and a greenhouse for year-round growing. Participants learn about organic farming and can take home weekly harvests.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-white\/60 text-xs font-semibold\">4 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\/70\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-5 hover-lift rounded-2xl overflow-hidden card-collapsed\" style=\"background-color: #E8651A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Arts & Culture<\/span>\n <h3 class=\"font-display text-xl text-white mt-3 mb-3 leading-snug\">Community Arts Festival Celebrates Local Creative Talent<\/h3>\n <p class=\"text-white\/75 text-sm leading-relaxed mb-4\">This year’s festival features over 100 local artists, musicians, and performers showcasing the vibrant cultural heritage of our neighborhood.<\/p>\n <div class=\"hidden expanded-content text-white\/75 text-sm leading-relaxed mb-4\">\n The festival spans three days with live music, art exhibitions, theater performances, workshops, and cultural food stalls. Entry is free for all community members and families.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-white\/60 text-xs font-semibold\">3 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\/70\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"block-animate stagger-6 hover-lift rounded-2xl overflow-hidden border-2 card-collapsed\" style=\"background-color: #ffffff; border-color: #E8651A;\" data-expanded=\"false\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #1B6B3A;\">Community News<\/span>\n <h3 class=\"font-display text-xl mt-3 mb-3 leading-snug\" style=\"color: #1B6B3A;\">Neighborhood Safety Initiative Launches New Youth Mentor Program<\/h3>\n <p class=\"text-sm leading-relaxed mb-4\" style=\"color: #444;\">Local leaders partner with schools to create mentoring opportunities, building trust and strengthening the bonds between all community members.<\/p>\n <div class=\"hidden expanded-content text-sm leading-relaxed mb-4\" style=\"color: #444;\">\n The program pairs experienced mentors with youth to provide guidance on education, career development, and personal growth. Mentors receive training and support to ensure meaningful connections.\n <\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-xs font-semibold\" style=\"color: #888;\">5 min read<\/span> <button class=\"expand-btn\" onclick=\"toggleCardExpand(this)\" style=\"background: none; border: none; cursor: pointer; padding: 0;\"><i data-lucide=\"arrow-right\" class=\"w-5 h-5\" style=\"color: #E8651A;\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"w-full block-animate stagger-5\" style=\"background-color: #ffffff;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8 sm:py-12\">\n <div class=\"text-center mb-8 sm:mb-12\">\n <h2 class=\"font-display text-2xl sm:text-3xl mb-3\" style=\"color: #1B6B3A;\">Latest News & Insights<\/h2>\n <p class=\"text-base sm:text-lg\" style=\"color: #666;\">Stories, updates, and insights on youth and women civic engagement across communities.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"block-animate stagger-3 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #ffffff; border: 2px solid #E8651A;\" data-blog-expanded=\"false\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Youth participation\" class=\"w-full h-40 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #f97316 0%, #ea580c 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #E8651A;\">Youth Engagement<\/span>\n <h3 class=\"font-display text-lg mt-2 mb-3\" style=\"color: #1B6B3A;\">Empowering Young Voices in Civic Participation<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview\" style=\"color: #666;\">Young people are increasingly shaping conversations around governance, community development, and digital civic participation.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4\" style=\"color: #666;\">\n Young people are increasingly shaping conversations around governance, community development, and digital civic participation. Through grassroots organizing and digital activism, youth are making their voices heard on issues that matter most to them. They’re demanding accountability, transparency, and a seat at the table in decision-making processes that affect their futures.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold\" style=\"color: #1B6B3A; background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate stagger-4 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #1B6B3A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-green-600 to-green-700 h-40 flex items-center justify-center\"><i data-lucide=\"crown\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Women Leadership<\/span>\n <h3 class=\"font-display text-lg text-white mt-2 mb-3\">Women Leading Change in Community Development<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview text-white\/75\">Women leaders are shaping stronger communities by driving initiatives that promote inclusion, transparency, and social impact.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4 text-white\/75\">\n Women leaders are shaping stronger communities by driving initiatives that promote inclusion, transparency, and social impact. From grassroots activism to policy advocacy, women are breaking barriers and creating meaningful change. Their leadership brings new perspectives, collaborative problem-solving, and a commitment to building communities where everyone’s voice matters.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold text-white\" style=\"background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate stagger-4 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #1B6B3A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-green-600 to-green-700 h-40 flex items-center justify-center\"><i data-lucide=\"crown\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Women Leadership<\/span>\n <h3 class=\"font-display text-lg text-white mt-2 mb-3\">Women Leading Change in Community Development<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview text-white\/75\">Women leaders are shaping stronger communities by driving initiatives that promote inclusion, transparency, and social impact.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4 text-white\/75\">\n Women leaders are shaping stronger communities by driving initiatives that promote inclusion, transparency, and social impact. From grassroots activism to policy advocacy, women are breaking barriers and creating meaningful change. Their leadership brings new perspectives, collaborative problem-solving, and a commitment to building communities where everyone’s voice matters.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold text-white\" style=\"background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate stagger-5 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #ffffff; border: 2px solid #1B6B3A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-green-500 to-green-600 h-40 flex items-center justify-center\"><i data-lucide=\"zap\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #1B6B3A;\">Civic Technology<\/span>\n <h3 class=\"font-display text-lg mt-2 mb-3\" style=\"color: #1B6B3A;\">How Technology is Transforming Civic Engagement<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview\" style=\"color: #666;\">Digital platforms are opening new pathways for citizens to participate in governance and community problem-solving.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4\" style=\"color: #666;\">\n Digital platforms are opening new pathways for citizens to participate in governance and community problem-solving. Mobile apps, online forums, and data visualization tools are making it easier for residents to report issues, track government progress, and collaborate on solutions. Technology is breaking down barriers and democratizing civic participation like never before.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold\" style=\"color: #E8651A; background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate stagger-6 hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #ffffff; border: 2px solid #E8651A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-orange-400 to-orange-600 h-40 flex items-center justify-center\"><i data-lucide=\"trending-up\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase\" style=\"color: #E8651A;\">Civic Engagement<\/span>\n <h3 class=\"font-display text-lg mt-2 mb-3\" style=\"color: #1B6B3A;\">The Future of Civic Engagement: Youth and Women Leading the Way<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview\" style=\"color: #666;\">Youth and women are shaping the future of civic participation through leadership, innovation, and community activism.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4\" style=\"color: #666;\">\n The future of civic engagement is being shaped by emerging leaders who are committed to building inclusive and accountable communities. Across communities, young leaders and women activists are organizing initiatives that address governance transparency, economic empowerment, education, and social justice. Their work demonstrates that civic engagement is evolving beyond traditional participation methods. Today’s civic leaders are combining grassroots mobilization with digital technology to expand their reach and impact. As more citizens become involved in civic processes, communities become stronger, more transparent, and better prepared to address future challenges.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold\" style=\"color: #1B6B3A; background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <div class=\"block-animate hover-lift rounded-xl overflow-hidden blog-card\" style=\"background-color: #1B6B3A;\" data-blog-expanded=\"false\">\n <div class=\"bg-gradient-to-br from-green-600 to-green-700 h-40 flex items-center justify-center\"><i data-lucide=\"users\" class=\"w-16 h-16 text-white opacity-50\"><\/i>\n <\/div>\n <div class=\"p-6\"><span class=\"text-xs font-bold tracking-widest uppercase text-white\/70\">Youth Leadership<\/span>\n <h3 class=\"font-display text-lg text-white mt-2 mb-3\">Youth for Accountability Project 2.0: 69 Young Leaders Empowered<\/h3>\n <p class=\"text-sm leading-relaxed mb-4 blog-preview text-white\/75\">Retizen Organization conducted civic education training on good governance and environmental stewardship for youth from Mosgaa, Kayodester, All Saints, and Dira Queens at Kamobo Secondary School.<\/p>\n <div class=\"blog-full-content hidden text-sm leading-relaxed mb-4 text-white\/75\">\n On March 7th, 2026, Retizen Organization successfully conducted the Youth for Accountability Project 2.0 training at Kamobo Secondary School, bringing together 69 youths from four community teams. The civic education training focused on good governance, accountability, environmental stewardship, and the role of young people in community development. Participants demonstrated strong engagement through interactive discussions and question-and-answer sessions, sharing their views on governance issues and their desire to promote accountability in their communities. Despite a slightly lower turnout due to concurrent sports tournaments, the training achieved significant outcomes including improved understanding of civic responsibility and high levels of discipline and cooperation among participants. The youths expressed enthusiasm for future sessions, with many encouraging Retizen to organize additional training opportunities to reach more young people in the community.\n <\/div><button onclick=\"toggleBlogExpand(this)\" class=\"text-sm font-semibold text-white\" style=\"background: none; border: none; cursor: pointer; padding: 0;\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div> \n <section class=\"w-full\" style=\"background-color: #f0f7f2;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8 sm:py-12\">\n <div class=\"rounded-2xl p-8 sm:p-12\" style=\"background: linear-gradient(135deg, #1B6B3A 0%, #0d3d1f 100%);\">\n <div class=\"flex flex-col sm:flex-row items-center justify-between gap-6\">\n <div class=\"flex-1\">\n <h3 class=\"font-display text-2xl sm:text-3xl text-white mb-2\">Stay Updated<\/h3>\n <p class=\"text-white\/80 text-sm sm:text-base\">Get the latest news and insights on civic engagement delivered to your inbox.<\/p>\n <\/div>\n <div class=\"flex items-center gap-3 flex-wrap sm:flex-nowrap justify-center sm:justify-end\">\n <input type=\"email\" id=\"newsletter-email\" placeholder=\"Enter your email\" class=\"px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-400 text-sm font-body\" style=\"min-width: 200px;\"> <button id=\"newsletter-btn\" onclick=\"toggleNewsletterSubscription()\" class=\"px-6 py-3 rounded-lg font-semibold text-white transition-all hover:shadow-lg\" style=\"background-color: #E8651A; white-space: nowrap;\">Subscribe<\/button>\n <\/div>\n <\/div>\n <div id=\"newsletter-status\" class=\"mt-4 text-sm text-white\/70 text-center sm:text-left hidden\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n <div id=\"page-events\" class=\"w-full hidden\">\n <section class=\"w-full\" style=\"background: linear-gradient(135deg, #1B6B3A 0%, #0d3d1f 100%);\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-12 sm:py-20\">\n <div class=\"text-center\">\n <h1 class=\"font-display text-4xl sm:text-5xl text-white mb-4\">News & Events<\/h1>\n <p class=\"text-white\/80 text-lg sm:text-xl\">Stay updated on our latest activities<\/p>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"w-full\" style=\"background-color: #f0f7f2;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-12 sm:py-20\">\n <div class=\"max-w-md mx-auto mb-12\">\n <div class=\"relative\"><input type=\"text\" placeholder=\"Search news...\" class=\"w-full px-6 py-4 rounded-full border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary\/20 outline-none transition-all\"> <button class=\"absolute right-4 top-1\/2 -translate-y-1\/2 text-gray-400 hover:text-primary transition-colors\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\n <\/svg><\/button>\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg mb-12 hover-lift\">\n <div class=\"grid md:grid-cols-2\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=400&fit=crop\" alt=\"Integrity Cup tournament\" class=\"h-64 md:h-auto object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #f97316 0%, #ea580c 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-8 md:p-12\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Featured<\/span>\n <h2 class=\"font-display text-2xl md:text-3xl font-bold text-dark mt-2 mb-4\" style=\"color: #1B6B3A;\">Annual Integrity Cup 2024 Announced<\/h2>\n <p class=\"text-gray-600 mb-6\">This year’s tournament will bring together over 50 teams from across 5 counties. Registration is now open for youth teams aged 15-25.<\/p>\n <div class=\"flex items-center gap-4 text-sm text-gray-500 mb-6\"><span>\ud83d\udcc5 Dec 15, 2024<\/span> <span>\ud83d\udccd Nairobi County<\/span>\n <\/div><button class=\"px-6 py-3 rounded-full text-white font-semibold\" style=\"background-color: #E8651A;\">Read Full Story<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Women banking\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Economic<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">Women’s Table Banking Reaches KES 1M Milestone<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Our table banking groups have collectively saved and disbursed over one million shillings in loans…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Nov 28, 2024<\/span> <button class=\"text-orange-600 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Youth leadership summit\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #7dd3fc 0%, #38bdf8 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-green-700 uppercase tracking-wider\">Leadership<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">Youth Leadership Summit Draws 200 Participants<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Young leaders from across Kenya gathered for our annual summit focused on civic engagement…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Nov 15, 2024<\/span> <button class=\"text-green-700 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Mobile app technology\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #86efac 0%, #4ade80 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Technology<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">App Update: New Project Tracking Features<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">The latest version of the Retizen app includes enhanced project monitoring capabilities…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Nov 5, 2024<\/span> <button class=\"text-orange-600 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Community advocacy\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-dark uppercase tracking-wider\">Civic<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">Community Advocacy Wins Road Repairs<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Thanks to persistent community reporting through our platform, a major road in Kisumu is being repaired…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Oct 25, 2024<\/span> <button class=\"text-dark font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1461896836934-ffe607ba8211?w=500&h=300&fit=crop\" alt=\"Sports integrity league\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #fda15d 0%, #f97316 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Sports<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">10 New Teams Join Integrity League<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Our sports program continues to grow with new teams registering from Mombasa and Nakuru counties…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Oct 12, 2024<\/span> <button class=\"text-orange-600 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-3xl overflow-hidden hover-lift\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=500&h=300&fit=crop\" alt=\"Government partnership\" class=\"w-full h-48 object-cover\" loading=\"lazy\" onerror=\"this.style.background='linear-gradient(135deg, #a78bfa 0%, #9333ea 100%)'; this.parentElement.style.display='flex'; this.parentElement.style.alignItems='center'; this.parentElement.style.justifyContent='center'; this.style.display='none';\">\n <div class=\"p-6\"><span class=\"text-xs font-semibold text-orange-600 uppercase tracking-wider\">Partnership<\/span>\n <h3 class=\"font-display text-xl font-bold text-dark mt-2 mb-3\" style=\"color: #1B6B3A;\">New Partnership with County Government<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">Retizen signs MOU with Nairobi County to expand civic engagement programs…<\/p>\n <div class=\"flex items-center justify-between\"><span class=\"text-sm text-gray-500\">Oct 1, 2024<\/span> <button class=\"text-orange-600 font-semibold text-sm\">Read More \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n <footer class=\"w-full\" style=\"background-color: #1B6B3A;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8\">\n <div class=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\n <p id=\"footer-text\" class=\"text-white\/70 text-sm font-semibold\">\u00a9 2025 Civic Engagement Hub. Empowering civic participation.<\/p>\n <div class=\"flex items-center gap-4\"><a href=\"#\" class=\"text-white\/50 hover:text-white transition-colors\"><i data-lucide=\"twitter\" class=\"w-5 h-5\"><\/i><\/a> <a href=\"#\" class=\"text-white\/50 hover:text-white transition-colors\"><i data-lucide=\"facebook\" class=\"w-5 h-5\"><\/i><\/a> <a href=\"#\" class=\"text-white\/50 hover:text-white transition-colors\"><i data-lucide=\"instagram\" class=\"w-5 h-5\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n <\/div>\n <script>\n \/\/ Toggle card expansion for main cards\n function toggleCardExpand(button) {\n const card = button.closest('article');\n const isExpanded = card.dataset.expanded === 'true';\n const expandedContent = card.querySelector('.expanded-content');\n \n if (isExpanded) {\n card.classList.remove('card-expanded');\n card.classList.add('card-collapsed');\n expandedContent.classList.add('hidden');\n card.dataset.expanded = 'false';\n } else {\n card.classList.remove('card-collapsed');\n card.classList.add('card-expanded');\n expandedContent.classList.remove('hidden');\n card.dataset.expanded = 'true';\n }\n }\n\n \/\/ Toggle blog card expansion in Latest Insights section\n function toggleBlogExpand(button) {\n const card = button.closest('.blog-card');\n const isExpanded = card.dataset.blogExpanded === 'true';\n const fullContent = card.querySelector('.blog-full-content');\n \n if (isExpanded) {\n fullContent.classList.add('hidden');\n button.textContent = 'Read More \u2192';\n card.dataset.blogExpanded = 'false';\n } else {\n fullContent.classList.remove('hidden');\n button.textContent = 'Show Less \u2191';\n card.dataset.blogExpanded = 'true';\n }\n }\n\n \/\/ Page navigation function\n function showPage(page) {\n const blogsPage = document.getElementById('page-blogs');\n const eventsPage = document.getElementById('page-events');\n \n if (!blogsPage || !eventsPage) {\n console.error('Page elements not found');\n return;\n }\n \n if (page === 'blogs') {\n blogsPage.style.display = 'block';\n eventsPage.style.display = 'none';\n } else if (page === 'events') {\n blogsPage.style.display = 'none';\n eventsPage.style.display = 'block';\n }\n \n const mobileNav = document.getElementById('mobile-nav');\n if (mobileNav) mobileNav.classList.add('hidden');\n window.scrollTo(0, 0);\n }\n\n \/\/ Default to showing blogs page on load\n window.addEventListener('load', () => {\n showPage('blogs');\n });\n\n \/\/ Set current date\n const dateEl = document.getElementById('current-date');\n const now = new Date();\n dateEl.textContent = now.toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });\n\n \/\/ Default config\n const defaultConfig = {\n \/\/ Colors\n background_color: '#ffffff',\n surface_color: '#f0f7f2',\n text_color: '#1B6B3A',\n primary_action_color: '#E8651A',\n secondary_action_color: '#1B6B3A',\n \/\/ Font\n font_family: 'Archivo Black',\n font_size: 16,\n \/\/ Text content\n site_title: 'CIVIC HUB',\n hero_headline: 'Record Youth Turnout at Municipal Elections Campaign',\n hero_subtext: 'First-time voters mobilize across neighborhoods to participate in local decision-making. Young citizens prove they\\'re ready to shape their community\\'s future.',\n breaking_label: 'CIVIC UPDATE',\n footer_text: '\u00a9 2025 Civic Engagement Hub. Empowering civic participation.'\n };\n\n function applyConfig(config) {\n const c = { ...defaultConfig, ...config };\n const bodyFont = 'Source Sans 3, sans-serif';\n const displayFont = `${c.font_family}, sans-serif`;\n\n \/\/ Apply background color\n document.getElementById('app-wrapper').style.backgroundColor = c.background_color;\n\n \/\/ Ticker bar\n document.getElementById('ticker-bar').style.backgroundColor = c.secondary_action_color;\n\n \/\/ Site title\n const siteTitleEl = document.getElementById('site-title');\n siteTitleEl.textContent = c.site_title;\n siteTitleEl.style.color = c.text_color;\n siteTitleEl.style.fontFamily = displayFont;\n\n \/\/ Nav links\n document.querySelectorAll('nav button').forEach(a => {\n a.style.color = c.text_color;\n });\n\n \/\/ Mobile menu button\n document.getElementById('mobile-menu-btn').style.color = c.text_color;\n\n \/\/ Gradient bar\n document.querySelectorAll('header .h-1').forEach(bar => {\n bar.style.background = `linear-gradient(90deg, ${c.text_color} 33%, ${c.primary_action_color} 33%, ${c.primary_action_color} 66%, ${c.text_color} 66%)`;\n });\n\n \/\/ Breaking banner\n const breakingBanner = document.getElementById('breaking-label').closest('div.w-full') || document.getElementById('breaking-label').parentElement.parentElement;\n if (breakingBanner) breakingBanner.style.backgroundColor = c.primary_action_color;\n document.getElementById('breaking-label').textContent = c.breaking_label;\n\n \/\/ Hero section\n const heroSection = document.getElementById('hero-headline').closest('section');\n if (heroSection) heroSection.style.backgroundColor = c.secondary_action_color;\n\n const heroHeadline = document.getElementById('hero-headline');\n heroHeadline.textContent = c.hero_headline;\n heroHeadline.style.fontFamily = displayFont;\n\n const heroSubtext = document.getElementById('hero-subtext');\n heroSubtext.textContent = c.hero_subtext;\n heroSubtext.style.fontFamily = `${c.font_family}, ${bodyFont}`;\n\n \/\/ Featured badge\n const featBadge = heroSection ? heroSection.querySelector('span') : null;\n if (featBadge) featBadge.style.backgroundColor = c.primary_action_color;\n\n \/\/ Hero image block\n const heroImg = heroSection ? heroSection.querySelector('.rounded-2xl') : null;\n if (heroImg) heroImg.style.background = `linear-gradient(135deg, ${c.primary_action_color} 0%, ${c.text_color} 100%)`;\n\n \/\/ Date bar\n const dateBar = dateEl.closest('div.w-full');\n if (dateBar) dateBar.style.backgroundColor = c.surface_color;\n dateEl.parentElement.style.color = c.text_color;\n\n \/\/ Font sizes\n const base = c.font_size;\n heroHeadline.style.fontSize = '';\n heroSubtext.style.fontSize = `${base * 1.15}px`;\n\n \/\/ All display font elements\n document.querySelectorAll('.font-display, h2, h3').forEach(el => {\n el.style.fontFamily = displayFont;\n });\n\n \/\/ Body font\n document.querySelectorAll('.font-body, p, span, a').forEach(el => {\n if (!el.classList.contains('font-display') && el.tagName !== 'H1' && el.tagName !== 'H2' && el.tagName !== 'H3') {\n el.style.fontFamily = `${c.font_family}, ${bodyFont}`;\n }\n });\n\n \/\/ Footer\n const footerText = document.getElementById('footer-text');\n footerText.textContent = c.footer_text;\n const footer = footerText.closest('footer');\n if (footer) footer.style.backgroundColor = c.secondary_action_color;\n }\n\n \/\/ Element SDK init\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (config) => {\n applyConfig(config);\n },\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (v) => { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => config.surface_color || defaultConfig.surface_color,\n set: (v) => { config.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (v) => { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => config.primary_action_color || defaultConfig.primary_action_color,\n set: (v) => { config.primary_action_color = v; window.elementSdk.setConfig({ primary_action_color: v }); }\n },\n {\n get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n set: (v) => { config.secondary_action_color = v; window.elementSdk.setConfig({ secondary_action_color: v }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n ['site_title', config.site_title || defaultConfig.site_title],\n ['hero_headline', config.hero_headline || defaultConfig.hero_headline],\n ['hero_subtext', config.hero_subtext || defaultConfig.hero_subtext],\n ['breaking_label', config.breaking_label || defaultConfig.breaking_label],\n ['footer_text', config.footer_text || defaultConfig.footer_text]\n ])\n });\n\n \/\/ Init Lucide icons\n lucide.createIcons();\n\n \/\/ Newsletter subscription management\n function toggleNewsletterSubscription() {\n const emailInput = document.getElementById('newsletter-email');\n const btn = document.getElementById('newsletter-btn');\n const statusMsg = document.getElementById('newsletter-status');\n const email = emailInput.value.trim();\n\n \/\/ Check if already subscribed\n const storedSubscriptions = JSON.parse(localStorage.getItem('newsletterSubscriptions') || '[]');\n const isSubscribed = storedSubscriptions.includes(email);\n\n if (isSubscribed) {\n \/\/ Unsubscribe\n if (!email) {\n statusMsg.textContent = '\u274c Please enter your email to unsubscribe';\n statusMsg.classList.remove('hidden');\n return;\n }\n const updatedList = storedSubscriptions.filter(e => e !== email);\n localStorage.setItem('newsletterSubscriptions', JSON.stringify(updatedList));\n statusMsg.textContent = '\u2713 You have unsubscribed from our newsletter';\n statusMsg.style.color = '#ffffff';\n statusMsg.classList.remove('hidden');\n btn.textContent = 'Subscribe';\n btn.style.backgroundColor = '#E8651A';\n emailInput.value = '';\n setTimeout(() => statusMsg.classList.add('hidden'), 4000);\n } else {\n \/\/ Subscribe\n if (!email) {\n statusMsg.textContent = '\u274c Please enter a valid email address';\n statusMsg.classList.remove('hidden');\n return;\n }\n if (!email.includes('@')) {\n statusMsg.textContent = '\u274c Please enter a valid email address';\n statusMsg.classList.remove('hidden');\n return;\n }\n \n \/\/ Add to subscriptions\n storedSubscriptions.push(email);\n localStorage.setItem('newsletterSubscriptions', JSON.stringify(storedSubscriptions));\n statusMsg.textContent = '\u2713 Thanks for subscribing! Check your email for confirmation';\n statusMsg.style.color = '#ffffff';\n statusMsg.classList.remove('hidden');\n btn.textContent = 'Unsubscribe';\n btn.style.backgroundColor = '#dc2626';\n emailInput.value = '';\n setTimeout(() => statusMsg.classList.add('hidden'), 4000);\n }\n }\n\n \/\/ Check subscription status when email is entered\n document.getElementById('newsletter-email').addEventListener('focus', function() {\n const storedSubscriptions = JSON.parse(localStorage.getItem('newsletterSubscriptions') || '[]');\n const btn = document.getElementById('newsletter-btn');\n \n if (this.value.trim() && storedSubscriptions.includes(this.value.trim())) {\n btn.textContent = 'Unsubscribe';\n btn.style.backgroundColor = '#dc2626';\n } else {\n btn.textContent = 'Subscribe';\n btn.style.backgroundColor = '#E8651A';\n }\n });\n\n document.getElementById('newsletter-email').addEventListener('input', function() {\n const storedSubscriptions = JSON.parse(localStorage.getItem('newsletterSubscriptions') || '[]');\n const btn = document.getElementById('newsletter-btn');\n \n if (this.value.trim() && storedSubscriptions.includes(this.value.trim())) {\n btn.textContent = 'Unsubscribe';\n btn.style.backgroundColor = '#dc2626';\n } else {\n btn.textContent = 'Subscribe';\n btn.style.backgroundColor = '#E8651A';\n }\n });\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9dd25ed843bcf8a8',t:'MTc3MzY0OTU2MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Community News Hub \u26a1 Markets rally as tech stocks surge 3.2% \ud83c\udf0d Global climate summit reaches historic agreement \ud83c\udfc6 National team advances to championship finals \ud83d\ude80 Space agency announces new […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-805","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"ticketed":false,"_links":{"self":[{"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/pages\/805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/retizen.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=805"}],"version-history":[{"count":1,"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/pages\/805\/revisions"}],"predecessor-version":[{"id":806,"href":"https:\/\/retizen.org\/index.php?rest_route=\/wp\/v2\/pages\/805\/revisions\/806"}],"wp:attachment":[{"href":"https:\/\/retizen.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}