install wmtp && modif css

composer.json

@@ -43,7 +43,8 @@
     "wpackagist-plugin/timber-library": "^1.15",
     "twbs/bootstrap": "4.5.0",
     "twig/extensions": "^1.5",
-    "wpackagist-plugin/advanced-forms": "^1.6"
+    "wpackagist-plugin/advanced-forms": "^1.6",
+    "wpackagist-plugin/wp-mail-smtp": "^2.4"
   },
   "require-dev": {
     "squizlabs/php_codesniffer": "^3.5.4",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "903fb4c0bdca7a4f896104b330762f2a",
+    "content-hash": "01e1678ee520805eb78030d161e383b5",
     "packages": [
         {
             "name": "composer/installers",
@@ -890,6 +890,24 @@
             },
             "type": "wordpress-plugin",
             "homepage": "https://wordpress.org/plugins/timber-library/"
+        },
+        {
+            "name": "wpackagist-plugin/wp-mail-smtp",
+            "version": "2.4.0",
+            "source": {
+                "type": "svn",
+                "url": "https://plugins.svn.wordpress.org/wp-mail-smtp/",
+                "reference": "tags/2.4.0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://downloads.wordpress.org/plugin/wp-mail-smtp.2.4.0.zip"
+            },
+            "require": {
+                "composer/installers": "~1.0"
+            },
+            "type": "wordpress-plugin",
+            "homepage": "https://wordpress.org/plugins/wp-mail-smtp/"
         }
     ],
     "packages-dev": [

web/app/themes/la_mine/functions.php

@@ -21,7 +21,7 @@
 		get_template_directory_uri() . '/src/assets/js/flickity.pkgd.min.js', array() );
 	}
 	add_action( 'wp_footer', 'flickity' );
-	
+
 	function isotope(){
 		wp_enqueue_script( 'isotope',
 		get_template_directory_uri() . '/src/assets/js/isotope.pkgd.min.js', array() );
@@ -34,8 +34,6 @@
 	}
 	add_action( 'wp_footer', 'customJs' );
 
-
-
 	//
 	// function includedrag() {
 	// 	wp_deregister_script('drag-ui');

web/app/themes/la_mine/src/assets/js/scripts.js

