{"id":9,"date":"2024-12-17T11:01:54","date_gmt":"2024-12-17T11:01:54","guid":{"rendered":"https:\/\/prepshield-project.eu\/?page_id=9"},"modified":"2026-10-06T14:08:53","modified_gmt":"2026-10-06T14:08:53","slug":"about","status":"publish","type":"page","link":"https:\/\/prepshield-project.eu\/de\/about\/","title":{"rendered":"\u00dcber das Projekt"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#eaf0f1&#8243; custom_padding=&#8221;0px||0px||true|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/prepshield-project.eu\/wp-content\/uploads\/2025\/02\/pexels-photo-6647119.webp&#8221; max_width=&#8221;none&#8221; height=&#8221;450px&#8221; height_tablet=&#8221;450px&#8221; height_phone=&#8221;450px&#8221; height_last_edited=&#8221;on|desktop&#8221; border_radii=&#8221;off|||6px|6px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#2BB673&#8243; custom_padding=&#8221;1rem|1rem||1rem|false|true&#8221; custom_css_main_element=&#8221;width: max-content;&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1 class=\"section-title\">ABOUT<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_id=&#8221;aboutproject&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#eaf0f1&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;none&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;ABOUT THE PROJECT&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf192;||fa||400&#8243; icon_color=&#8221;#FDFDFF&#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;32px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h5><b><span data-contrast=\"auto\">PREPAREDNESS, BUILT WITH SOCIETY \u2013 NOT JUST FOR IT<\/span><\/b><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0,&quot;335559740&quot;:240}\">\u00a0<\/span><\/h5>\n<p><span data-contrast=\"auto\">PREPSHIELD&#8217;s main objective is to foster a more holistic and citizen-centric approach to health-crisis preparedness and management, by co-creating policy recommendations, methods and an AI-powered platform from a social and societal perspective.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0,&quot;335559740&quot;:240}\">\u00a0<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#272361&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;none&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_video src=&#8221;https:\/\/www.youtube.com\/watch?v=LsPimOGCyhw&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|9px|9px|9px|9px&#8221; border_style_all=&#8221;dashed&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_color=&#8221;#FDFDFF&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_video][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FDFDFF&#8221; header_4_text_color=&#8221;#FDFDFF&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4><strong>What happens before a real pandemic?<\/strong><\/h4>\n<p><strong><\/strong><\/p>\n<p><span>We train to be more prepared for it! Recap of our PREPSHIELD Table-Top Exercise, which involved all segments of society &#8211; from authorities to citizens &#8211; to build more efficient and inclusive health crisis management.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_id=&#8221;objectives&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;FOUR CLEAR, MEASURABLE OBJECTIVES&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf192;||fa||400&#8243; icon_color=&#8221;#FDFDFF&#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;32px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(215,241,245,0.43)&#8221; custom_padding=&#8221;32px|25px|26px|16px|false|false&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; global_colors_info=&#8221;{}&#8221; border_color_all__hover_enabled=&#8221;off|hover&#8221; transform_styles__hover_enabled=&#8221;on|desktop&#8221; transform_scale__hover_enabled=&#8221;on|desktop&#8221; transform_translate__hover_enabled=&#8221;on|desktop&#8221; transform_rotate__hover_enabled=&#8221;on|desktop&#8221; transform_skew__hover_enabled=&#8221;on|desktop&#8221; transform_origin__hover_enabled=&#8221;on|desktop&#8221; transform_scale__hover=&#8221;104%|104%&#8221;][et_pb_blurb title=&#8221;SO1 | ENABLE CITIZEN-CENTRIC PREPAREDNESS &#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;23px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>The COVID 19 pandemic<\/strong> revealed that society was unprepared for such a widespread emergency. However, it also provided an opportunity to reflect on these challenges and improve future preparedness and response. PREPSHIELD aims to create a more comprehensive and people-centered approach to health crisis management, placing individuals and communities at the forefront of planning and decision-making.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(215,241,245,0.43)&#8221; custom_padding=&#8221;32px|25px|26px|16px|false|false&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;on|hover&#8221; transform_scale__hover_enabled=&#8221;on|hover&#8221; transform_translate__hover_enabled=&#8221;on|desktop&#8221; transform_rotate__hover_enabled=&#8221;on|desktop&#8221; transform_skew__hover_enabled=&#8221;on|desktop&#8221; transform_origin__hover_enabled=&#8221;on|desktop&#8221; transform_scale__hover=&#8221;104%|104%&#8221;][et_pb_blurb title=&#8221;SO2 | CO-CREATE THE PLATFORM, APP AND GUIDELINES &#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;23px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Develop and evaluate policy recommendations alongside a cyber-secured PREPSHIELD platform and app, exploiting AI, epidemiological modelling, agent-based simulation and enhanced situational awareness, refined through iterative pilots<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(215,241,245,0.43)&#8221; custom_padding=&#8221;32px|25px|90px|16px|false|false&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; global_colors_info=&#8221;{}&#8221; border_color_all__hover_enabled=&#8221;off|hover&#8221; transform_styles__hover_enabled=&#8221;on|desktop&#8221; transform_scale__hover_enabled=&#8221;on|desktop&#8221; transform_translate__hover_enabled=&#8221;on|desktop&#8221; transform_rotate__hover_enabled=&#8221;on|desktop&#8221; transform_skew__hover_enabled=&#8221;on|desktop&#8221; transform_origin__hover_enabled=&#8221;on|desktop&#8221; transform_scale__hover=&#8221;104%|104%&#8221;][et_pb_blurb title=&#8221;SO3 | TRAIN SOCIETAL ACTORS FOR A HEALTH CRISIS &#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;23px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Deliver training, tabletop exercises and an online exercise with public authorities, CSOs, healthcare institutions and citizens across three case studies at different scales, to clarify roles, responsibilities and pathways for participation.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(215,241,245,0.43)&#8221; custom_padding=&#8221;32px|25px|26px|16px|false|false&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;on|hover&#8221; transform_scale__hover_enabled=&#8221;on|hover&#8221; transform_translate__hover_enabled=&#8221;on|desktop&#8221; transform_rotate__hover_enabled=&#8221;on|desktop&#8221; transform_skew__hover_enabled=&#8221;on|desktop&#8221; transform_origin__hover_enabled=&#8221;on|desktop&#8221; transform_scale__hover=&#8221;104%|104%&#8221;][et_pb_blurb title=&#8221;SO4 | RAISE AWARENESS OF FUTURE HEALTH EMERGENCIES &#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;23px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Consider the many dimensions of health (mental, environmental, animal) to imagine future health crises, and produce a video presenting plausible future scenarios based on epidemiological and agent-based predictions.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;WHY&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf192;||fa||400&#8243; icon_color=&#8221;#FDFDFF&#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;32px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>The COVID 19 pandemic<\/strong> revealed that society was unprepared for such a widespread emergency. However, it also provided an opportunity to reflect on these challenges and improve future preparedness and response. PREPSHIELD aims to create a more comprehensive and people-centered approach to health crisis management, placing individuals and communities at the forefront of planning and decision-making.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;HOW&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe037;||divi||400&#8243; icon_color=&#8221;#FDFDFF&#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;32px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>PREPSHIELD will conduct a need analysis and develop recommendations for <strong>health crisis preparedness<\/strong>, response, and communication as well as tools to simulate future crises. The PREPSHIELD platform and app will be developed to facilitate communication among stakeholders and support decision-making in a real or simulated crisis. Once the recommendations and tools are developed, so-called \u201cpilot exercises\u201d will simulate future crises with stakeholders: one communication pilot, one tabletop exercise, and one online exercise relying entirely on the platform and app.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=&#8221;methodology&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/prepshield-project.eu\/wp-content\/uploads\/2025\/02\/PREPSHIELD_Scheme_02_V2-01.png&#8221; title_text=&#8221;PREPSHIELD_Scheme_02_V2-01&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;WHERE&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe081;||divi||400&#8243; icon_color=&#8221;#FDFDFF&#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;32px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The pilot exercises will take place at different scales in different countries: local (<strong>Hamburg, DE<\/strong>), regional (<strong>Piedmont, IT<\/strong>) and national (<strong>Romania<\/strong>).<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;WHEN&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf017;||fa||400&#8243; icon_color=&#8221;#FDFDFF&#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;32px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"\">The PREPSHIELD project started in <strong>September 2024<\/strong> and will end in <strong>August 2027<\/strong>. Its milestones are presented in the <strong>timeline<\/strong> below.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; height=&#8221;400px&#8221; custom_css_main_element=&#8221;display: flex;||align-items: center;&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"progress-bar-text\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"progress-bar-text-left\">September 2024<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"progress-bar-text-right\">August 2027<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"keydates\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"timeline-date\" style=\"left: 0%;\">September 2024: Project launch<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"timeline-date\" style=\"left: 30.56%;\">August 2025: The platform and mobile application are ready to be tested; Pilot on crisis communication<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"timeline-date\" style=\"left: 33.33%;\">September 2025: Tabletop exercises with online component<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"timeline-date\" style=\"left: 61.11%;\">July 2026: Online pilots using the platform and app<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"timeline-date\" style=\"left: 100%;\">August 2027: Project end<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"progress-bar\"><!-- [et_pb_line_break_holder] -->  \t<\/p>\n<div class=\"dot\" style=\"left: 0%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"dot\" style=\"left: 30.56%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"dot\" style=\"left: 33.33%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"dot\" style=\"left: 61.11%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"dot\" style=\"left: 98.7%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"bar\"><!-- [et_pb_line_break_holder] -->        <span class=\"percentage\">\t\t\t\t\t\t<\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    .progress-bar-text {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        justify-content: space-between;<!-- [et_pb_line_break_holder] -->        margin-bottom: 2rem;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #progress-bar {<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        height: 20px;<!-- [et_pb_line_break_holder] -->        background-color: #f2f5f2;<!-- [et_pb_line_break_holder] -->        border-radius: 50px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .bar {<!-- [et_pb_line_break_holder] -->        height: 100%;<!-- [et_pb_line_break_holder] -->        background-color: #3FBF70;<!-- [et_pb_line_break_holder] -->        border-radius: 50px;<!-- [et_pb_line_break_holder] -->        \/*position: relative;*\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .keydates {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    max-height: 200px;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: flex-end;<!-- [et_pb_line_break_holder] -->    top: -4rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .timeline-date {<!-- [et_pb_line_break_holder] -->    position:absolute;<!-- [et_pb_line_break_holder] -->    transform:translate(-45%, 0%);<!-- [et_pb_line_break_holder] -->    width:min-content;<!-- [et_pb_line_break_holder] -->    min-width:120px;<!-- [et_pb_line_break_holder] -->    background:#f2f5f2;<!-- [et_pb_line_break_holder] -->    color: #044827;<!-- [et_pb_line_break_holder] -->    padding:.7rem;<!-- [et_pb_line_break_holder] -->    border-radius:.4rem;<!-- [et_pb_line_break_holder] -->    font-size:.9rem;<!-- [et_pb_line_break_holder] -->    line-height:1.4;<!-- [et_pb_line_break_holder] -->    z-index:999;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .timeline-date:last-of-type {<!-- [et_pb_line_break_holder] -->    left:96% !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .timeline-date:first-of-type {<!-- [et_pb_line_break_holder] -->    left:3% !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->   #progress-bar .dot {<!-- [et_pb_line_break_holder] -->   width:20px;<!-- [et_pb_line_break_holder] -->   height:20px;<!-- [et_pb_line_break_holder] -->   border-radius:100px;<!-- [et_pb_line_break_holder] -->   z-index:99;<!-- [et_pb_line_break_holder] -->   position:absolute;<!-- [et_pb_line_break_holder] -->   bottom:0px;<!-- [et_pb_line_break_holder] -->   background: #044827;;<!-- [et_pb_line_break_holder] -->   opacity:.7;<!-- [et_pb_line_break_holder] -->   <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  #progress-bar .dot:after {<!-- [et_pb_line_break_holder] -->    content:\"\";<!-- [et_pb_line_break_holder] -->    width:2px;<!-- [et_pb_line_break_holder] -->    border-radius:2px;<!-- [et_pb_line_break_holder] -->    height:4rem;<!-- [et_pb_line_break_holder] -->    background: #044827;;<!-- [et_pb_line_break_holder] -->    opacity:.5;<!-- [et_pb_line_break_holder] -->    position:absolute;<!-- [et_pb_line_break_holder] -->    top:-1.2rem;<!-- [et_pb_line_break_holder] -->    left:50%; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @media screen and (max-width:876px) {<!-- [et_pb_line_break_holder] -->    #progress-bar .dot {<!-- [et_pb_line_break_holder] -->      display:none;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .timeline-date {<!-- [et_pb_line_break_holder] -->      display:none;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .timeline-date:nth-of-type(3) {<!-- [et_pb_line_break_holder] -->  \tleft: 33.83% !important;<!-- [et_pb_line_break_holder] -->    top: 8rem;<!-- [et_pb_line_break_holder] -->    isolation: isolate;<!-- [et_pb_line_break_holder] -->    z-index: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .timeline-date:nth-of-type(3):before {<!-- [et_pb_line_break_holder] -->    content: \"\";<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    width: 2px;<!-- [et_pb_line_break_holder] -->    height: 50px;<!-- [et_pb_line_break_holder] -->    background: #044827;<!-- [et_pb_line_break_holder] -->    top: -3rem;<!-- [et_pb_line_break_holder] -->    left: 48%;<!-- [et_pb_line_break_holder] -->    z-index: -1;<!-- [et_pb_line_break_holder] -->     opacity:.5;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --> \/* #progress-bar .dot:nth-of-type(1)  {<!-- [et_pb_line_break_holder] -->    left:0%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  #progress-bar .dot:nth-of-type(2)::before {<!-- [et_pb_line_break_holder] -->    content: \"September 2025\";<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    bottom: -4rem;<!-- [et_pb_line_break_holder] -->    left: -100%;<!-- [et_pb_line_break_holder] -->    text-align:center;<!-- [et_pb_line_break_holder] -->  \tline-height:1.3;<!-- [et_pb_line_break_holder] -->    font-size: 12px; <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(2)  {<!-- [et_pb_line_break_holder] -->    left:20%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(3)::before {<!-- [et_pb_line_break_holder] -->    content: \"November 2025\";<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    bottom: -4rem;<!-- [et_pb_line_break_holder] -->    left: -100%;<!-- [et_pb_line_break_holder] -->    text-align:center;<!-- [et_pb_line_break_holder] -->  \tline-height:1.3;<!-- [et_pb_line_break_holder] -->    font-size: 12px; <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(3)  {<!-- [et_pb_line_break_holder] -->    left:30%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(4)::before {<!-- [et_pb_line_break_holder] -->    content: \"March 2026\";<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    bottom: -4rem;<!-- [et_pb_line_break_holder] -->    left: -30%;<!-- [et_pb_line_break_holder] -->    text-align:center;<!-- [et_pb_line_break_holder] -->  \tline-height:1.3;<!-- [et_pb_line_break_holder] -->    font-size: 12px;  <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(4)  {<!-- [et_pb_line_break_holder] -->    left:40%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(5)::before {<!-- [et_pb_line_break_holder] -->    content: \"May 2026\";<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    bottom: -4rem;<!-- [et_pb_line_break_holder] -->    left: -30%;<!-- [et_pb_line_break_holder] -->    text-align:center;<!-- [et_pb_line_break_holder] -->  \tline-height:1.3;<!-- [et_pb_line_break_holder] -->    font-size: 12px;  <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(5)  {<!-- [et_pb_line_break_holder] -->    left:50%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(6)::before {<!-- [et_pb_line_break_holder] -->    content: \"March 2027\";<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    bottom: -4rem;<!-- [et_pb_line_break_holder] -->    left: -30%;<!-- [et_pb_line_break_holder] -->    text-align:center;<!-- [et_pb_line_break_holder] -->  \tline-height:1.3;<!-- [et_pb_line_break_holder] -->    font-size: 12px; <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->    #progress-bar .dot:nth-of-type(6)  {<!-- [et_pb_line_break_holder] -->    left:75%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->      #progress-bar .dot:nth-of-type(7)  {<!-- [et_pb_line_break_holder] -->    left:98.5%;<!-- [et_pb_line_break_holder] -->  }*\/<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .percentage {<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        \/*top: 300px;<!-- [et_pb_line_break_holder] -->        left: 50%;<!-- [et_pb_line_break_holder] -->        transform: translate(-50%, -50%);*\/<!-- [et_pb_line_break_holder] -->        \/*font-size: 14px;<!-- [et_pb_line_break_holder] -->        color: #2BB673;*\/<!-- [et_pb_line_break_holder] -->    top: 450%;<!-- [et_pb_line_break_holder] -->    left: 50%;<!-- [et_pb_line_break_holder] -->    transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->    font-size: 2rem;<!-- [et_pb_line_break_holder] -->    color: #2BB673;<!-- [et_pb_line_break_holder] -->    background: #f2f5f2;<!-- [et_pb_line_break_holder] -->    width: 100px;<!-- [et_pb_line_break_holder] -->    aspect-ratio: 1;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .percentage:after {<!-- [et_pb_line_break_holder] -->    content: \"Project Progress\";<!-- [et_pb_line_break_holder] -->    font-size: 1rem;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    line-height: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\/\/ Define key dates<!-- [et_pb_line_break_holder] -->var keyDates = [<!-- [et_pb_line_break_holder] -->    { date: new Date(\"September 1, 2024\"), name: \"Project launch\" },<!-- [et_pb_line_break_holder] -->    { date: new Date(\"August 1, 2025\"), name: \"The platform and mobile application are ready to be tested\" },<!-- [et_pb_line_break_holder] -->    { date: new Date(\"June 1, 2025\"), name: \"Pilot on crisis communication\" },<!-- [et_pb_line_break_holder] -->    { date: new Date(\"March 1, 2026\"), name: \"3D Survey Completion\" },<!-- [et_pb_line_break_holder] -->    { date: new Date(\"May 1, 2026\"), name: \"2D Survey Completion\" },<!-- [et_pb_line_break_holder] -->    { date: new Date(\"March 1, 2027\"), name: \"Risk Toolbox Testing\" },<!-- [et_pb_line_break_holder] -->    { date: new Date(\"August 31, 2027\"), name: \"Assessment of Solutions\" }<!-- [et_pb_line_break_holder] -->];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Define start and end dates for progress calculation<!-- [et_pb_line_break_holder] -->var start = keyDates[0].date;<!-- [et_pb_line_break_holder] -->var end = keyDates[keyDates.length - 1].date;<!-- [et_pb_line_break_holder] -->var total = (end - start) \/ (24 * 60 * 60 * 1000); \/\/ Total days between start and end<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Function to update progress bar<!-- [et_pb_line_break_holder] -->function updateProgressBar() {<!-- [et_pb_line_break_holder] -->    var current = new Date();<!-- [et_pb_line_break_holder] -->    var progress = (current - start) \/ (end - start) * 100;<!-- [et_pb_line_break_holder] -->    if (progress > 100) progress = 100; \/\/ Cap at 100%<!-- [et_pb_line_break_holder] -->    if (progress < 0) progress = 0; \/\/ Floor at 0%<!-- [et_pb_line_break_holder] -->    document.querySelector(\".bar\").style.width = progress + \"%\";<!-- [et_pb_line_break_holder] -->    document.querySelector(\".percentage\").innerHTML = Math.round(progress) + \"%\";<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Update progress bar initially and every day<!-- [et_pb_line_break_holder] -->updateProgressBar();<!-- [et_pb_line_break_holder] -->setInterval(updateProgressBar, 24 * 60 * 60 * 1000); \/\/ Update every 24 hours<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|off&#8221; module_id=&#8221;consortium&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;2rem||||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;TEAM&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0c0;||fa||900&#8243; icon_color=&#8221;#FDFDFF&#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;32px&#8221; image_icon_custom_margin=&#8221;||||true|false&#8221; image_icon_custom_padding=&#8221;0.3rem|0.3rem|0.3rem|0.3rem|true|true&#8221; border_radii_image=&#8221;on|4px|4px|4px|4px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div>\n<div><span>    <section id=\"world-map\">\r\n        <div id=\"map\">\r\n            <div class=\"macro-legend\">\r\n                <div class=\"partner-countries\">\r\n                    <span class=\"color-box\" style=\"background-color: #3fbf70;\"><\/span>\r\n                    <p>Countries with Partners<\/p>\r\n                <\/div>\r\n                <div class=\"active-country\">\r\n                    <span class=\"color-box\" style=\"background-color: #fcb953;\"><\/span>\r\n                    <p>Currently Selected Country<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"main-wrapper\">\r\n            <h3 id=\"partner-country-title\" style=\"margin-bottom: 1rem;\"><\/h3>\r\n            <div id=\"partner-cards\" style=\"margin-bottom: 2rem;\"><\/div>\r\n            <div id=\"partner-cards-wrapper\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \r\n\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n    var width = 550, height = 550;\r\n\r\n    var projection = d3.geoMercator()\r\n        .center([15, 55])\r\n        .scale(450)\r\n        .translate([width \/ 2.6, height \/ 1.9]);\r\n\r\n    var path = d3.geoPath().projection(projection);\r\n\r\n    var svg = d3.select(\"#map\").append(\"svg\")\r\n        .attr(\"width\", width)\r\n        .attr(\"height\", height);\r\n\r\n    var mapGroup = svg.append(\"g\");\r\n\r\n    \/\/ Color scale for categories\r\n    var colorScale = d3.scaleOrdinal(d3.schemeCategory10);\r\n\r\n    \/\/ Load GeoJSON and partners data\r\n    d3.json(\"https:\/\/prepshield-project.eu\/wp-content\/themes\/divi_child_prepshield\/europe.geojson\").then(function (geojson) {\r\n        var countries = geojson.features;\r\n\r\n        \/\/ Render map\r\n        mapGroup.selectAll(\"path\")\r\n            .data(countries)\r\n            .enter().append(\"path\")\r\n            .attr(\"d\", path)\r\n            .attr(\"stroke\", \"#c7d0d4\")\r\n            .attr(\"fill\", \"#f5f0f5\")\r\n            .attr(\"stroke-width\", \"0.3\")\r\n            .attr(\"class\", function (d) {\r\n                return `country country-${d.properties.NAME}`;\r\n            });\r\n\r\n        \/\/ Fetch partners data\r\n        d3.json(\"\/wp-json\/partners\/v1\/list\").then(function (partnersByCountry) {\r\n            \/\/ Normalize names for matching\r\n            function normalizeName(name) {\r\n                return name.trim().toLowerCase().replace(\/[\\s-]\/g, \"\");\r\n            }\r\n\r\n            \/\/ Extract unique categories for the legend\r\n            var categories = new Set();\r\n            for (let country in partnersByCountry) {\r\n                partnersByCountry[country].forEach(partner => {\r\n                    categories.add(partner.category);\r\n                });\r\n            }\r\n\r\n            \/\/ Create the legend\r\n            var legend = d3.select(\"#partner-cards-wrapper\").insert(\"div\", \":first-child\")\r\n                .attr(\"class\", \"legend\");\r\n            \r\n                legend.insert(\"h4\", \":first-child\")\r\n                    .text(\"Type of Organisation\")\r\n                    .style(\"margin-bottom\", \"1rem\")\r\n                    \/\/ .style(\"font-size\", \"16px\")\r\n                    \/\/ .style(\"font-weight\", \"bold\");\r\n\r\n            Array.from(categories).forEach((category, i) => {\r\n                legend.append(\"div\")\r\n                    .attr(\"class\", \"legend-item\")\r\n                    .style(\"display\", \"flex\")\r\n                    .style(\"align-items\", \"center\")\r\n                    .style(\"margin-bottom\", \"5px\")\r\n                    .html(`\r\n                        <span style=\"width: 20px; height: 20px; border-radius: .3rem; background-color: ${colorScale(i)}; margin-right: 10px;\"><\/span>\r\n                        <span>${category}<\/span>\r\n                    `);\r\n            });\r\n\r\n            \/\/ Highlight countries with partners\r\n            for (let country in partnersByCountry) {\r\n                mapGroup.selectAll(\".country\")\r\n                    .filter(function (d) {\r\n                        return normalizeName(d.properties.NAME) === normalizeName(country);\r\n                    })\r\n                    .attr(\"fill\", \"#3fbf70\")\r\n                    .classed(\"has-partner\", true)\r\n                    .on(\"click\", function () {\r\n                        setActiveCountry(country); \/\/ Set active class dynamically\r\n                        showCountryPartners(country, partnersByCountry[country]);\r\n                    });\r\n            }\r\n\r\n             \/\/ Specify the default country to display\r\n            const defaultCountry = \"\"; \/\/ Replace with your desired country name\r\n            if (partnersByCountry[defaultCountry]) {\r\n                setActiveCountry(defaultCountry); \/\/ Set the default active country\r\n                showCountryPartners(defaultCountry, partnersByCountry[defaultCountry]);\r\n            }\r\n\r\n            \/\/ Function to set the active country\r\n            function setActiveCountry(country) {\r\n                \/\/ Remove active class from all countries\r\n                mapGroup.selectAll(\".country\").classed(\"active\", false);\r\n\r\n                \/\/ Add active class to the selected country\r\n                mapGroup.selectAll(\".country\")\r\n                    .filter(function (d) {\r\n                        return normalizeName(d.properties.NAME) === normalizeName(country);\r\n                    })\r\n                    .classed(\"active\", true);\r\n            }\r\n\r\n            \/\/ Show partners for the clicked country\r\n            function showCountryPartners(country, partners) {\r\n                var title = document.getElementById(\"partner-country-title\");\r\n                var container = document.getElementById(\"partner-cards\");\r\n\r\n                title.innerHTML = `Partners in <span>${country}<\/span>`;\r\n                container.innerHTML = \"\";\r\n\r\n                partners.forEach(partner => {\r\n                    var categoryIndex = Array.from(categories).indexOf(partner.category);\r\n                    var categoryColor = colorScale(categoryIndex);\r\n\r\n                    var card = document.createElement(\"div\");\r\n                    card.className = \"partner-card\";\r\n                    card.innerHTML = `\r\n                        <div style=\"border-left: 5px solid ${categoryColor}; padding: 1rem; height: 100%; border-radius: 5px;\">\r\n                            <h4>${partner.name}<\/h4>\r\n                            <p>${partner.excerpt}<\/p>\r\n                            <a href=\"${partner.permalink}\">Read more<\/a>\r\n                        <\/div>\r\n                    `;\r\n                    container.appendChild(card);\r\n                });\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Add zoom and pan functionality\r\n    \/\/ svg.call(d3.zoom()\r\n    \/\/     .scaleExtent([1, 8])\r\n    \/\/     .on(\"zoom\", function (event) {\r\n    \/\/         svg.selectAll(\"g\").attr(\"transform\", event.transform);\r\n    \/\/     }));\r\n});\r\n\r\n    <\/script>\r\n\r\n    <style>\r\n        #world-map {\r\n            display: flex;\r\n            gap: 3rem;\r\n        }\r\n\r\n        .macro-legend {\r\n            display: flex;\r\n            gap: 2rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .macro-legend div:has(.color-box) {\r\n            display: flex;\r\n            gap: .5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .macro-legend div:has(.color-box) p {\r\n            text-transform: uppercase;\r\n            font-weight: 900;\r\n        }\r\n\r\n        .color-box {\r\n            width: 30px;\r\n            height: 20px;\r\n            display: flex;\r\n            border-radius: .3rem;\r\n        }\r\n\r\n        \r\n        #partner-cards-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1.3rem;\r\n            flex: 1;\r\n        }\r\n\r\n        .legend {\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        #partner-country-title, .legend h4 {\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        #partner-cards {\r\n            \/* display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: .5rem;\r\n        }\r\n\r\n        .partner-card {\r\n            background: white;\r\n            border: 1px solid #f4f4f4;\r\n            border-radius: 5px;\r\n            \r\n        }\r\n\r\n        \/* .partner-card:only-child {\r\n            max-width: 300px;\r\n        } *\/\r\n\r\n        .partner-card h4 {\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* .partner-card h4 {\r\n            margin: 0 0 0.5rem;\r\n        } *\/\r\n\r\n        .partner-card a {\r\n            color: #3FBF70;\r\n            text-decoration: none;\r\n            transition: all 400ms ease-in-out;\r\n        }\r\n\r\n        .partner-card a:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        .has-partner {\r\n            cursor: pointer;\r\n            transition: background 400ms ease-in-out;\r\n        }\r\n\r\n        #partner-country-title span {\r\n            color: #FCB953;\r\n        }\r\n\r\n\r\n        .has-partner:hover {\r\n            opacity: .9;\r\n        }\r\n\r\n        .country.active {\r\n            fill: #FCB953 !important;\r\n        }\r\n    <\/style>\r\n    <\/span><\/div>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#eaf0f1&#8243; custom_padding=&#8221;0px||0px||true|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/prepshield-project.eu\/wp-content\/uploads\/2025\/02\/pexels-photo-6647119.webp&#8221; max_width=&#8221;none&#8221; height=&#8221;450px&#8221; height_tablet=&#8221;450px&#8221; height_phone=&#8221;450px&#8221; height_last_edited=&#8221;on|desktop&#8221; border_radii=&#8221;off|||6px|6px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#2BB673&#8243; custom_padding=&#8221;1rem|1rem||1rem|false|true&#8221; custom_css_main_element=&#8221;width: max-content;&#8221; global_colors_info=&#8221;{}&#8221;] ABOUT [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_id=&#8221;aboutproject&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#eaf0f1&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;none&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;ABOUT THE PROJECT&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf192;||fa||400&#8243; icon_color=&#8221;#FDFDFF&#8221; image_icon_background_color=&#8221;#272361&#8243; icon_placement=&#8221;left&#8221; module_id=&#8221;title-icon&#8221; _builder_version=&#8221;4.27.9&#8243; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/prepshield-project.eu\/de\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prepshield-project.eu\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prepshield-project.eu\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prepshield-project.eu\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prepshield-project.eu\/de\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":132,"href":"https:\/\/prepshield-project.eu\/de\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":1965,"href":"https:\/\/prepshield-project.eu\/de\/wp-json\/wp\/v2\/pages\/9\/revisions\/1965"}],"wp:attachment":[{"href":"https:\/\/prepshield-project.eu\/de\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}