logo et slider

user/themes/epau-antimatter/css-compiled/template.css

@@ -813,6 +813,9 @@ ul.pagination {
       #sb-site #body {
         padding-top: 2rem; } }
 
+body#top.modular.fullwidth.title-center.title-h1h2 {
+  overflow-y: hidden; }
+
 #header.scrolled {
   padding-left: 2rem;
   padding-right: 2rem; }
@@ -821,7 +824,8 @@ ul.pagination {
     -moz-transform: scale(0.75);
     -ms-transform: scale(0.75);
     -o-transform: scale(0.75);
-    transform: scale(0.75); }
+    transform: scale(0.75);
+    padding-bottom: 1rem; }
 
 #header #navbar ul.navigation li a {
   font-family: "Sarabun", sans-serif;
@@ -849,20 +853,20 @@ ul.pagination {
   display: flex;
   flex-direction: row; }
   #logo img {
-    padding: 0.5rem;
-    height: 4rem !important;
+    padding: 0.75rem;
+    height: 4rem;
     margin: auto; }
     @media (max-width: 442px) {
       #logo img {
-        height: 3rem !important; } }
+        height: 3rem; } }
     @media (max-width: 1024px) {
       #logo img {
-        height: 3.5rem !important; } }
+        height: 3.5rem; } }
     #logo img #gouv {
+      padding-left: 1rem;
       padding-right: 2rem;
       padding: 0.5rem;
-      min-height: 4rem !important;
-      margin: auto; }
+      min-height: 4rem; }
 
 @media (max-width: 442px) {
   #header #navbar {
@@ -959,6 +963,9 @@ ul.pagination {
 .parallax-window {
   background: transparent; }
 
+.parallax-mirror {
+  top: -80px; }
+
 .programme {
   z-index: 1;
   max-width: 35%;
@@ -1222,7 +1229,6 @@ ul.pagination {
         padding: 5% 5% 5% 5%; } }
 
 #new-footer {
-  position: absolute;
   display: flex;
   flex-direction: column; }
   #new-footer .tothetop {
@@ -1248,22 +1254,22 @@ ul.pagination {
     #new-footer .footer .footer-logos {
       display: flex;
       flex-direction: row;
-      flex-wrap: nowrap;
-      width: 70%;
+      width: 65%;
       align-items: center;
       margin-left: 3rem; }
+      #new-footer .footer .footer-logos p {
+        display: inline-flex; }
       #new-footer .footer .footer-logos img {
         max-height: 4rem;
-        padding-right: 1rem; }
-        #new-footer .footer .footer-logos img:last-of-type {
-          padding-top: 0.30rem;
-          padding-bottom: 0.30rem; }
+        padding-right: 3rem; }
     #new-footer .footer #new-footer .footer .footer-logos img:last-of-type {
       height: 0.5rem !important; }
     #new-footer .footer .contact {
       display: flex;
       flex-direction: column;
-      width: 30%;
+      width: 35%;
+      padding-left: 1.5rem;
+      margin-right: 2rem;
       margin-top: 1.5rem;
       align-items: flex-start; }
       #new-footer .footer .contact img {

user/themes/epau-antimatter/js/antimatter.js

@@ -25,16 +25,19 @@ jQuery(document).ready(function($){
     } else {
       $('.bouton-ouverture').html('Voir PLUS'); // Sinon on affiche LIRE PLUS
     }
+
+    // definir une règle si .texte-cache {max-height}<=.texte-cache.ouvert {max-height}, alors .bouton-ouverture { visible: hidden}
+
   	});
 
 
     // parallax slideshow
     $(document).ready(function() {
-    var imgSrc = ["http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/14360_default_big.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/10361_web_01.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/hyperliens_marseille.png",];
+    var imgSrc = ["/user/themes/epau-antimatter/images/Thizy_Les_Bourgs_copyright_Communaute_de_l_Ouest_Rhodanien.jpg", "/user/themes/epau-antimatter/images/Dieulefit_copyright_Mairie_de_Dieulefit.jpg", "/user/themes/epau-antimatter/images/ARM161205-001.jpg", "/user/themes/epau-antimatter/images/copyright_Grenoble-Alpes_Metropole-Lucas_Frangella_1.jpg",];
 
     var counter = 1;
     var duration = 4000;
-    var tTime = 300;
+    var tTime = 600;
     var v = setInterval(function() {
       $('.parallax-mirror').animate({
         'opacity': 0

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -33,13 +33,18 @@
   }
 }
 
+body#top.modular.fullwidth.title-center.title-h1h2 {
+  overflow-y:hidden;
+}
 
 #header.scrolled {
   padding-left: 2rem;
   padding-right: 2rem;
+
   img {
     @include transform(scale(0.75));
 	  @extend .default-animation;
+    padding-bottom: 1rem;
   }
 
 }
@@ -71,46 +76,30 @@
 }
 
 #header #navbar ul.navigation {
-
 }
 
-// #header #logo img.scrolled {
-//   height: 3.5rem!important;
-// }
-
 #logo {
   position: relative;
   display: flex;
   flex-direction: row;
