MODIF ADMIN : footnotes, suppression lien x, accès ressources éditor, menu burger scrollable

config/sync/block.block.erabletheme_socialmedialinks_2.yml

@@ -3,6 +3,7 @@ langcode: fr
 status: true
 dependencies:
   module:
+    - block_class
     - social_media_links
   theme:
     - erabletheme
@@ -23,7 +24,7 @@ settings:
       description: ''
       weight: '-43'
     twitter:
-      value: erable_program
+      value: ''
       description: ''
       weight: '-42'
     amazon:
@@ -150,6 +151,18 @@ settings:
       value: ''
       description: ''
       weight: '-11'
+    yandex_zen:
+      value: ''
+      description: ''
+      weight: '-10'
+    soundcloud:
+      value: ''
+      description: ''
+      weight: '-9'
+    whatsapp_channel:
+      value: ''
+      description: ''
+      weight: '-8'
   appearance:
     orientation: h
     show_name: 0

config/sync/field.field.paragraph.intertitre_texte.field_texte_paragraphe.yml

@@ -13,7 +13,7 @@ field_name: field_texte_paragraphe
 entity_type: paragraph
 bundle: intertitre_texte
 label: Texte
-description: ''
+description: 'Ajouter les notes de bas de page entre crochet à l''endroit où doit se situer le renvoier. Exemple "Texte de contenu [renvoie vers note de bas de page]".'
 required: false
 translatable: false
 default_value: {  }

config/sync/user.role.editor.yml

@@ -45,6 +45,7 @@ permissions:
   - 'create offre content'
   - 'create partenaire content'
   - 'create projet content'
+  - 'create ressource content'
   - 'create terms in type_dactus'
   - 'delete any actualite content'
   - 'delete any equipe content'
@@ -54,18 +55,21 @@ permissions:
   - 'delete any projet content'
   - 'delete any ressource content'
   - 'delete own offre content'
+  - 'delete own ressource content'
   - 'edit any actualite content'
   - 'edit any equipe content'
   - 'edit any faq content'
   - 'edit any offre content'
   - 'edit any partenaire content'
   - 'edit any projet content'
+  - 'edit any ressource content'
   - 'edit any static content'
   - 'edit les_projets config page entity'
   - 'edit meetup config page entity'
   - 'edit own actualite content'
   - 'edit own offre content'
   - 'edit own projet content'
+  - 'edit own ressource content'
   - 'edit partenaires config page entity'
   - 'edit terms in type_dactus'
   - 'execute entity:save_action menu_link_content'
@@ -90,6 +94,7 @@ permissions:
   - 'view any unpublished faq content'
   - 'view any unpublished offre content'
   - 'view any unpublished partenaire content'
+  - 'view any unpublished ressource content'
   - 'view any unpublished static content'
   - 'view faq page'
   - 'view faq revisions'

web/themes/erabletheme/css/styles.css

@@ -61,7 +61,6 @@ a {
 body {
   height: 100vh;
   overflow: scroll;
-  overflow-x: hidden;
 }
 body .layout-container {
   position: relative;
@@ -86,6 +85,9 @@ body .layout-container footer {
 body .layout-container #background {
   z-index: -1;
 }
+body {
+  overflow-x: hidden;
+}
 
 html {
   overflow: hidden;
@@ -165,13 +167,13 @@ em {
   max-width: 100%;
   max-height: 100%;
 }
-.layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 {
-  grid-column: 1/5;
-}
 .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 img {
   padding-top: 0.8rem;
   padding-bottom: 0.8rem;
 }
+.layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 {
+  grid-column: 1/5;
+}
 @media (min-width: 760px) {
   .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 {
     grid-column: 0/4;
@@ -375,6 +377,7 @@ em {
   padding: 30px 0;
   padding-top: 3rem;
   max-height: 100vh;
+  overflow-y: scroll;
 }
 .layout-container header[role=banner] > div:first-of-type #block-erabletheme-navigationprincipale {
   margin-top: 0 !important;
@@ -712,11 +715,6 @@ em {
 .carousel_container .slick-container #carousel_dots ul li button::before {
   color: rgb(0.9, 0.9, 0.9);
 }
-.carousel_container .slick-container footer {
-  text-align: center;
-  margin-top: 4rem;
-  margin-bottom: 4rem;
-}
 .carousel_container .slick-container footer a {
   text-align: center;
   color: black;
@@ -735,6 +733,11 @@ em {
 .carousel_container .slick-container footer a:hover {
   background-color: #00ff80;
 }
+.carousel_container .slick-container footer {
+  text-align: center;
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
 
 .views-row article.actu-teaser {
   background-color: white;
@@ -942,10 +945,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
     top: 5vh;
     left: 0;
   } */
-  /* #bg-4 {
-    top: 18vh;
-    right: -45vw;
-  } */
 }
 #background #bg-top #bg-3 {
   top: 13vh;
@@ -995,11 +994,10 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
     width: 27vw;
   }
 }
-#background #bg-middle {
+#background #bg-top {
-  /* #bg-8 {
+  /* #bg-4 {
-    width: 80vw;
+    top: 18vh;
-    top: 45vh;
+    right: -45vw;
-    left: -40vw;
   } */
 }
 #background #bg-middle #bg-6 {
@@ -1011,6 +1009,13 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
   top: 10vh;
   right: 0vw;
 }
+#background #bg-middle {
+  /* #bg-8 {
+    width: 80vw;
+    top: 45vh;
+    left: -40vw;
+  } */
+}
 #background #bg-middle #bg-12 {
   width: 105vw;
   left: -5vw;
@@ -1235,12 +1240,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
     padding: 0 !important;
   }
 }