@@ -1,6 +1,5 @@
 function slides() {
-  var Home = $('.accueil .hero .main-carousel');
+  $('body:not(.les-temps-forts) main .main-carousel').flickity({
-  $('body:not(.les-temps-forts) .main-carousel').flickity({
     cellAlign: 'left',
     autoPlay: true,
     prevNextButtons: false,
@@ -36,15 +35,15 @@ function slides() {
     }
   }
 
-  // var Partenaires = document.querySelector('.container_slide ul');
+  var Partenaires = document.querySelector('footer .main-carousel');
-  // if (Partenaires != null) {
+  if (Partenaires != null) {
-  //   var flkty = new Flickity( Partenaires, {
+    var flkty = new Flickity( Partenaires, {
-  //     cellAlign: 'left',
+      cellAlign: 'left',
-  //     pageDots: false
+      autoPlay: true,
-  //     // groupCells: true,
+      pageDots: false,
-  //     // carousel-cell: true,
+      prevNextButtons: false,
-  //   });
+    });
-  //  }
+   }
 }
 
 function masonry() {

web/app/themes/la_mine/src/assets/scss/components/_footer.scss

@@ -1,5 +1,7 @@
 body{
     & > footer{
+        box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.05);
+        padding-top: 2rem;
         section{
             & > .row{
                 margin-bottom: 1rem;
@@ -119,6 +121,9 @@ body{
                 display: block;
                 width: max-content;
                 text-transform: uppercase;
+                @media screen and (min-width: 568px) {
+                  margin: 0.5rem auto;
+                }
                 &:hover{
                     border: 5px solid black;
                     background: black;

web/app/themes/la_mine/src/assets/scss/components/_thumbnails.scss

@@ -1,14 +1,38 @@
 .thumbnails{
+  min-height: 520px;
+  @media screen and (min-width: 768px) {
+    min-height: 430px;
+  }
+  // margin-bottom: 2rem;
     a{
         display: block;
         text-decoration: none;
     }
-    margin-bottom: 2rem;
+    figure{
+      overflow: hidden;
+        img{
+            transform: scale(1);
+            transition: 1s transform ease;
+        }
+    }
     .wrap_content{
         display: flex;
         flex-direction: column;
-        justify-content: center;
+        max-height: 11.3rem;
-        margin-top: -6rem;
+        overflow: hidden;
+        border: 5px solid black;
+        padding: 1rem;
+        position: relative;
+        margin: -6rem 2rem;
+        background: white;
+        transition: 0.2s margin-top ease;
+        text-align: center;
+        & > * {
+          color: black;
+        }
+        h3{
+          font-size: 1.5rem;
+        }
         h5{
             font-family: 'universalis-bold';
             font-size: 1.25rem;
@@ -16,14 +40,17 @@
             text-transform: uppercase;
         }
         .date{
+          margin-bottom: 0.5rem;
             & > * {
                 font-family: 'universalis-regular';
                 font-size: 0.9rem;
-                line-height: 1;
+                line-height: 0.5;
+                time{
+                  line-height: 0.5;
+                }
             }
         }
         .places{
-            padding-top: 0.5rem;
             font-family: 'universalis-regular';
             font-size: 0.9rem;
             line-height: 1;
@@ -31,8 +58,16 @@
         }
     }
     &:hover {
+        figure{
+          overflow: hidden;
+            img{
+                transform: scale(1.1);
+                transition: 1s transform ease;
+            }
+        }
         .wrap_content{
             margin-top: -7rem;
-        }    
+            transition: 0.2s margin-top ease;
+        }
     }
 }

web/app/themes/la_mine/src/assets/scss/pages/_agenda.scss

@@ -62,48 +62,9 @@
                     }
                 }
             }
-        }
+            .thumbnails{
-
+              margin-bottom: 2rem;
-        .thumbnails{
-            a{
-                display: block;
-                text-decoration: none;
-            }
-            margin-bottom: 2rem;
-            .wrap_content{
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                margin-top: -6rem;
-                height: 150px;
-                h5{
-                    font-family: 'universalis-bold';
-                    font-size: 1.25rem;
-                    line-height: 1;
-                    text-transform: uppercase;
-                }
-                .date{
-                    & > * {
-                        font-family: 'universalis-regular';
-                        font-size: 1rem;
-                        line-height: 1;
-                    }
-                }
-                .places{
-                    padding-top: 0.5rem;
-                    font-family: 'universalis-regular';
-                    font-size: 1rem;
-                    line-height: 1;
-                    text-transform: uppercase;
-                }
-            }
-            &:hover {
-                .wrap_content{
-                    margin-top: -7rem;
-                }    
             }
         }
     }
-
 }
-

web/app/themes/la_mine/src/assets/scss/pages/_home.scss

@@ -52,20 +52,11 @@
                     & > .row{
                         justify-content: center;
                         &:first-of-type{
-                            min-height: 500px;
+                            min-height: 430px;
-                        }
-                    }
-                }
-                .thumbnails{
-                    .wrap_content{
-                        margin-top: -6rem;
-                    }
-                    &:hover {
-                        .wrap_content{
-                            margin-top: -7rem;
                         }
                     }
                 }
+
             }
             &#section_asso{
                 .container-fluid{
@@ -182,21 +173,28 @@
                     & > .row{
                         justify-content: center;
                         &:first-of-type{
-                            min-height: 500px;
+                            min-height: 450px;
                         }
                     }
                 }
                 article{
                     height: auto;
-                    min-height: 500px;
+                    min-height: 520px;
+                    @media screen and (min-width: 576px) {
+                      min-height: 450px;
+                    }
                     h3{
                         color: $colorBlue;
-                        font-size: 1.875rem;
+                        font-size: 1.25rem;
                         line-height: 1;
                         font-family: 'millimetre-regular';
                         text-transform: uppercase;
+                        margin-bottom: 0.5rem;
                     }
                 }
+                .wrap_content{
+                  margin: -8rem 2rem!important;
+                }
                 .content{
                     font-family: 'universalis-regular';
                     color: $colorBlue;
@@ -204,7 +202,6 @@
                     line-height: 1.2;
                 }
                 .date{
-                    margin: 1rem;
                     span{
                         font-family: 'universalis-regular';
                         display: block;
@@ -216,16 +213,7 @@
                         }
                     }
                 }
