{"id":1168,"date":"2026-04-07T18:28:54","date_gmt":"2026-04-07T18:28:54","guid":{"rendered":"https:\/\/sesameproject.eu\/?page_id=1168"},"modified":"2026-04-16T16:59:48","modified_gmt":"2026-04-16T16:59:48","slug":"project-results-sesame-resist","status":"publish","type":"page","link":"https:\/\/sesameproject.eu\/it\/project-results-sesame-resist\/","title":{"rendered":"SESAME RESIST &#8211; PROJECT RESULTS"},"content":{"rendered":"<div class=\"\" style=\"\" >\n    \n    <section class=\"u-align-left u-clearfix u-container-align-left u-image u-section-2\" src=\"\" id=\"sec-1edc\" data-image-width=\"2400\" data-image-height=\"1600\" style=\"background-image: url(&quot;https:\/\/sesameproject.eu\/wp-content\/uploads\/2023\/06\/jason-goodman-bzqU01v-G54-unsplash.jpg&quot;);\">\n      <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\"><!-- HEADER START -->\n        <div class=\"header-container\" style=\"\n  background: #FF6633;\n  font-family: 'Montserrat', sans-serif;\n  color: white;\n  width: 100%;\n  padding: 10px 20px;\n  box-sizing: border-box;\n  min-height: 120px;\n  display: flex;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n\">\n          <div class=\"header-row\" style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; width: 100%; max-width: 92%; margin: 0 auto;\"><!-- Logo -->\n            <div class=\"header-logo\" style=\"flex: 0 0 auto; min-width: 100px;\">\n              <img decoding=\"async\" src=\"https:\/\/sesameproject.eu\/wp-content\/uploads\/2026\/04\/unnamed.png\" alt=\"Green Sesame Logo\" style=\"height: 80px;width:280px;\">\n            <\/div><!-- Navigation (Center) -->\n            <nav id=\"mainNav\" style=\"flex: 1 1 auto; display: flex; justify-content: center; align-items: center; gap: 70px; flex-wrap: nowrap; min-width: 0;\">\n              <a href=\"https:\/\/sesameproject.eu\/home-sesame-resist\/\" style=\"color: white; text-decoration: none; font-weight: 500;\">HOME<\/a>\n              <a href=\"https:\/\/sesameproject.eu\/project-results-sesame-resist\/\" style=\"color: white; text-decoration: none; font-weight: 500;\">Project Results<\/a>\n              <a href=\"https:\/\/sesameproject.eu\/partners-sesame-resist\/\" style=\"color: white; text-decoration: none; font-weight: 500;\">Partners<\/a>\n              <a href=\"https:\/\/sesameproject.eu\/activities-sesame-resist\/\" style=\"color: white; text-decoration: none; font-weight: 500;\">Activities<\/a>\n              <a href=\"https:\/\/sesameproject.eu\/contactos-sesame-resist\/\" style=\"color: white; text-decoration: none; font-weight: 500;\">Contacts<\/a>\n            <\/nav><!-- Right Controls: Language Switcher + Hamburger -->\n            <div class=\"header-controls\" style=\"flex: 0 0 auto; display: flex; justify-content: flex-end; align-items: center; gap: 10px; min-width: 100px;\"><!-- Language Switcher -->\n              <div class=\"language-switcher-wrapper\" style=\"position: relative;\">\n                <button style=\"\n          background: rgba(0,0,0,0);\n          border: 1px solid rgba(255,255,255,0.3);\n          border-radius: 20px;\n          padding: 6px 12px;\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          gap: 6px;\n          height: 36px;\n          min-width: 56px;\n          justify-content: center;\n        \" onclick=\"toggleLanguageMenu()\"><span style=\"font-size: 1.1em; color: white;\">&#x1f310;<\/span><span id=\"currentLanguage\" style=\"font-size: 0.85em; font-weight: 500; color: white;\">EN<\/span>\n                <\/button>\n                <div id=\"languageMenu\" style=\"\n          display: none;\n          position: absolute;\n          top: 120%;\n          right: 0;\n          background: white;\n          border: 1px solid #eee;\n          border-radius: 8px;\n          box-shadow: 0 4px 12px rgba(0,0,0,0.12);\n          min-width: 140px;\n          z-index: 10000;\n          overflow: hidden;\n        \">\n                  <div style=\"padding: 10px 14px; cursor: pointer; color: #333;\" onclick=\"changeLanguage('EN')\">English (EN)<\/div>\n                  <div style=\"padding: 10px 14px; cursor: pointer; color: #333;\" onclick=\"changeLanguage('ES')\">Espa\u00f1ol (ES)<\/div>\n                  <div style=\"padding: 10px 14px; cursor: pointer; color: #333;\" onclick=\"changeLanguage('DE')\">Deutsch (DE)<\/div>\n                  <div style=\"padding: 10px 14px; cursor: pointer; color: #333;\" onclick=\"changeLanguage('IT')\">Italiano (IT)<\/div>\n                  <div style=\"padding: 10px 14px; cursor: pointer; color: #333;\" onclick=\"changeLanguage('PT')\">Portugu\u00eas (PT)<\/div>\n                <\/div>\n              <\/div><!-- Hamburger Icon (Mobile) -->\n              <div class=\"hamburger\" style=\"display: none; cursor: pointer; flex-direction: column; gap: 4px;\" onclick=\"toggleMobileMenu()\">\n                <div style=\"width: 25px; height: 3px; background-color: white;\"><\/div>\n                <div style=\"width: 25px; height: 3px; background-color: white;\"><\/div>\n                <div style=\"width: 25px; height: 3px; background-color: white;\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div><!-- Mobile Menu (hidden by default) -->\n          <div id=\"mobileMenu\" style=\"display: none; flex-direction: column; padding: 10px 0; gap: 10px; text-align: center;\">\n            <a href=\"https:\/\/sesameproject.eu\/home-sesame-resist\/\" style=\"color: white; text-decoration: none;\">HOME<\/a>\n            <a href=\"https:\/\/sesameproject.eu\/project-results-green-sesame\/\" style=\"color: white; text-decoration: none;\">Project Results<\/a>\n            <a href=\"https:\/\/sesameproject.eu\/partners-green-sesame\/\" style=\"color: white; text-decoration: none;\">Partners<\/a>\n            <a href=\"https:\/\/sesameproject.eu\/atividades-do-projeto-green\/\" style=\"color: white; text-decoration: none;\">Activities<\/a>\n            <a href=\"https:\/\/sesameproject.eu\/contactos-green-sesame\/\" style=\"color: white; text-decoration: none;\">Contacts<\/a>\n          <\/div>\n        <\/div><!-- HEADER END --><!-- STYLES FOR RESPONSIVENESS -->\n        <style> .header-logo img {\n    display: block;\n  }\n  nav a {\n    position: relative;\n    transition: all 0.3s ease;\n    white-space: nowrap;\n  }\n  nav a:hover {\n    color: #fff;\n    transform: scale(1.1);\n    text-shadow: 0 0 6px rgba(255, 255, 255, 0.6);\n  }\n  nav a::after {\n    content: '';\n    position: absolute;\n    width: 0%;\n    height: 2px;\n    background-color: white;\n    left: 50%;\n    bottom: -6px;\n    transition: all 0.3s ease;\n    transform: translateX(-50%);\n  }\n  nav a:hover::after {\n    width: 100%;\n  }\n  \/* DESKTOP ONLY *\/\n  @media (min-width: 1025px) {\n    .header-container {\n      padding: 20px 20px !important;\n    }\n    .header-logo img {\n      height: 100px !important;\n      margin: -30px !important;\n    }\n    #mainNav {\n      display: flex !important;\n    }\n    .hamburger {\n      display: none !important;\n    }\n  }\n  \/* TABLET + MOBILE *\/\n  @media (max-width: 1024px) {\n    .header-container {\n      height: auto !important;\n      min-height: unset !important;\n      padding: 10px 14px !important;\n      display: block !important;\n    }\n    .header-row {\n      display: flex !important;\n      align-items: center !important;\n      justify-content: space-between !important;\n      flex-wrap: nowrap !important;\n      width: 100% !important;\n      max-width: 100% !important;\n      gap: 10px !important;\n    }\n    .header-logo {\n      flex: 0 1 auto !important;\n      min-width: 0 !important;\n    }\n    .header-logo img {\n      height: 52px !important;\n      max-width: 170px !important;\n      width: auto !important;\n      margin: 0 !important;\n    }\n    #mainNav {\n      display: none !important;\n    }\n    .header-controls {\n      flex: 0 0 auto !important;\n      min-width: auto !important;\n      margin-left: auto !important;\n      gap: 8px !important;\n    }\n    .hamburger {\n      display: flex !important;\n      flex-direction: column;\n      gap: 4px;\n      cursor: pointer;\n    }\n    .language-switcher-wrapper button {\n      height: 34px !important;\n      min-width: 48px !important;\n      padding: 5px 10px !important;\n    }\n    #mobileMenu {\n      display: none;\n      flex-direction: column;\n      width: 100%;\n      padding: 10px 0 0 0;\n      gap: 8px;\n      text-align: center;\n    }\n    #mobileMenu a {\n      display: block;\n      padding: 8px 0;\n    }\n  }\n  \/* VERY SMALL *\/\n  @media (max-width: 480px) {\n    .header-logo img {\n      height: 44px !important;\n      max-width: 145px !important;\n    }\n    .language-switcher-wrapper button {\n      height: 32px !important;\n      padding: 4px 8px !important;\n      min-width: 44px !important;\n    }\n  } <\/style><!-- SCRIPT FOR TOGGLING MENUS AND LANGUAGE REDIRECT -->\n        <script> function toggleMobileMenu() {\n    const menu = document.getElementById(\"mobileMenu\");\n    menu.style.display = menu.style.display === \"flex\" ? \"none\" : \"flex\";\n  }\n  function toggleLanguageMenu() {\n    const menu = document.getElementById(\"languageMenu\");\n    menu.style.display = (menu.style.display === 'block') ? 'none' : 'block';\n  }\n  function changeLanguage(code) {\n    const langMap = {\n      EN: 'en',\n      ES: 'es',\n      DE: 'de',\n      IT: 'it',\n      PT: 'pt'\n    };\n    const langPath = langMap[code] || 'en';\n    \/\/ Remove existing language code from URL\n    const path = window.location.pathname;\n    const pathParts = path.split('\/').filter(Boolean);\n    const knownLangs = Object.values(langMap);\n    if (knownLangs.includes(pathParts[0])) {\n      pathParts.shift(); \/\/ remove language code\n    }\n    const newPath = '\/' + langPath + '\/' + pathParts.join('\/');\n    window.location.href = newPath;\n  }\n  \/\/ Close language menu when clicking outside\n  document.addEventListener(\"click\", function (e) {\n    const isInside = e.target.closest(\".language-switcher-wrapper\");\n    if (!isInside) {\n      const menu = document.getElementById(\"languageMenu\");\n      if (menu) menu.style.display = \"none\";\n    }\n  });\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const pathParts = window.location.pathname.split('\/').filter(Boolean);\n    const currentLang = pathParts[0];\n    const langMap = {\n      en: \"EN\",\n      es: \"ES\",\n      de: \"DE\",\n      it: \"IT\",\n      pt: \"PT\"\n    };\n    if (langMap[currentLang]) {\n      document.getElementById(\"currentLanguage\").innerText = langMap[currentLang];\n    } else {\n      document.getElementById(\"currentLanguage\").innerText = \"EN\"; \/\/ Fallback\n    }\n  }); <\/script>\n      <\/div>\n      <h2 class=\"u-align-center u-text u-text-body-alt-color u-text-1\">Project Results<\/h2>\n    <\/section>\n    <section class=\"specialsection u-clearfix u-image u-shading u-section-3\" id=\"sec-eeac\" data-image-width=\"1920\" data-image-height=\"1280\" style=\"background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(&quot;https:\/\/sesameproject.eu\/wp-content\/uploads\/2023\/11\/headway-5QgIuuBxKwM-unsplash.jpg&quot;);\">\n      <div class=\"u-clearfix u-sheet u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-sm u-valign-bottom-xs u-sheet-1\">\n        <h2 class=\"u-text u-text-default u-text-1\">Result N\u00ba1<br>\n        <\/h2>\n        <p class=\"u-text u-text-default u-text-2\">Green Adaptation of the SW-PBS framework- GREEN SESAME model<\/p>\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\">\n          <meta charset=\"UTF-8\">\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n          <title><\/title>\n          <style> \/* Base Styling *\/\n    body, html {\n        margin: 0;\n        padding: 0;\n    }\n    .eco-platform {\n        width: 100%;\n        \/* Remove fixed height, let content determine size *\/\n        color: #333;\n        font-family: 'Segoe UI', sans-serif;\n        position: relative;\n    }\n    \/* Container for scroller and dots *\/\n    .scroller-container {\n        position: relative;\n        \/* Set a reasonable default height that can be overridden by content *\/\n        min-height: 400px;\n        max-height: 800px;\n        height: auto;\n    }\n    \/* Horizontal Scroller *\/\n    .eco-scroller {\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        height: 100%;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    .eco-scroller::-webkit-scrollbar { display: none; }\n    \/* Slides *\/\n    .eco-slide {\n        scroll-snap-align: start;\n        min-width: 100%;\n        height: auto;\n        padding: 40px 20px 20px;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \/* Navigation Dots - Positioned on top *\/\n    .eco-nav-dots {\n        position: absolute;\n        top: 10px;\n        left: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        gap: 12px;\n        z-index: 100;\n        padding: 8px 0;\n        background: rgba(255,255,255,0.85);\n        backdrop-filter: blur(6px);\n        border-radius: 0 0 20px 20px;\n        width: 150px;\n        margin: 0 auto;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n        border: 1px solid rgba(0,0,0,0.05);\n    }\n    .nav-dot {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: rgba(0,0,0,0.15);\n        cursor: pointer;\n        transition: all 0.3s ease;\n        border: 1px solid rgba(0,0,0,0.05);\n    }\n    .nav-dot.active {\n        background: #2E7D32;\n        transform: scale(1.3);\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n    \/* Slide Content *\/\n    .slide-content {\n        max-width: 700px;\n        width: 100%;\n        padding: 30px;\n        background: rgba(255,255,255,0.95);\n        border-radius: 16px;\n        box-shadow: 0 6px 18px rgba(0,0,0,0.1);\n        border: 1px solid rgba(76, 175, 80, 0.2);\n    }\n    .slide-content h2 {\n        font-size: 1.8rem;\n        margin: 0 0 15px 0;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        color: #2E7D32;\n    }\n    .slide-content p {\n        font-size: 1rem;\n        line-height: 1.6;\n        color: #555;\n        margin-bottom: 25px;\n    }\n    \/* Download Buttons *\/\n    .eco-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 18px;\n        background: #2E7D32;\n        color: white;\n        border-radius: 30px;\n        text-decoration: none;\n        font-weight: 600;\n        transition: all 0.3s;\n        border: none;\n        cursor: pointer;\n        box-shadow: 0 2px 8px rgba(46, 125, 50, 0.3);\n        margin: 5px;\n        font-size: 0.9rem;\n    }\n    .eco-btn:hover {\n        background: #1B5E20;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(46, 125, 50, 0.4);\n    }\n    \/* Button Container *\/\n    .button-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n        gap: 10px;\n        margin-top: 15px;\n    }\n    \/* Compact Dashboard *\/\n    .compact-dashboard {\n        width: 100%;\n        max-width: 1000px;\n        padding: 25px;\n        background: rgba(255,255,255,0.95);\n        border-radius: 16px;\n        box-shadow: 0 6px 18px rgba(0,0,0,0.1);\n        \/* Changed from height to max-height *\/\n        max-height: 600px;\n        display: flex;\n        flex-direction: column;\n    }\n    .dashboard-header {\n        margin-bottom: 20px;\n        text-align: center;\n        position: sticky;\n        top: 0;\n        background: rgba(255,255,255,0.95);\n        padding: 15px 0;\n        z-index: 10;\n    }\n    .dashboard-header h2 {\n        font-size: 1.8rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        color: #2E7D32;\n        margin: 0;\n    }\n    .filter-buttons {\n        display: flex;\n        gap: 10px;\n        justify-content: center;\n        flex-wrap: wrap;\n        margin-top: 15px;\n    }\n    .filter-btn {\n        padding: 8px 16px;\n        background: rgba(0,0,0,0.05);\n        border: none;\n        border-radius: 20px;\n        color: #333;\n        cursor: pointer;\n        transition: all 0.3s;\n    }\n    .filter-btn.active {\n        background: #2E7D32;\n        color: white;\n        font-weight: 600;\n    }\n    .compact-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n        gap: 15px;\n        overflow-y: auto;\n        padding: 5px;\n        flex-grow: 1;\n        \/* Setting a reasonable height *\/\n        max-height: 450px;\n    }\n    .compact-card {\n        background: white;\n        border-radius: 12px;\n        padding: 15px;\n        transition: all 0.3s;\n        border-left: 3px solid #2E7D32;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n        height: fit-content;\n    }\n    .compact-card:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    }\n    .compact-card h3 {\n        font-size: 1rem;\n        margin: 0 0 8px 0;\n        color: #2E7D32;\n    }\n    .compact-card p {\n        font-size: 0.85rem;\n        color: #666;\n        margin: 0 0 12px 0;\n    }\n    .context-tag {\n        display: inline-block;\n        background: #E8F5E9;\n        color: #2E7D32;\n        padding: 3px 8px;\n        border-radius: 12px;\n        font-size: 0.7rem;\n        margin-right: 5px;\n        margin-bottom: 5px;\n    }\n    .action-btn {\n        background: transparent;\n        border: 1px solid #2E7D32;\n        color: #2E7D32;\n        border-radius: 20px;\n        padding: 6px 12px;\n        font-size: 0.8rem;\n        cursor: pointer;\n        transition: all 0.3s;\n    }\n    .action-btn:hover {\n        background: #2E7D32;\n        color: white;\n    }\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .eco-slide {\n            padding: 35px 15px 15px;\n        }\n        \n        .slide-content {\n            padding: 20px;\n        }\n        \n        .compact-grid {\n            grid-template-columns: 1fr 1fr;\n        }\n        \n        .eco-nav-dots {\n            width: 130px;\n            padding: 6px 0;\n        }\n        \n        .button-grid {\n            grid-template-columns: 1fr 1fr;\n        }\n    }\n    @media (max-width: 480px) {\n        .compact-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .eco-nav-dots {\n            width: 110px;\n            top: 5px;\n        }\n        \n        .slide-content h2, .dashboard-header h2 {\n            font-size: 1.5rem;\n        }\n        \n        .button-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .filter-buttons {\n            gap: 6px;\n        }\n        \n        .filter-btn {\n            padding: 6px 10px;\n            font-size: 0.8rem;\n        }\n    } <\/style>\n          <div class=\"eco-platform\"><!-- Container for scroller and dots -->\n            <div class=\"scroller-container\"><!-- Navigation Dots -->\n              <div class=\"eco-nav-dots\"><span class=\"active nav-dot\" data-index=\"0\"><\/span><span class=\"nav-dot\" data-index=\"1\"><\/span><span class=\"nav-dot\" data-index=\"2\"><\/span><span class=\"nav-dot\" data-index=\"3\"><\/span>\n              <\/div><!-- Horizontal Scroller -->\n              <div class=\"eco-scroller\"><!-- Slide 1: Focus Group -->\n                <section class=\"eco-slide\">\n                  <div class=\"slide-content\">\n                    <h2><span>&#x1f4ca;<\/span> Focus Group Activity\n                    <\/h2>\n                    <p>This report presents an analysis of sustainable practices reported by adolescents from Italy, Germany, Spain, and Portugal. Eight focus groups explored aspects of sustainability including energy conservation, food choices, temperature management, mobility, purchasing habits, water conservation, waste management, and connection with nature.<\/p>\n                    <p>Key findings reveal common trends across countries, such as energy-saving practices, minimizing food waste, temperature management, sustainable transportation, responsible purchasing, water conservation, and connection with nature.<\/p>\n                    <div class=\"slide-actions\">\n                      <a href=\"#\" class=\"eco-btn\" id=\"btn-focus-group\" target=\"_blank\"> View Focus Group Activity <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"><\/path><\/svg>\n                      <\/a>\n                    <\/div>\n                  <\/div>\n                <\/section><!-- Slide 2: Interviews -->\n                <section class=\"eco-slide\">\n                  <div class=\"slide-content\">\n                    <h2><span>&#x1f3a4;<\/span> Interview Activity\n                    <\/h2>\n                    <p>This report consolidates insights from teacher interviews across Italy, Germany, and Spain regarding their perceptions of students' sustainable behaviors. The interviews explore varying perspectives and observations of teachers about sustainability practices among their students.<\/p>\n                    <div class=\"slide-actions\">\n                      <a class=\"eco-btn\" id=\"btn-interview\"> View Interview Activity <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"><\/path><\/svg>\n                      <\/a>\n                    <\/div>\n                  <\/div>\n                <\/section><!-- Slide 3: Teacher Training -->\n                <section class=\"eco-slide\">\n                  <div class=\"slide-content\">\n                    <h2><span>&#x1f469;&#x200d;&#x1f3eb;<\/span> Sesame Model\n                    <\/h2>\n                    <p>Professional development materials for integrating sustainability into classroom activities and curriculum.<\/p>\n                    <div class=\"button-grid\">\n                      <a class=\"eco-btn\" id=\"btn-basic-guide\"> View Basics Guide <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"><\/path><\/svg>\n                      <\/a>\n                      <a class=\"eco-btn\" id=\"btn-assessment\"> View Assessment <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"><\/path><\/svg>\n                      <\/a>\n                    <\/div>\n                  <\/div>\n                <\/section><!-- Slide 4: Compact Dashboard -->\n                <section class=\"eco-slide\">\n                  <div class=\"compact-dashboard\">\n                    <div class=\"dashboard-header\">\n                      <h2><span>&#x1f331;<\/span> Sustainable Behaviors\n                      <\/h2>\n                      <div class=\"filter-buttons\">\n                        <button class=\"active filter-btn\" data-filter=\"all\">All<\/button>\n                        <button class=\"filter-btn\" data-filter=\"energy\">&#x1f4a1; Energy<\/button>\n                        <button class=\"filter-btn\" data-filter=\"water\">&#x1f4a7; Water<\/button>\n                        <button class=\"filter-btn\" data-filter=\"food\">&#x1f37d;&#xfe0f; Food<\/button>\n                        <button class=\"filter-btn\" data-filter=\"waste\">&#x267b;&#xfe0f; Waste<\/button>\n                        <button class=\"filter-btn\" data-filter=\"mobility\">&#x1f6b2; Mobility<\/button>\n                        <button class=\"filter-btn\" data-filter=\"purchase\">&#x1f6d2; Purchase<\/button>\n                        <button class=\"filter-btn\" data-filter=\"nature\">&#x1f33f; Nature<\/button>\n                        <button class=\"filter-btn\" data-filter=\"political\">&#x1f5e3;&#xfe0f; Engagement<\/button>\n                      <\/div>\n                    <\/div>\n                    <div class=\"compact-grid\"><!-- ENERGY -->\n                      <div class=\"compact-card energy\">\n                        <h3>Turn Off Lights<\/h3>\n                        <p>Turn off lights when not in use<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Turn Off Electronics<\/h3>\n                        <p>Turn off electronics when leaving the room<\/p>\n                        <div><span class=\"context-tag\">Classroom<\/span><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Shut Down Computer<\/h3>\n                        <p>Shut down computers at night<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Unplug TV<\/h3>\n                        <p>Unplug TV when not in use<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Adjust Thermostat (Summer)<\/h3>\n                        <p>Set thermostat 2\u00b0C higher in summer<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Adjust Thermostat (Winter)<\/h3>\n                        <p>Set thermostat 2\u00b0C lower in winter<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Set Water Heater Temp<\/h3>\n                        <p>Set water heater to 120\u00b0F (49\u00b0C)<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Energy-Efficient Heating<\/h3>\n                        <p>Install energy-efficient heating systems<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Energy-Efficient Windows<\/h3>\n                        <p>Use energy-efficient windows<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card energy\">\n                        <h3>Home Renewable Energy<\/h3>\n                        <p>Adopt renewable energy at home<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div><!-- WATER -->\n                      <div class=\"compact-card water\">\n                        <h3>Short Showers<\/h3>\n                        <p>Limit showers to 5 minutes<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School Gym<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card water\">\n                        <h3>Turn Off Tap<\/h3>\n                        <p>Turn off tap while brushing teeth<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card water\">\n                        <h3>Cold Water for Washing<\/h3>\n                        <p>Use only cold water to wash hands<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">Restaurants<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div><!-- FOOD -->\n                      <div class=\"compact-card food\">\n                        <h3>Choose Vegetarian<\/h3>\n                        <p>Choose vegetarian over beef dishes<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">Cafeteria<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card food\">\n                        <h3>Weekly Veggie Meal<\/h3>\n                        <p>Eat a veggie meal weekly<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card food\">\n                        <h3>Cage-Free Eggs<\/h3>\n                        <p>Choose cage-free eggs<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card food\">\n                        <h3>Buy Local<\/h3>\n                        <p>Choose local food over imported<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">Canteen<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div><!-- WASTE -->\n                      <div class=\"compact-card waste\">\n                        <h3>Use Refillable Bottles<\/h3>\n                        <p>Use refillable water bottles<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card waste\">\n                        <h3>Reusable Drink Containers<\/h3>\n                        <p>Use reusable drink containers<\/p>\n                        <div><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card waste\">\n                        <h3>Reusable Lunch Containers<\/h3>\n                        <p>Bring lunch in reusable containers<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card waste\">\n                        <h3>Double-Sided Printing<\/h3>\n                        <p>Use both sides of paper<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card waste\">\n                        <h3>Recycle Bins<\/h3>\n                        <p>Recycle paper, plastic, and glass<\/p>\n                        <div><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card waste\">\n                        <h3>Recycle Electronics<\/h3>\n                        <p>Recycle old electronics properly<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card waste\">\n                        <h3>Repair Electronics<\/h3>\n                        <p>Repair instead of replace devices<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card waste\">\n                        <h3>Compost Food Scraps<\/h3>\n                        <p>Compost food in designated bins<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div><!-- PURCHASE -->\n                      <div class=\"compact-card purchase\">\n                        <h3>Eco-Friendly Cleaning<\/h3>\n                        <p>Use environmentally friendly products<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card purchase\">\n                        <h3>Buy Recycled Products<\/h3>\n                        <p>Choose recycled paper and pencils<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card purchase\">\n                        <h3>Choose Sustainable Clothing<\/h3>\n                        <p>Avoid silk, buy sustainable clothes<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card purchase\">\n                        <h3>Avoid Animal-Tested Products<\/h3>\n                        <p>Buy cruelty-free products<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card purchase\">\n                        <h3>Buy Second-Hand<\/h3>\n                        <p>Purchase second-hand clothes<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card purchase\">\n                        <h3>Reusable Shopping Bags<\/h3>\n                        <p>Use reusable shopping bags<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div><!-- MOBILITY -->\n                      <div class=\"compact-card mobility\">\n                        <h3>Use Public Transit<\/h3>\n                        <p>Use public transport or carpool<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card mobility\">\n                        <h3>Walk or Cycle<\/h3>\n                        <p>Walk or cycle short trips<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div><!-- NATURE -->\n                      <div class=\"compact-card nature\">\n                        <h3>School Garden<\/h3>\n                        <p>Join the school garden or compost project<\/p>\n                        <div><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card nature\">\n                        <h3>Plant a Tree<\/h3>\n                        <p>Plant and care for a tree<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card nature\">\n                        <h3>Plant Native Plants<\/h3>\n                        <p>Grow native species in your garden<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div><!-- POLITICAL -->\n                      <div class=\"compact-card political\">\n                        <h3>Campaign Participation<\/h3>\n                        <p>Join school-wide energy\/water campaigns<\/p>\n                        <div><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card political\">\n                        <h3>Encourage Green Habits<\/h3>\n                        <p>Promote green habits in school<\/p>\n                        <div><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card political\">\n                        <h3>Join Environmental Group<\/h3>\n                        <p>Participate in local environmental groups<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card political\">\n                        <h3>Write to Officials<\/h3>\n                        <p>Contact officials about environmental issues<\/p>\n                        <div><span class=\"context-tag\">Home<\/span><span class=\"context-tag\">School<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                      <div class=\"compact-card political\">\n                        <h3>Sign Environmental Petitions<\/h3>\n                        <p>Support environmental organizations<\/p>\n                        <div><span class=\"context-tag\">Home<\/span>\n                        <\/div>\n                        <button class=\"action-btn\">+ Action<\/button>\n                      <\/div>\n                    <\/div>\n                    <a class=\"eco-btn\" id=\"btn-sustainable-behaviours\"> View Sustainable Behaviours <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"><\/path><\/svg>\n                    <\/a>\n                  <\/div>\n                <\/section>\n              <\/div>\n            <\/div>\n          <\/div>\n          <script> document.addEventListener('DOMContentLoaded', function() {\n        const scroller = document.querySelector('.eco-scroller');\n        const dots = document.querySelectorAll('.nav-dot');\n        const slides = document.querySelectorAll('.eco-slide');\n        const externalLinks = {\n\t\t  focusGroup: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/FINAL-REPORT-FOCUS-GROUP-Final.docx.pdf'\n\t\t  },\n\t\t  interview: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/FINAL-REPORT-INTERVIEWS-1.docx.pdf'\n\t\t  },\n\t\t  basics: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Guidelines-for-Teachers.pdf',\n\t\t\tit: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Linee-guida-per-insegnanti.pdf',\n\t\t\tde: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Guidelines-fur-Lehrkrafte.pdf',\n\t\t\tes: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/ES-Directrices-para-profesores.pdf'\n\t\t  },\n\t\t  assessment: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Screener-Guidline_englisch_neu-1.pdf',\n\t\t\tit: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Screener-Guideline_IT.docx.pdf',\n\t\t\tes: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Screener-Guidline_ES.docx.pdf',\n\t\t\tde: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Screener-Guidline_german.docx.pdf'\n\t\t  },\n\t\t  scales: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/GREEN-SESAME-Scales.pdf'\n\t\t  },\n\t\t  sustainableBehaviours: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Sustainable-Behaviors-Green-Sesame.pdf'\n\t\t  },\n\t\t  completePack: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/GREEN-SESAME-DAY-Teacher-Training_EN.pdf',\n\t\t\tes: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Es-GREEN-SESAME-DAY-Teacher-Training.pdf',\n\t\t\tit: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/GREEN-SESAME-DAY-Teacher-Training_IT.pdf',\n\t\t\tde: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/DE_GREEN-SESAME-DAY_Lehrertraining_DE.pdf'\n\t\t  },\n\t\t  userManual: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Green_Sesame_Manual_2025.pdf',\n\t\t\tit: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Green-Sesame_Manuale_APP_2024_IT-.pptx.pdf'\n\t\t  },\n\t\t  pilotingReport: {\n\t\t\ten: 'https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/10\/Green-Sesame_dissemination-Report_FINAL.pdf'\n\t\t  }\n\t\t};\n\t\t\/\/ Detect language from URL\n\t\tconst pathParts = window.location.pathname.split('\/').filter(Boolean);\n\t\tconst langCode = ['en', 'es', 'de', 'it', 'pt'].includes(pathParts[0]) ? pathParts[0] : 'en';\nfunction setExternalLink(selector, fileKey) {\n  const el = document.querySelector(selector);\n  const file = externalLinks[fileKey];\n  if (!el) {\n    console.warn(`&#x274c; Element not found: ${selector}`);\n    return;\n  }\n  if (!file) {\n    console.warn(`&#x274c; File key not found: ${fileKey}`);\n    return;\n  }\n  const href = file[langCode] || file['en'];\n  if (!href) {\n    console.warn(`&#x274c; No link found for: ${fileKey} (${langCode})`);\n    return;\n  }\n  el.setAttribute('href', href);\n  el.setAttribute('target', '_blank');\n  el.removeAttribute('download');\n  console.log(`&#x2705; Link set for ${selector}: ${href}`);\n}\n\t\t\/\/ Apply links by selectors\n\t\tsetExternalLink('a#btn-focus-group', 'focusGroup');\n\t\tsetExternalLink('a#btn-interview', 'interview');\n\t\tsetExternalLink('a#btn-basic-guide', 'basics');\n\t\tsetExternalLink('a#btn-assessment', 'assessment');\n\t\tsetExternalLink('a#btn-scales', 'scales');\n\t\tsetExternalLink('a#btn-sustainable-behaviours', 'sustainableBehaviours');\n\t\tsetExternalLink('a#btn-complete-pack', 'completePack');\n\t\tsetExternalLink('a#btn-manual', 'userManual');\n\t\tsetExternalLink('a#btn-pilor-report', 'pilotingReport');\n        \/\/ Click on dots navigation\n        dots.forEach(dot => {\n            dot.addEventListener('click', () => {\n                const index = parseInt(dot.dataset.index);\n                scroller.scrollTo({\n                    left: slides[index].offsetLeft,\n                    behavior: 'smooth'\n                });\n            });\n        });\n        \n        \/\/ Update dots on scroll\n        scroller.addEventListener('scroll', () => {\n            const scrollPosition = scroller.scrollLeft;\n            const slideWidth = slides[0].clientWidth;\n            const currentIndex = Math.round(scrollPosition \/ slideWidth);\n            \/\/ Define available download links by language\n\t\t\t\n\t\t\n            dots.forEach((dot, index) => {\n                if (index === currentIndex) {\n                    dot.classList.add('active');\n                } else {\n                    dot.classList.remove('active');\n                }\n            });\n        });\n        \n        \/\/ Filter functionality for dashboard\n        const filterBtns = document.querySelectorAll('.filter-btn');\n        const behaviorCards = document.querySelectorAll('.compact-card');\n        \n        function filterCards(category) {\n            behaviorCards.forEach(card => {\n                if (category === 'all' || card.classList.contains(category)) {\n                    card.style.display = 'block';\n                } else {\n                    card.style.display = 'none';\n                }\n            });\n        }\n        \n        filterBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                filterBtns.forEach(b => b.classList.remove('active'));\n                btn.classList.add('active');\n                filterCards(btn.dataset.filter);\n            });\n        });\n        \n        \/\/ Prevent horizontal scroll when scrolling vertically in dashboard\n        const dashboard = document.querySelector('.compact-grid');\n        dashboard.addEventListener('wheel', function(e) {\n            if (e.deltaY !== 0) {\n                \/\/ Check if we're at the top or bottom of the dashboard\n                const atTop = this.scrollTop === 0;\n                const atBottom = this.scrollHeight - this.scrollTop === this.clientHeight;\n                \n                \/\/ Only prevent default if we're not at the boundaries\n                if (!(atTop && e.deltaY < 0) && !(atBottom && e.deltaY > 0)) {\n                    e.preventDefault();\n                    this.scrollTop += e.deltaY;\n                }\n            }\n        });\n        \n        \/\/ Add resize observer to adjust container height based on content\n        function adjustHeight() {\n            \/\/ Get the current slide\n            const activeIndex = Math.round(scroller.scrollLeft \/ slides[0].clientWidth);\n            const currentSlide = slides[activeIndex];\n            \n            \/\/ Get the content height\n            const contentElement = currentSlide.firstElementChild;\n            if (contentElement) {\n                const contentHeight = contentElement.offsetHeight + 80; \/\/ Adding padding\n                \n                \/\/ Set the height of the container\n                const scrollerContainer = document.querySelector('.scroller-container');\n                scrollerContainer.style.height = contentHeight + 'px';\n            }\n        }\n        \n        \/\/ Initial adjustment\n        setTimeout(adjustHeight, 100);\n        \n        \/\/ Adjust on resize\n        window.addEventListener('resize', adjustHeight);\n        \n        \/\/ Adjust on scroll (when changing slides)\n        scroller.addEventListener('scroll', () => {\n            setTimeout(adjustHeight, 300); \/\/ Delay to allow scroll to complete\n        });\n    }); <\/script>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"u-clearfix u-image u-shading u-section-8\" id=\"sec-e27c\" data-animation-name=\"\" data-animation-duration=\"0\" data-animation-delay=\"0\" data-animation-direction=\"\" data-image-width=\"1920\" data-image-height=\"1281\" style=\"background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(&quot;https:\/\/sesameproject.eu\/wp-content\/uploads\/2023\/11\/scott-graham-OQMZwNd3ThU-unsplash.jpg&quot;);\">\n      <div class=\"u-clearfix u-sheet u-sheet-1\">\n        <h2 class=\"u-align-center u-text u-text-1\">Result N\u00ba2<br>\n        <\/h2>\n        <p class=\"u-text u-text-default u-text-2\">Guidelines to implement the model<\/p>\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\">\n          <style> .section-wrapper {\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 2rem 1rem;\n  font-family: \"Segoe UI\", sans-serif;\n  color: #000; \/* Black Text *\/\n}\n.resource-block {\n  background: #f5fdf7;\n  border-left: 4px solid #008060;\n  padding: 1.5rem;\n  margin-bottom: 2rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.resource-block h3 {\n  color: #000; \/* Black Headings *\/\n  margin-top: 0;\n}\n.resource-block p {\n  color: #000; \/* Black Paragraph Text *\/\n  margin-bottom: 1rem;\n}\n.download-btn {\n  display: inline-block;\n  padding: 0.6rem 1.2rem;\n  background-color: #008060;\n  color: #fff;\n  border-radius: 4px;\n  text-decoration: none;\n  transition: background-color 0.3s ease;\n}\n.download-btn:hover {\n  background-color: #005a40;\n} <\/style>\n          <div class=\"section-wrapper\">\n            <div class=\"resource-block\">\n              <h3>Green Sesame day \u2014 Teacher Training<\/h3>\n              <p>Introduction to Pro-Environmental Behavior (PEB) in schools, integrating strategies from special education and mental health awareness.<\/p>\n              <a href=\"#\" target=\"_blank\" class=\"download-btn\" id=\"btn-complete-pack\">View Green Sesame day pack<\/a>\n            <\/div>\n          <\/div>\n          <script> document.addEventListener('DOMContentLoaded', function() {\n        const scroller = document.querySelector('.eco-scroller');\n        const dots = document.querySelectorAll('.nav-dot');\n        const slides = document.querySelectorAll('.eco-slide');\n        const externalLinks = {\n\t\t  completePack: {\n\t\t\ten: 'https:\/\/drive.google.com\/file\/d\/1ug1XtEicY6cBlGFRziFzVzVSV4GiuJAX\/view?usp=drive_link',\n\t\t\tes: 'https:\/\/drive.google.com\/file\/d\/1yjRY-qkci2UidFZgAMuFYTRURlRAmRWd\/view?usp=drive_link',\n\t\t\tit: 'https:\/\/drive.google.com\/file\/d\/19RxmoLBHHfkF9STTCoA4wMrje-o8egKB\/view?usp=drive_link',\n\t\t\tde: 'https:\/\/drive.google.com\/file\/d\/13h6dp0TH-kqu-jTax8YvOcD8RTghP3oD\/view?usp=drive_link'\n\t\t  },\n\t\t};\n\t\t\/\/ Detect language from URL\n\t\tconst pathParts = window.location.pathname.split('\/').filter(Boolean);\n\t\tconst langCode = ['en', 'es', 'de', 'it', 'pt'].includes(pathParts[0]) ? pathParts[0] : 'en';\nfunction setExternalLink(selector, fileKey) {\n  const el = document.querySelector(selector);\n  const file = externalLinks[fileKey];\n  if (!el) {\n    console.warn(`&#x274c; Element not found: ${selector}`);\n    return;\n  }\n  if (!file) {\n    console.warn(`&#x274c; File key not found: ${fileKey}`);\n    return;\n  }\n  const href = file[langCode] || file['en'];\n  if (!href) {\n    console.warn(`&#x274c; No link found for: ${fileKey} (${langCode})`);\n    return;\n  }\n  el.setAttribute('href', href);\n  el.setAttribute('target', '_blank');\n  el.removeAttribute('download');\n  console.log(`&#x2705; Link set for ${selector}: ${href}`);\n}\n\t\tsetExternalLink('a#btn-complete-pack', 'completePack');\n        \/\/ Click on dots navigation\n        dots.forEach(dot => {\n            dot.addEventListener('click', () => {\n                const index = parseInt(dot.dataset.index);\n                scroller.scrollTo({\n                    left: slides[index].offsetLeft,\n                    behavior: 'smooth'\n                });\n            });\n        }); <\/script>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"u-clearfix u-gradient u-image u-section-9\" id=\"sec-205e\" data-image-width=\"6933\" data-image-height=\"3900\" style=\"background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgb(0, 0, 0)), url(&quot;https:\/\/sesameproject.eu\/wp-content\/uploads\/2023\/11\/onur-binay-dfrsnBR1rsE-unsplash-scaled.jpg&quot;);\">\n      <div class=\"u-clearfix u-sheet u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-sm u-valign-bottom-xs u-sheet-1\">\n        <h2 class=\"u-align-center u-text u-text-body-alt-color u-text-1\">Result N\u00ba3<br>\n        <\/h2>\n        <p class=\"u-align-right u-text u-text-default u-text-white u-text-2\">APP and WEB APP<\/p>\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\"><!-- Centered container -->\n          <div style=\"display: flex; justify-content: center; padding: 40px 20px;\"><!-- White card container -->\n            <div style=\"background: #ffffff; padding: 30px 20px; border-radius: 20px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); max-width: 700px; width: 100%; text-align: center;\"><!-- App Logo -->\n              <img decoding=\"async\" src=\"https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/03\/FULLLOGOAI-01.png\" alt=\"App Logo\" style=\"max-width: 300px; margin-bottom: 20px; border-radius: 12px; display: block; margin-left: auto; margin-right: auto;\">\n              <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 10px 0 20px 0;\"><!-- Google Play block -->\n                <div style=\"background: #f9f9f9; border-radius: 12px; padding: 15px; width: 300px; display: flex; flex-direction: column; align-items: center;\">\n                  <img decoding=\"async\" src=\"https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/03\/frame1.png\" alt=\"QR Google\" style=\"width: 200px; margin-bottom: 8px;\">\n                  <div style=\"font-size: 13px; margin-bottom: 8px;\">&#x1f4f1; SCAN ME<\/div>\n                  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.GIZ_WE_CAN_TRAIN_YOU.GreenSesame&amp;hl=pt_PT&amp;pli=1\" target=\"_blank\">\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/78\/Google_Play_Store_badge_EN.svg\" alt=\"Google Play\" style=\"width: 260px;\">\n                  <\/a>\n                <\/div><!-- App Store block -->\n                <div style=\"background: #f9f9f9; border-radius: 12px; padding: 15px; width: 300px; display: flex; flex-direction: column; align-items: center;\">\n                  <img decoding=\"async\" src=\"https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/03\/frame2.png\" alt=\"QR App Store\" style=\"width: 200px; margin-bottom: 8px;\">\n                  <div style=\"font-size: 13px; margin-bottom: 8px;\">&#x1f4f1; SCAN ME<\/div>\n                  <a href=\"https:\/\/apps.apple.com\/pt\/app\/green-sesame\/id6737979988\" target=\"_blank\">\n                    <img decoding=\"async\" src=\"https:\/\/developer.apple.com\/assets\/elements\/badges\/download-on-the-app-store.svg\" alt=\"App Store\" style=\"width: 260px;\">\n                  <\/a>\n                <\/div>\n              <\/div><!-- Divider -->\n              <div style=\"height: 1px; background: #e0e0e0; margin: 20px 0;\"><\/div><!-- User Manual Button -->\n              <a href=\"#\" target=\"_blank\" id=\"btn-manual\" style=\"display: inline-block; background-color: #28a745; color: white; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-size: 16px; font-weight: bold;\"> &#x1f4d8; View User Manual <\/a>\n            <\/div>\n          <\/div>\n          <script> document.addEventListener('DOMContentLoaded', function() {\n        const scroller = document.querySelector('.eco-scroller');\n        const dots = document.querySelectorAll('.nav-dot');\n        const slides = document.querySelectorAll('.eco-slide');\n        const externalLinks = {\n\t\t  userManual: {\n\t\t\ten: 'https:\/\/drive.google.com\/file\/d\/1bZPPSY156GJ3ViDVJppQLvOxlyKs90R9\/view?usp=drive_link',\n\t\t\tit: 'https:\/\/docs.google.com\/presentation\/d\/1QXGOB6xSF1iYSzLZjH7mMM7Tg8tKNSgz\/edit?slide=id.p1#slide=id.p1'\n\t\t  },\n\t\t  pilotingReport: {\n\t\t  }\n\t\t};\n\t\t\/\/ Detect language from URL\n\t\tconst pathParts = window.location.pathname.split('\/').filter(Boolean);\n\t\tconst langCode = ['en', 'es', 'de', 'it', 'pt'].includes(pathParts[0]) ? pathParts[0] : 'en';\nfunction setExternalLink(selector, fileKey) {\n  const el = document.querySelector(selector);\n  const file = externalLinks[fileKey];\n  if (!el) {\n    console.warn(`&#x274c; Element not found: ${selector}`);\n    return;\n  }\n  if (!file) {\n    console.warn(`&#x274c; File key not found: ${fileKey}`);\n    return;\n  }\n  const href = file[langCode] || file['en'];\n  if (!href) {\n    console.warn(`&#x274c; No link found for: ${fileKey} (${langCode})`);\n    return;\n  }\n  el.setAttribute('href', href);\n  el.setAttribute('target', '_blank');\n  el.removeAttribute('download');\n  console.log(`&#x2705; Link set for ${selector}: ${href}`);\n}\n\t\tsetExternalLink('a#btn-manual', 'userManual');\n        \/\/ Click on dots navigation\n        dots.forEach(dot => {\n            dot.addEventListener('click', () => {\n                const index = parseInt(dot.dataset.index);\n                scroller.scrollTo({\n                    left: slides[index].offsetLeft,\n                    behavior: 'smooth'\n                });\n            });\n        }); <\/script>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"u-clearfix u-gradient u-image u-section-10\" id=\"sec-cc10\" data-image-width=\"6933\" data-image-height=\"3900\" style=\"background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgb(0, 0, 0)), url(&quot;https:\/\/sesameproject.eu\/wp-content\/uploads\/2025\/05\/photo-1747193544056-088ffe8969ed.jpeg&quot;);\">\n      <div class=\"u-clearfix u-sheet u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-sm u-valign-bottom-xs u-sheet-1\">\n        <h2 class=\"u-text u-text-body-alt-color u-text-default u-text-1\">Result N\u00ba4<br>\n        <\/h2>\n        <p class=\"u-text u-text-default u-text-white u-text-2\"> Piloting and Validation of the Approach<br>\n        <\/p>\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\">\n          <style> .section-wrapper {\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 2rem 1rem;\n  font-family: \"Segoe UI\", sans-serif;\n  color: #000; \/* Black Text *\/\n}\n.resource-block {\n  background: #f5fdf7;\n  border-left: 4px solid #008060;\n  padding: 1.5rem;\n  margin-bottom: 2rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.resource-block h3 {\n  color: #000; \/* Black Headings *\/\n  margin-top: 0;\n}\n.resource-block p {\n  color: #000; \/* Black Paragraph Text *\/\n  margin-bottom: 1rem;\n}\n.download-btn {\n  display: inline-block;\n  padding: 0.6rem 1.2rem;\n  background-color: #008060;\n  color: #fff;\n  border-radius: 4px;\n  text-decoration: none;\n  transition: background-color 0.3s ease;\n}\n.download-btn:hover {\n  background-color: #005a40;\n} <\/style>\n          <div class=\"section-wrapper\">\n            <div class=\"resource-block\">\n              <h3>Piloting Report<\/h3>\n              <p>This report summarizes the piloting phase of GREEN SESAME. The goal was to test the materials in real educational settings to evaluate their usability, relevance, and impact. Feedback from partners helped identify strengths and areas for improvement, supporting the final refinement of the project.<\/p>\n              <a href=\"#\" target=\"_blank\" class=\"download-btn\">View Piloting Report<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    \n    \n    \n  \n<\/div>","protected":false},"excerpt":{"rendered":"<p>HOME Project Results Partners Activities Contacts &#x1f310;EN English (EN) Espa\u00f1ol (ES) Deutsch (DE) Italiano (IT) Portugu\u00eas (PT) HOME Project Results Partners Activities Contacts Project Results Result N\u00ba1 Green Adaptation of the SW-PBS framework- GREEN SESAME model &#x1f4ca; Focus Group Activity This report presents an analysis of sustainable practices reported by adolescents from Italy, Germany, Spain, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sesameproject.eu\/it\/wp-json\/wp\/v2\/pages\/1168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sesameproject.eu\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sesameproject.eu\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sesameproject.eu\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sesameproject.eu\/it\/wp-json\/wp\/v2\/comments?post=1168"}],"version-history":[{"count":7,"href":"https:\/\/sesameproject.eu\/it\/wp-json\/wp\/v2\/pages\/1168\/revisions"}],"predecessor-version":[{"id":1210,"href":"https:\/\/sesameproject.eu\/it\/wp-json\/wp\/v2\/pages\/1168\/revisions\/1210"}],"wp:attachment":[{"href":"https:\/\/sesameproject.eu\/it\/wp-json\/wp\/v2\/media?parent=1168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}