-  // @include transform(scale(0.75));
-  // &.active {
-  //   a:after {
-  //     top: 0;
-  //     visibility: visible;
-  //     @include transform(scale(0.75));
-	// 	  @extend .default-animation;
-  //
-
   img {
-    padding: 0.5rem;
-    height: 4rem !important;
+    padding: 0.75rem;
+    height: 4rem;
     margin:auto;
 
     @media (max-width: 442px) {
-      height: 3rem!important;
+      height: 3rem;
     }
     @media (max-width: 1024px) {
-      height: 3.5rem!important;
+      height: 3.5rem;
     }
     #gouv {
+      padding-left: 1rem;
       padding-right: 2rem;
       padding: 0.5rem;
-      min-height: 4rem !important;
-      margin:auto;
-    }
-    #epau {
+      min-height: 4rem;
+      // margin:auto;
     }
-
   }
 }
 
@@ -237,17 +226,7 @@
     animation: glissement 1.2s 1 normal ease-in-out forwards;
   }
 }
-//
-// .after-h1 {
-//   .test {
-//     // opacity: 0;
-//     // transition: opacity 1s ease-in-out;
-//     animation: anim 2.5s 1 normal ease-in-out forwards;
-//   }
-//   .animateMe {
-//     animation: glissement 2.5s 1 normal ease-in-out forwards;
-//   }
-// }
+
 
 
 
@@ -256,21 +235,7 @@
 
   display: flex;
   flex-wrap: wrap;
-  //
-  // background-image:
-  // url("/user/themes/epau-antimatter/images/14360_default_big.jpg") ,
-  //   url("/user/themes/epau-antimatter/images/10361_web_01.jpg") ,
-  //   url("/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG") ,
-  //   url("/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg") ;
-  //
-  // background-attachment: fixed;
-  //
-  // background-position: 50% -50px;
-
-  // position: sticky;
-  // transform: translateY(-1);
-
-  // min-height: 500px;
+
 
   background-color: #d5d2d1;
 
@@ -284,48 +249,13 @@
 }
 
 .parallax-window {
-    // min-height: 400px;
-    background: transparent;
-    // height: 1534px;
-    // overflow: hidden;
-}
 
-// .images-background {
-//   position: absolute !important;
-//   width: 100%;
-//   display: flex;
-//   flex-direction: row;
-//   flex-wrap: wrap;
-//   justify-content: space-between;
-//
-//   #photo1 {
-//     position: relative;
-//     top: -60px;
-//
-//   }
-//
-//   #photo2 {
-//     z-index: 0;
-//     width:700px !important;
-//     position: relative;
-//     top: 260px;
-//   }
-//
-//   #photo3 {
-//     z-index: 0;
-//     width:700px !important;
-//     position: relative;
-//     top: 300px;
-//   }
-//
-//   #photo4 {
-//     z-index: 0;
-//     width:700px !important;
-//     position: relative;
-//     top: 300px;
-//   }
-// }
+    background: transparent;
 
+}
+.parallax-mirror {
+  top: -80px;
+}
 
 .programme {
 
@@ -721,7 +651,7 @@
 
 
 #new-footer {
-  position:absolute;
+  // position:absolute;
   display: flex;
   flex-direction: column;
 
@@ -754,19 +684,22 @@
     .footer-logos {
       display: flex;
       flex-direction: row;
-      flex-wrap: nowrap;
-      width: 70%;
+      // flex-wrap: nowrap;
+      width: 65%;
       align-items: center;
       margin-left: 3rem;
+      p {
+        display: inline-flex;
+      }
       img {
         // min-height: 4rem;
         max-height: 4rem;
-        padding-right: 1rem;
-        &:last-of-type {
-          // height: 3.25rem;
-          padding-top: 0.30rem;
-          padding-bottom: 0.30rem;
-        }
+        padding-right: 3rem;
+        // &:last-of-type {
+        //   // height: 3.25rem;
+        //   padding-top: 0.30rem;
+        //   padding-bottom: 0.30rem;
+        // }
       }
     }
 
@@ -774,9 +707,13 @@
       height: 0.5rem !important;
     }
     .contact {
+
       display: flex;
       flex-direction: column;
-      width: 30%;
+      width: 35%;
+
+      padding-left: 1.5rem;
+      margin-right: 2rem;
       margin-top: 1.5rem;
       align-items: flex-start;
       img {

user/themes/epau-antimatter/templates/modular/accueil.html.twig

@@ -18,9 +18,14 @@
    </svg>
   </div>
 
-  <h2>L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS</h2>
-
-  <p>Organisme national de recherche et d’expérimentation, sous la tutelle des Ministères en charge de l’architecture et de l’urbanisme, la Cité de l’Architecture et du Patrimoine et de l’Association Europan France</p>
+  <!-- <h2>L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS</h2> -->
+
+  <p>L'Europe des projets architecturaux et urbains, groupement d'intérêt
+public, sous la tutelle du ministère en charge de l'Architecture, du
+ministère en charge de l'Urbanisme, la Cité de l'architecture et de
+l'Association Europan France, conduit des actions de recherche,
+d'expérimentation, de développement, de valorisation et d'animation des
+réseaux professionnels du cadre bâti.</p>
 
 
 

user/themes/epau-antimatter/templates/modular/gouvernance.html.twig

@@ -10,7 +10,7 @@
        <rect class="" width="100%" height="100%" style="fill:rgb(255,255,255)" />
      </svg>
     </div>
-    <p> Le conseil d’administration de l’Europe des projets architecturaux et urbains et les Directions de programmes de l’Europe des projets architecturaux urbains</p>
+    <p>Assemblée générale de l’Europe des projets architecturaux et urbains et les Directions de programmes de l’Europe des projets architecturaux urbains</p>
 
     {{ page.content|raw }}