-                .thumbnails{
+
-                    .wrap_content{
-                        margin-top: -10rem;
-                    }
-                    &:hover {
-                        .wrap_content{
-                            margin-top: -11rem;
-                        }
-                    }
-                }
             }
             &#section_MineVideo{
                 .container-fluid{
@@ -254,43 +242,3 @@
         margin: auto;
     }
 }
-
-.thumbnails{
-    &:not(:last-of-type){
-        margin-bottom: 3rem;
-        @media screen and (min-width: 576px) {
-            margin-bottom: 0rem;
-        }
-    }
-    figure{
-        position: relative;
-        overflow: hidden;
-        img{
-            transform: scale(1);
-            transition: 0.3s transform ease;
-        }
-    }
-    .wrap_content{
-        border: 5px solid black;
-        padding: 1rem;
-        position: relative;
-        margin: 0 2rem;
-        background: white;
-        transition: 0.2s margin-top ease;
-        text-align: center;
-        & * {
-            color : $colorBlack;
-        }
-    }
-    &:hover {
-        figure{
-            img{
-                transform: scale(1.1);
-                transition: 1s transform ease;
-            }
-        }
-        .wrap_content{
-            transition: 0.2s margin-top ease;
-        }
-    }
-}

web/app/themes/la_mine/src/assets/scss/pages/_single.scss

@@ -76,27 +76,5 @@
                 transform: translateX(-50%) rotate(-15deg);
             }
         }
-
-        .thumbnails{
-            min-height: 450px;
-            a{
-                display: block;
-                text-decoration: none;
-            }
-            margin-bottom: 2rem;
-            .wrap_content{
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                margin-top: -6rem;
-                height: 150px;
-            }
-            &:hover {
-                .wrap_content{
-                    margin-top: -7rem;
-                }    
-            }
-        }
-
     }
-}
+}

web/app/themes/la_mine/templates/components/buttons/bouton_contact.html.twig

@@ -1,3 +1,3 @@
 <div id="bouton_contact">
-  <a href="{{post.meta('bouton_contact').lien_hello_asso}}">{{post.meta('bouton_contact').texte_bouton}}</a>
+  <a href="mailto:{{post.meta('bouton_contact').lien_mail}}">{{post.meta('bouton_contact').texte_bouton}}</a>
 </div>

web/app/themes/la_mine/templates/components/footer.twig

@@ -19,7 +19,7 @@
 
       <figure class="mx-auto rs">
         <a rel="noreferrer" target="_blank" href="{{options.facebook.lien_facebook}}">
-				  <img src="{{theme.link}}/dist/assets/images/fb.svg" alt="logo_facebook" title="Le logo de facebook"/>          
+				  <img src="{{theme.link}}/dist/assets/images/fb.svg" alt="logo_facebook" title="Le logo de facebook"/>
           <figcaption>{{options.facebook.texte_facebook}}</figcaption>
         </a>
         <a rel="noreferrer" target="_blank" href="{{options.instagram.lien_instagram}}">
@@ -45,14 +45,14 @@
         </div>
       </form>
     </div>
-    
+
     <div class="col-12">
-      <a class="btn add_assos" target="_blank" href="{{post.meta('bouton_asso').lien_hello_asso}}">adhérer à l'association</a>
+      <a class="btn add_assos" rel="noreferrer" target="_blank" href="{{options.lien_hello_asso}}">adhérer à l'association</a>
     </div>
 
-    <div class="col-12 part">
+    <div class="col-12 part d-flex align-items-center">
       <h3>{{options.titre}}</h3>
-      <figure class="col px-0">
+      <figure class="col">
         <div class="main-carousel">
         {% for partner in options.partenaire %}
           <a rel="noreferrer" target="_blank" href="{{partner.lien_site_partenaire}}">