-.home_consultation div.more-link {
-  margin-top: 3rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
 .home_consultation div.more-link a {
   text-align: center;
   color: black;
@@ -1259,6 +1258,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
 .home_consultation div.more-link a:hover {
   background-color: #00ff80;
 }
+.home_consultation div.more-link {
+  margin-top: 3rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 @media (min-width: 1080px) {
   .home_consultation div.more-link {
     display: flex;
@@ -1574,6 +1579,13 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
     width: 22vw;
   }
 }
+aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > div > div,
+aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > div > div,
+aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > div > div,
+aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > div > div {
+  width: auto !important;
+  margin: 0 !important;
+}
 aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2,
 aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1,
 aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2,
@@ -1582,13 +1594,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   background-color: white;
   margin-left: 2vw;
 }
-aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > div > div,
-aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > div > div,
-aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > div > div,
-aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > div > div {
-  width: auto !important;
-  margin: 0 !important;
-}
 aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2,
 aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > h2,
 aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-leprogramme-2 > h2,
@@ -2402,6 +2407,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
     margin: 0.8rem;
   }
 }
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure > h2 {
+  display: none;
+}
 .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure {
   grid-column: 2/4;
   grid-row: 1/2;
@@ -2409,7 +2417,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   color: #038788;
   font-weight: 800;
 }
-.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure > h2 {
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation > h2 {
+  display: none;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation .country {
   display: none;
 }
 .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation {
@@ -2418,12 +2429,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   font-weight: 800;
   color: #038788;
 }
-.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation > h2 {
-  display: none;
-}
-.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation .country {
-  display: none;
-}
 .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-title {
   grid-column: 2/4;
   grid-row: 4/5;
@@ -2461,14 +2466,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
 .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact span > a:hover {
   transform: translateY(-2px);
 }
-.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
-  align-self: center;
-  grid-column: 2/4;
-  grid-row: 6/7;
-  font-size: 0.8rem;
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
-}
 .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2, .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > div {
   display: inline-block !important;
 }
@@ -2482,6 +2479,14 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   font-size: 1rem;
   line-height: 1.4;
 }
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
+  align-self: center;
+  grid-column: 2/4;
+  grid-row: 6/7;
+  font-size: 0.8rem;
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+}
 @media (min-width: 1080px) {
   .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
     margin-top: 0;
@@ -2764,15 +2769,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   grid-column: 2;
   grid-row: 1;
   margin-bottom: 1rem;
+}
+.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title a {
+  color: #038788;
+}
+.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title {
   font-family: "Marianne", sans-serif;
   font-size: 0.9rem;
   color: #038788;
   font-weight: 800;
   line-height: 1.3;
 }
-.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title a {
-  color: #038788;
-}
 @media (min-width: 760px) {
   .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title {
     font-size: 1.2rem;
@@ -2785,13 +2792,15 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   margin-bottom: 1rem;
   line-height: 1.3;
   font-size: 0.9rem !important;
-  font-family: "Barlow", sans-serif;
-  color: black;
-  font-size: 1.2rem;
 }
 .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre a {
   color: black;
 }
+.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre {
+  font-family: "Barlow", sans-serif;
+  color: black;
+  font-size: 1.2rem;
+}
 @media (min-width: 760px) {
   .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre {
     font-size: 1.6rem;

web/themes/erabletheme/js/erabletheme.js

@@ -435,6 +435,45 @@
       var rellax = new Rellax('.bgImg', {
         wrapper: 'body',
       });
+
+      // footnotes
+      if (document.querySelector('.retour_projets')) {
+        const textContent = document.querySelector('.text-content');
+        if (textContent) {
+          const paragraphs = textContent.querySelectorAll('p');
+          const footnotes = [];
+          let footnoteNumber = 1;
+
+          // Process each paragraph to find and replace [...] with superscripts
+          paragraphs.forEach(p => {
+            p.innerHTML = p.innerHTML.replace(/\[(.*?)\]/g, (match, content) => {
+              footnotes.push({
+                number: footnoteNumber,
+                text: content
+              });
+              return `<sup style="font-size: 0.7rem; vertical-align: top; font-weight: bold;">${footnoteNumber++}</sup>`;
+            });
+          });
+
+          // Create footnotes div if there are any footnotes
+          if (footnotes.length > 0) {
+            const fullpageContent = document.querySelector('.fullpage_content');
+            if (fullpageContent) {
+              const footnotesDiv = document.createElement('div');
+              footnotesDiv.className = 'footnotes';
+              
+              footnotes.forEach(footnote => {
+                const footnoteItem = document.createElement('p');
+                footnoteItem.innerHTML = `<strong>${footnote.number}.</strong> ${footnote.text}`;
+                footnoteItem.style.fontSize = '0.8rem';
+                footnotesDiv.appendChild(footnoteItem);
+              });
+
+              fullpageContent.appendChild(footnotesDiv);
+            }
+          }
+        }
+      }
     }
   }
 

web/themes/erabletheme/scss/partials/_header.scss

@@ -238,6 +238,7 @@
                     padding: 30px 0;
                     padding-top: 3rem;
                     max-height: 100vh;
+                    overflow-y: scroll;
                 }
             }
             #block-erabletheme-navigationprincipale {