slide & contact

2021-06-04 11:38:38 +02:00
parent 8d27853b79
commit 7863c1d975
15 changed files with 61 additions and 48 deletions
@@ -43,7 +43,7 @@ b, strong, label, th {

 #body {
  background: #fff;
-  padding-top: 8rem;
+  padding-top: 5rem;
  padding-bottom: 11rem; }

 .left {
@@ -889,7 +889,8 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
    padding-right: 2rem; } }

 .callout {
-  background-color: rgba(255, 255, 255, 0.5);
+  position: relative;
+  z-index: 1;
  padding-top: 0.5rem;
  padding-right: 0rem !important;
  padding-left: 0rem !important; }
@@ -950,8 +951,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 .programmes {
  display: flex;
  flex-wrap: wrap;
-  background-color: #d5d2d1;
-  z-index: -1;
  justify-content: center;
  padding-left: 15%;
  padding-right: 15%;
@@ -1052,7 +1051,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
      display: none; } }

 .gouvernance {
-  background-color: #000;
+  background-color: #333333;
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 6rem;
@@ -34,11 +34,11 @@ jQuery(document).ready(function($){

    // parallax slideshow
    $(document).ready(function() {
-    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 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", "/user/themes/epau-antimatter/images/04_photo_ AE_PlanDAou_21.jpg","/user/themes/epau-antimatter/images/Solideo_110221_Village_Olympique_Web_copyright_Sennse-cbadet_082.jpg", "/user/themes/epau-antimatter/images/Solideo_041120_Fauchon_Web_copyright_Sennse-cbadet_012.jpg","/user/themes/epau-antimatter/images/AdobeStock_2478413.jpeg", "/user/themes/epau-antimatter/images/04_photo_ AE_PlanDAou_36.jpg",];

    var counter = 1;
    var duration = 4000;
-    var tTime = 600;
+    var tTime = 0;
    var v = setInterval(function() {
      $('.parallax-mirror').animate({
        'opacity': 0
@@ -23,7 +23,9 @@ b, strong {
 // Global Container
 #container {
 	min-height: 100%;
-  	position: relative;
+
+  position: relative;
+
 }

 // Fullwidth styles
@@ -43,7 +45,8 @@ b, strong {
 	@extend .padding-horiz;

 	background: $page-bg;
-	padding-top: $header-height + $padding-vert;
+	padding-top: $header-height;
+	// padding-top: $header-height + $padding-vert;
 	padding-bottom: $footer-height + $padding-vert + 2rem;
 }

@@ -17,13 +17,19 @@

 #body > script:first-child + .grav-lightslider {
  margin-top: -3rem;
+
 }

+
 #sb-site{
  background: none !important;

  #body{
+    // min-height: 100vh;
+    // display: flex;
+    // flex-direction: column;
    background: none !important;
+
    padding-bottom: 2rem !important;
    font-family: "Sarabun", sans-serif !important;
    p:empty { display:none; }
@@ -146,21 +152,25 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 //   }

 .callout {
-    background-color: rgba(255, 255, 255, 0.5);
-    padding-top: 0.5rem;
-    padding-right: 0rem !important;
-    padding-left: 0rem !important;
-    h1, h2, h3, p {
-      text-align: left !important;
-    }
-    h2 {
-      text-transform: capitalize;
-      font-weight: 300;
-      font-size: 1rem;
-    }
+  position: relative;
+  z-index: 1;
+  padding-top: 0.5rem;
+  padding-right: 0rem !important;
+  padding-left: 0rem !important;
+  h1, h2, h3, p {
+    text-align: left !important;
+  }
+  h2 {
+    text-transform: capitalize;
+    font-weight: 300;
+    font-size: 1rem;
+  }
 }

+
 .titre_nsb {
+  // position: relative;
+  // top: -440px;
    display: block;
    margin-right: 52%;

@@ -226,49 +236,54 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }


-
-
 .programmes {
+  // position: relative;
+  // min-height:cover;
+  //
+  // // background-size: contain;
+  // top: -440px;
  display: flex;
  flex-wrap: wrap;
-  background-color: #d5d2d1;
-  z-index: -1;
  justify-content: center;
  padding-left: 15%;
  padding-right: 15%;
-
  padding-top: 8rem;
+  // padding-bottom: 40rem;
  padding-bottom: 8rem;
 }

 .parallax-window {
    background: transparent;
+    // // background-size: contain;
+    //   height: 300vh;
+    // width: 100%;
+
 }

 .parallax-mirror {
  top: -80px;
+  // height: auto;
+
+
 }

-.programme {

+.programme {
+  // position: relative;
+  // top: 440px;
  z-index: 1;
  max-width: 35%;
  min-width: 26rem;
  padding: 1.5rem;
  background-color: white;
  margin: 0.4rem;
-
-
    h4 {
      text-transform: uppercase;
      line-height: 1.2;
-
    }
-
    img {
      max-height: 4rem;
    }
-
    p {
      font-family: $font-family-default;
      font-weight: 500;
@@ -284,17 +299,20 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 .programme:hover {
  background-color: #000;
  transition:0.2s ease-in-out;
-
  p {
    color: #fff;
  }
-
  h4 {
    color: #fff;
  }
 }


+// #ressources {
+//   position: relative;
+//   top: -440px;
+// }
+
 /*CSS pour afficher/masquer un texte via un bouton*/

 /*Style du module TEXTE*/
@@ -363,7 +381,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }

 .gouvernance {
-  background-color: #000;
+  background-color: hsl(0,0%,20%);
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 6rem;
@@ -7,7 +7,8 @@
  }

    .features {
-
+      // position: relative;
+      // top: -440px;
        width: 75%;
        margin: auto;

@@ -7,7 +7,7 @@ $image-margin:      2rem;
 // styling
 .callout {
    background: $text-bg;
-    // filter:opacity(0.2);
+    // filter:opacity(0.7);
    color: #fff;
    padding: $text-padding $content-padding;
    @include breakpoint(desktop-only) {
@@ -2,18 +2,10 @@
 <div
  class="programmes{{ page.header.class}} parallax-window"
  data-parallax="scroll"
-  data-image-src="{{ url('theme://images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg') }}">
+  data-image-src="{{ url('theme://images/04_photo_ AE_PlanDAou_36.jpg') }}">
 <!-- <div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div> -->


-<!-- <div class="images-background parallax parallax-window" data-parallax="scroll">
-
-    <img id="photo1" src="/user/themes/epau-antimatter/images/14360_default_big.jpg" alt="photo 1" />
-    <img id="photo2" src="/user/themes/epau-antimatter/images/10361_web_01.jpg" alt="photo 2" />
-    <img id="photo3" src="/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG" alt="photo 3" />
-    <img id="photo4" src="/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg" alt="photo 4" />
- </div>  -->
-
    {{ content|raw }}

    {% for programme in page.header.programmes %}
@@ -19,8 +19,8 @@
              <h6>CONTACT :</h6>

              <p>Fabienne.Dran@developpement-durable.gouv.fr</br>
-                +33 (0)1 40 81 9327</br>
-                +33 (0)7 86 5033 31.</p>
+                +33 (0)1 40 81 93 27</br>
+                +33 (0)7 86 50 33 31</p>

          </div>
      </div>