{"id":138,"date":"2026-07-23T08:20:18","date_gmt":"2026-07-23T08:20:18","guid":{"rendered":"https:\/\/youthlens-eu.org\/?page_id=138"},"modified":"2026-07-23T12:14:32","modified_gmt":"2026-07-23T12:14:32","slug":"activities","status":"publish","type":"page","link":"https:\/\/youthlens-eu.org\/?page_id=138","title":{"rendered":"Activities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"138\" class=\"elementor elementor-138\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea6e01b e-con e-atomic-element e-flexbox-base e-33a4d31 \" data-id=\"ea6e01b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea6e01b\">\n    \t\t<div class=\"elementor-element elementor-element-fe7aff3 elementor-widget elementor-widget-html\" data-id=\"fe7aff3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Project Deliverables \u2014 YOUTHLENS<\/title>\r\n\r\n    <!-- Tailwind CSS v4 -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tailwindcss\/browser@4\"><\/script>\r\n\r\n    <!-- Google Fonts: Montserrat -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- FontAwesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        :root {\r\n            --primary-blue: #004AAD;\r\n            --primary-green: #00BF63;\r\n        }\r\n        \r\n        html, body {\r\n            font-family: 'Montserrat', sans-serif !important;\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        .modern-card {\r\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n        .modern-card:hover {\r\n            transform: translateY(-4px);\r\n            border-color: rgba(0, 191, 99, 0.4);\r\n            box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .filter-btn.active {\r\n            background-color: #00BF63;\r\n            color: #0f172a;\r\n            border-color: #00BF63;\r\n            font-weight: 800;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-900 text-white min-h-screen flex flex-col justify-between antialiased\">\r\n\r\n    <!-- HEADER \/ NAVIGATION -->\r\n    <header class=\"py-8 px-4 max-w-7xl mx-auto w-full flex justify-between items-center\">\r\n        <a href=\"index.html\" class=\"inline-flex items-center gap-2 text-slate-300 hover:text-emerald-400 transition-colors font-bold text-sm bg-white\/5 hover:bg-white\/10 px-4 py-2 rounded-xl border border-white\/10\">\r\n            <i class=\"fa-solid fa-arrow-left\"><\/i> Back to Home\r\n        <\/a>\r\n        <span class=\"text-xs font-bold uppercase tracking-widest text-emerald-400 bg-emerald-500\/10 border border-emerald-500\/20 px-4 py-1.5 rounded-full\">\r\n            Project Outputs\r\n        <\/span>\r\n    <\/header>\r\n\r\n    <!-- MAIN CONTENT CONTAINER -->\r\n    <main class=\"py-6 px-4 max-w-7xl mx-auto w-full flex-1\">\r\n\r\n        <!-- TITLE SECTION -->\r\n        <div class=\"mb-8\">\r\n            <h1 class=\"text-3xl md:text-5xl font-black text-white tracking-tight\" style=\"color: #ffffff !important;\">\r\n                Project Deliverables\r\n            <\/h1>\r\n            <p class=\"text-slate-400 text-sm md:text-base mt-2\">\r\n                Comprehensive overview of reports, tools, and platforms produced across all Work Packages.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- SEARCH AND FILTER CONTROLS -->\r\n        <div class=\"flex flex-col lg:flex-row gap-4 justify-between items-stretch lg:items-center mb-8 bg-white\/5 p-4 rounded-2xl border border-white\/10\">\r\n            \r\n            <!-- Category Filter Buttons -->\r\n            <div class=\"flex flex-wrap gap-2\" id=\"filter-buttons\">\r\n                <button onclick=\"filterWP('all')\" class=\"filter-btn active px-4 py-2 rounded-xl text-xs font-bold uppercase tracking-wider border border-white\/10 bg-white\/5 text-slate-300 hover:bg-white\/10 transition-all cursor-pointer\">\r\n                    All\r\n                <\/button>\r\n                <button onclick=\"filterWP('WP1')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs font-bold uppercase tracking-wider border border-white\/10 bg-white\/5 text-slate-300 hover:bg-white\/10 transition-all cursor-pointer\">\r\n                    WP1\r\n                <\/button>\r\n                <button onclick=\"filterWP('WP2')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs font-bold uppercase tracking-wider border border-white\/10 bg-white\/5 text-slate-300 hover:bg-white\/10 transition-all cursor-pointer\">\r\n                    WP2\r\n                <\/button>\r\n                <button onclick=\"filterWP('WP3')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs font-bold uppercase tracking-wider border border-white\/10 bg-white\/5 text-slate-300 hover:bg-white\/10 transition-all cursor-pointer\">\r\n                    WP3\r\n                <\/button>\r\n                <button onclick=\"filterWP('WP4')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs font-bold uppercase tracking-wider border border-white\/10 bg-white\/5 text-slate-300 hover:bg-white\/10 transition-all cursor-pointer\">\r\n                    WP4\r\n                <\/button>\r\n                <button onclick=\"filterWP('WP5')\" class=\"filter-btn px-4 py-2 rounded-xl text-xs font-bold uppercase tracking-wider border border-white\/10 bg-white\/5 text-slate-300 hover:bg-white\/10 transition-all cursor-pointer\">\r\n                    WP5\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Search Input -->\r\n            <div class=\"relative w-full lg:w-72\">\r\n                <i class=\"fa-solid fa-magnifying-glass absolute left-3.5 top-1\/2 -translate-y-1\/2 text-slate-400 text-sm\"><\/i>\r\n                <input type=\"text\" id=\"search-input\" onkeyup=\"searchDeliverables()\" placeholder=\"Search deliverable or coordinator...\" class=\"w-full pl-10 pr-4 py-2 bg-slate-900 border border-white\/15 rounded-xl text-sm text-white placeholder-slate-400 focus:outline-none focus:border-emerald-400 transition-colors\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- DELIVERABLES GRID -->\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"deliverables-grid\">\r\n\r\n            <!-- D1.1 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP1\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D1.1\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 2\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Project Work Plan (PWP)\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A comprehensive implementation guide outlining the project's structure, timeline, partner responsibilities, milestones, and contingency plans. Reviewed every six months.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">Xenios Polis<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D1.2 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP1\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D1.2\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 3\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Quality Assurance Plan\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 15\u201320 page report (English) setting out the monitoring methodology\u2014feedback surveys, quality checklists, scheduled progress reviews, and risk handling strategies.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">ARSINOE<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D1.3 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP1\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D1.3\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 6\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Progress Report\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A narrative and financial report covering what partners have delivered during the first six months of the project.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">Xenios Polis<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D2.1 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP2\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D2.1\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 6\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Media Literacy Training Manual\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 40-page manual (English, Albanian, Montenegrin) with 6 modules, detailed lesson plans, real-life examples, Balkan case studies, and trainer tips.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">Xenios Polis<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D2.2 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP2\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D2.2\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 15\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Capacity-Building Workshops Report\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 20-page report (English, Albanian, Montenegrin) documenting the three workshops\u2014structure, feedback, skill gains, case studies, and future recommendations.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">ARSINOE<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D3.1 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP3\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D3.1\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 20\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Digital Campaign Portfolio\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 20-page document (English) showcasing the three youth-led campaigns, with descriptions, links to content, reach data, participant quotes, and lessons learned.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">YIHR Kosovo<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D3.2 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP3\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D3.2\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 15\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Policy Dialogue Report\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 15-page report (English) summarising the three virtual policy dialogues\u2014topics discussed, youth ideas, policymaker responses, and policy impacts.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">COSV<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D4.1 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP4\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D4.1\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 10\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Online Learning Platform\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A mobile-friendly website (English) with videos, quizzes, articles, progress tracker, and forum. Tested with 30 youth, featuring text-to-speech accessibility.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">CED<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D4.2 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP4\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D4.2\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 15\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Misinformation Detection Tool\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        An integrated online tool with a 10-page guide. Users input news\/posts to receive credibility scores checked against verified databases. Tested with 50 youth.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">CED<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D4.3 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP4\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D4.3\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 32\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Youth Exchange Report\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 15-page document (English) describing the international exchange\u2014activities, outcomes, participant feedback, and recommendations for future exchanges.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">ARSINOE<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D5.1 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP5\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D5.1\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 12\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Promotional Materials\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 3-minute video, 500 printed brochures, and 10 digital posters featuring participant interviews and project facts with links to the website.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">CED<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D5.2 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP5\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D5.2\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 3\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Project Website\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A dynamic multilingual hub (English, Albanian, Montenegrin) with project resources, news, success stories, live streaming, and feedback forms.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">CED<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D5.3 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP5\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D5.3\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 3\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Communication Strategy\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 20-page plan (English) for sharing the project story\u2014monthly social media posts, three newsletters, and outreach to 15 media outlets.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">CED<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- D5.4 -->\r\n            <div class=\"deliverable-card modern-card bg-gradient-to-br from-blue-950\/80 via-slate-900 to-slate-950 border border-white\/10 rounded-2xl p-6 flex flex-col justify-between\" data-wp=\"WP5\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <span class=\"px-3 py-1 bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 text-xs font-black rounded-lg uppercase tracking-wider\">\r\n                            D5.4\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-blue-400 bg-blue-500\/10 px-3 py-1 rounded-full border border-blue-500\/20\">\r\n                            Due: Month 34\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-lg font-bold mb-2 leading-snug\" style=\"color: #ffffff !important;\">\r\n                        Youth Policy Recommendations\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-xs leading-relaxed mb-6\">\r\n                        A 15-page report (English) written by youth leaders and policymakers presenting 10 recommendations shared with European leaders.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs text-slate-400\">\r\n                    <span><i class=\"fa-solid fa-user-gear text-emerald-400 mr-1.5\"><\/i> Coordinator:<\/span>\r\n                    <strong class=\"text-white\">YPN<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- NO RESULTS MESSAGE -->\r\n        <div id=\"no-results\" class=\"hidden text-center py-12\">\r\n            <i class=\"fa-solid fa-folder-open text-4xl text-slate-600 mb-3\"><\/i>\r\n            <p class=\"text-slate-400 font-medium text-sm\">No deliverables match your search or filter criteria.<\/p>\r\n        <\/div>\r\n\r\n    <\/main>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"py-6 text-center text-slate-500 text-xs border-t border-white\/5 mt-12\">\r\n        &copy; YOUTH-LENS Project \u2014 Co-funded by the European Union.\r\n    <\/footer>\r\n\r\n    <!-- INTERACTIVE SCRIPT -->\r\n    <script>\r\n        let currentFilter = 'all';\r\n\r\n        function filterWP(wpCategory) {\r\n            currentFilter = wpCategory;\r\n            \r\n            \/\/ Update active state on buttons\r\n            const buttons = document.querySelectorAll('#filter-buttons button');\r\n            buttons.forEach(btn => btn.classList.remove('active'));\r\n            event.target.classList.add('active');\r\n\r\n            applyFilterAndSearch();\r\n        }\r\n\r\n        function searchDeliverables() {\r\n            applyFilterAndSearch();\r\n        }\r\n\r\n        function applyFilterAndSearch() {\r\n            const searchQuery = document.getElementById('search-input').value.toLowerCase();\r\n            const cards = document.querySelectorAll('.deliverable-card');\r\n            let visibleCount = 0;\r\n\r\n            cards.forEach(card => {\r\n                const cardWP = card.getAttribute('data-wp');\r\n                const cardText = card.innerText.toLowerCase();\r\n\r\n                const matchesWP = (currentFilter === 'all' || cardWP === currentFilter);\r\n                const matchesSearch = cardText.includes(searchQuery);\r\n\r\n                if (matchesWP && matchesSearch) {\r\n                    card.style.display = 'flex';\r\n                    visibleCount++;\r\n                } else {\r\n                    card.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            \/\/ Toggle empty state\r\n            const noResults = document.getElementById('no-results');\r\n            if (visibleCount === 0) {\r\n                noResults.classList.remove('hidden');\r\n            } else {\r\n                noResults.classList.add('hidden');\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Project Deliverables \u2014 YOUTHLENS Back to Home Project Outputs Project Deliverables Comprehensive overview of reports, tools, and platforms produced across all Work Packages. All WP1 WP2 WP3 WP4 WP5 D1.1 Due: Month 2 Project Work Plan (PWP) A comprehensive implementation guide outlining the project&#8217;s structure, timeline, partner responsibilities, milestones, and contingency plans. Reviewed every six&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-138","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Activities - youthlens-eu.org<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/youthlens-eu.org\/?page_id=138\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Activities - youthlens-eu.org\" \/>\n<meta property=\"og:description\" content=\"Project Deliverables \u2014 YOUTHLENS Back to Home Project Outputs Project Deliverables Comprehensive overview of reports, tools, and platforms produced across all Work Packages. All WP1 WP2 WP3 WP4 WP5 D1.1 Due: Month 2 Project Work Plan (PWP) A comprehensive implementation guide outlining the project&#8217;s structure, timeline, partner responsibilities, milestones, and contingency plans. Reviewed every six&hellip;&nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/youthlens-eu.org\/?page_id=138\" \/>\n<meta property=\"og:site_name\" content=\"youthlens-eu.org\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-23T12:14:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/youthlens-eu.org\\\/?page_id=138\",\"url\":\"https:\\\/\\\/youthlens-eu.org\\\/?page_id=138\",\"name\":\"Activities - youthlens-eu.org\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/youthlens-eu.org\\\/#website\"},\"datePublished\":\"2026-07-23T08:20:18+00:00\",\"dateModified\":\"2026-07-23T12:14:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/youthlens-eu.org\\\/?page_id=138#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/youthlens-eu.org\\\/?page_id=138\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/youthlens-eu.org\\\/?page_id=138#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/youthlens-eu.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Activities\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/youthlens-eu.org\\\/#website\",\"url\":\"https:\\\/\\\/youthlens-eu.org\\\/\",\"name\":\"youthlens-eu.org\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/youthlens-eu.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Activities - youthlens-eu.org","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/youthlens-eu.org\/?page_id=138","og_locale":"en_US","og_type":"article","og_title":"Activities - youthlens-eu.org","og_description":"Project Deliverables \u2014 YOUTHLENS Back to Home Project Outputs Project Deliverables Comprehensive overview of reports, tools, and platforms produced across all Work Packages. All WP1 WP2 WP3 WP4 WP5 D1.1 Due: Month 2 Project Work Plan (PWP) A comprehensive implementation guide outlining the project&#8217;s structure, timeline, partner responsibilities, milestones, and contingency plans. Reviewed every six&hellip;&nbsp;","og_url":"https:\/\/youthlens-eu.org\/?page_id=138","og_site_name":"youthlens-eu.org","article_modified_time":"2026-07-23T12:14:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/youthlens-eu.org\/?page_id=138","url":"https:\/\/youthlens-eu.org\/?page_id=138","name":"Activities - youthlens-eu.org","isPartOf":{"@id":"https:\/\/youthlens-eu.org\/#website"},"datePublished":"2026-07-23T08:20:18+00:00","dateModified":"2026-07-23T12:14:32+00:00","breadcrumb":{"@id":"https:\/\/youthlens-eu.org\/?page_id=138#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/youthlens-eu.org\/?page_id=138"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/youthlens-eu.org\/?page_id=138#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/youthlens-eu.org\/"},{"@type":"ListItem","position":2,"name":"Activities"}]},{"@type":"WebSite","@id":"https:\/\/youthlens-eu.org\/#website","url":"https:\/\/youthlens-eu.org\/","name":"youthlens-eu.org","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/youthlens-eu.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/youthlens-eu.org\/index.php?rest_route=\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youthlens-eu.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/youthlens-eu.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/youthlens-eu.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/youthlens-eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=138"}],"version-history":[{"count":4,"href":"https:\/\/youthlens-eu.org\/index.php?rest_route=\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/youthlens-eu.org\/index.php?rest_route=\/wp\/v2\/pages\/138\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/youthlens-eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}