{"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":"2025-03-28T09:27:56","modified_gmt":"2025-03-28T09:27:56","slug":"about","status":"publish","type":"page","link":"https:\/\/prepshield-project.eu\/it\/about\/","title":{"rendered":"Circa"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; 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.4&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/prepshield-project.eu\/wp-content\/uploads\/2025\/02\/pexels-photo-6647119.webp&#8221; height=&#8221;450px&#8221; height_tablet=&#8221;450px&#8221; height_phone=&#8221;450px&#8221; height_last_edited=&#8221;on|desktop&#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; _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.4&#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 _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_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; _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; 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.4&#8243; _module_preset=&#8221;default&#8221; 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.4&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/prepshield-project.eu\/wp-content\/uploads\/2025\/02\/pexels-photo-6647119.webp&#8221; height=&#8221;450px&#8221; height_tablet=&#8221;450px&#8221; height_phone=&#8221;450px&#8221; height_last_edited=&#8221;on|desktop&#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; _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.4&#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; [&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\/it\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prepshield-project.eu\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prepshield-project.eu\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prepshield-project.eu\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prepshield-project.eu\/it\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":101,"href":"https:\/\/prepshield-project.eu\/it\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/prepshield-project.eu\/it\/wp-json\/wp\/v2\/pages\/9\/revisions\/1304"}],"wp:attachment":[{"href":"https:\/\/prepshield-project.eu\/it\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}