diff --git a/web/app/themes/la_mine/asset/dist/index.js b/web/app/themes/la_mine/asset/dist/index.js index 70bf8c66..18c9ddbd 100644 --- a/web/app/themes/la_mine/asset/dist/index.js +++ b/web/app/themes/la_mine/asset/dist/index.js @@ -1,74 +1,85 @@ -var Home = document.querySelector('.hero .slide'); -if (Home != null) { - var flkty = new Flickity( Home, { - cellAlign: 'left', - autoPlay: true, - prevNextButtons: false, - fade: true, - }); -} +function slides() { + var Home = document.querySelector('.hero .slide'); + if (Home != null) { + var flkty = new Flickity( Home, { + cellAlign: 'left', + autoPlay: true, + prevNextButtons: false, + fade: true, + }); + } -var prive = document.querySelector('.prive .__slide'); -if (prive != null) { - var flkty = new Flickity( prive, { - // options - cellAlign: 'left', - autoPlay: true, - }) -} - -var slide_tpsF = document.querySelectorAll('.tpsF .slide'); -if (slide_tpsF != null) { - for (var i = 0; i < slide_tpsF.length; i++) { - var flkty = new Flickity( slide_tpsF[i], { + var prive = document.querySelector('.prive .__slide'); + if (prive != null) { + var flkty = new Flickity( prive, { // options cellAlign: 'left', autoPlay: true, + }) + } + + var slide_tpsF = document.querySelectorAll('.tpsF .slide'); + if (slide_tpsF != null) { + for (var i = 0; i < slide_tpsF.length; i++) { + var flkty = new Flickity( slide_tpsF[i], { + // options + cellAlign: 'left', + autoPlay: true, + pageDots: false + }); + } + } + + var Partenaires = document.querySelector('.container_slide ul'); + if (Partenaires != null) { + var flkty = new Flickity( Partenaires, { + cellAlign: 'left', pageDots: false + // groupCells: true, + // carousel-cell: true, }); + } +} + +function masonry() { + var arrayEnga = document.querySelector('.tableau_engagements.row'); + + if (arrayEnga != null) { + var msnry = new Masonry(arrayEnga , { + //columnWidth: '.engagement', + columnWidth: '.engagement', + itemSelector: '.engagement', + gutter: '.gutter-sizer', + percentPosition: true + }); + } } -var Partenaires = document.querySelector('.container_slide ul'); -if (Partenaires != null) { - var flkty = new Flickity( Partenaires, { - cellAlign: 'left', - pageDots: false - // groupCells: true, - // carousel-cell: true, +function burger() { + var hamburgers = document.querySelector(".hamburger"); + var nav = document.querySelector(".nav-main"); + hamburgers.addEventListener("click", function() { + this.classList.toggle("is-active"); + nav.classList.toggle("is-active"); }); - } - -var arrayEnga = document.querySelector('.tableau_engagements.row'); - -if (arrayEnga != null) { - var msnry = new Masonry(arrayEnga , { - //columnWidth: '.engagement', - columnWidth: '.engagement', - itemSelector: '.engagement', - gutter: '.gutter-sizer', - percentPosition: true - }); - } -var hamburgers = document.querySelector(".hamburger"); -var nav = document.querySelector(".nav-main"); -hamburgers.addEventListener("click", function() { - this.classList.toggle("is-active"); - nav.classList.toggle("is-active"); -}); - function paralax() { var rellax = new Rellax('.paralax', { center:true - }); } + }); +} function isotope() { - var $grid = $('.grid').isotope({ - itemSelector: '.item' + percentPosition: true, + masonry: { + columnWidth: '.item' + }, + itemSelector: '.item', + stagger: 30 }); $('.filter-button-group li').on( 'click', function(evt) { @@ -84,8 +95,18 @@ function drag(){ }); } +function click_nav() { + $('#nav-main > ul > li:first-child > a').click(function(e) { + e.preventDefault(); + }) +} + $( document ).ready(function() { + slides(); + masonry(); + burger(); paralax(); isotope(); drag(); + click_nav(); }); diff --git a/web/app/themes/la_mine/asset/dist/style.css b/web/app/themes/la_mine/asset/dist/style.css index 39833b39..84aea099 100644 --- a/web/app/themes/la_mine/asset/dist/style.css +++ b/web/app/themes/la_mine/asset/dist/style.css @@ -8,7 +8,8 @@ } *{ - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } html{ overflow-x: hidden; @@ -103,6 +104,8 @@ header{ pointer-events: none; } header > .nav-wrapper{ + height: -webkit-fit-content; + height: -moz-fit-content; height: fit-content; } /* START LOGO */ @@ -118,7 +121,8 @@ header > .nav-wrapper{ height: 100%; } .logoLamine img{ - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } #lumiR_logo { @@ -160,11 +164,19 @@ header > .nav-wrapper{ height: 200px; background-color: white; border-radius: 200px; - transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; transition: all 0.3s ease; } .logoLamine:hover #fond_logo{ - transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* END LOGO */ @@ -172,13 +184,16 @@ header > .nav-wrapper{ /* START RS */ .rs{ /* padding-top: 10px; */ + height: -webkit-fit-content; + height: -moz-fit-content; height: fit-content; pointer-events: auto; } .rs > div { width: 30px; height: 30px; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; margin-right: 15px; } /* END RS */ @@ -188,6 +203,8 @@ header > .nav-wrapper{ /* START BURGER */ .burger{ + height: -webkit-fit-content; + height: -moz-fit-content; height: fit-content; pointer-events: auto; } @@ -200,27 +217,74 @@ header > .nav-wrapper{ #nav-main{ display: none; position: fixed; - top: 0; - right: 0; + top: 70px; + right: 1rem; width: calc(100% / 4); - height: 100vh; + max-width : 200px; background: white; z-index: -1; + border: 4px solid black; + } + @media screen and (max-width: 576px) { + #nav-main{ + width: 100%; + max-width : 100%; + right: 0; + top: 0; + height: 100vh; + border: none; + } + .nav-main > ul > li{ + border-bottom: 4px solid black; + } + .nav-main > ul > li:first-child{ + border-top: 4px solid black; + } } #nav-main.is-active{ + display: -webkit-box; + display: -ms-flexbox; display: flex; pointer-events: auto; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .nav-main > ul{ width: 100%; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; - flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 0rem; } .nav-main > ul > li{ text-align: center; } + .nav-main > ul > li a{ + background: white; + color: black; + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + } + .nav-main > ul > li a:hover{ + background: black; + color: white; + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + } + + .nav-main > ul > li:not(:last-child){ + border-bottom: 4px solid black; + } #fl_menu{ position:absolute; z-index: 9999; @@ -303,16 +367,28 @@ body > .content-wrapper{ #bouton_asso a, #bouton_contact a{ display: block; + width: -webkit-max-content; + width: -moz-max-content; width: max-content; margin: auto; - transform: scale(1) rotate(0deg); + -webkit-transform: scale(1) rotate(0deg); + -ms-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + -o-transition: transform 0.3s ease; transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .btn a:hover, #bouton_asso a:hover, #bouton_contact a:hover{ - transform: scale(1.05) rotate(-5deg); + -webkit-transform: scale(1.05) rotate(-5deg); + -ms-transform: scale(1.05) rotate(-5deg); + transform: scale(1.05) rotate(-5deg); + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn a{ @@ -394,9 +470,11 @@ footer .flickity-prev-next-button{ z-index: 9999; width: 200px; height: auto; + cursor: -webkit-grab; cursor: grab; } .ui-draggable-dragging{ + cursor: -webkit-grabbing; cursor: grabbing; } #drag_1 { @@ -487,14 +565,22 @@ footer .flickity-prev-next-button{ border: 4px solid black; background-color: white; height: 40px; + display: -webkit-box; + display: -ms-flexbox; display: flex; - align-items: flex-end; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-transition: all 0.2s ease; + -o-transition: all 0.2s ease; transition: all 0.2s ease; } .agenda .cat-list li:hover{ background: black; color: white; + -webkit-transition: all 0.2s ease; + -o-transition: all 0.2s ease; transition: all 0.2s ease; } @@ -586,7 +672,8 @@ article .__img_event img{ top: 0; width:100%; height:100%; - object-fit:cover; + -o-object-fit:cover; + object-fit:cover; } .other{ @@ -596,7 +683,9 @@ article .__img_event img{ .other .header_other{ position: absolute; top: 0; - transform: translate(-50% ,-150%); + -webkit-transform: translate(-50% ,-150%); + -ms-transform: translate(-50% ,-150%); + transform: translate(-50% ,-150%); left: 0; } @@ -605,7 +694,9 @@ article .__img_event img{ font-weight: bold; background-color: white; border: 8px solid #ffcc00ff; - transform: rotate(-10deg); + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); padding: 0.5rem; } @@ -669,6 +760,8 @@ body.la-collecte .__header h3{ } .la-benevole-zone .__bouttons{ text-align: center; + width: -webkit-max-content; + width: -moz-max-content; width: max-content; margin: 30px auto 0 auto; @@ -721,6 +814,8 @@ body.la-collecte .__header h3{ } .association .__bouttons{ text-align: center; + width: -webkit-max-content; + width: -moz-max-content; width: max-content; margin: 30px auto 0 auto; } @@ -774,13 +869,21 @@ body.la-collecte .__header h3{ } .privatiser.__slide .legendes{ opacity: 0; - transform: translateX(50px); + -webkit-transform: translateX(50px); + -ms-transform: translateX(50px); + transform: translateX(50px); + -webkit-transition: all 0.3s; + -o-transition: all 0.3s; transition: all 0.3s; } .privatiser.__slide .is-selected .legendes{ opacity: 1; - transform: translateX(0px); + -webkit-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); + -webkit-transition: all 1.3s; + -o-transition: all 1.3s; transition: all 1.3s; } @@ -805,9 +908,13 @@ body.la-collecte .__header h3{ text-transform: uppercase; font-weight: bold; text-align: center; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 8px solid #00FFFF; - transform: rotate(-10deg); + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); padding: 0.5rem; background-color: white; } @@ -822,7 +929,9 @@ body.la-collecte .__header h3{ margin-top: 300px; } .privacy-policy .article-body { - column-count: 2; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; } /*END PRIVACY-POLICY*/ @@ -833,10 +942,14 @@ body.la-collecte .__header h3{ text-transform: uppercase; font-weight: bold; text-align: center; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 8px solid blue; background-color: white; - transform: rotate(-10deg); + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); padding: 0.5rem; background-color: white; } @@ -865,11 +978,21 @@ body.la-collecte .__header h3{ } .coming_soon .thumbnails, .other-posts .thumbnails, .item.thumbnails { margin-top: 30px; - transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + -o-transition: transform 0.3s ease; transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .coming_soon .thumbnails:hover, .other-posts .thumbnails:hover, .item.thumbnails:hover { - transform: scale(1.05); + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; transition: all 0.3s ease; } @@ -880,14 +1003,17 @@ body.la-collecte .__header h3{ .thumbnails .__img img{ width: 100%; height: 100%; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } .thumbnails .icone_cat{ width: 40px; height: 40px; border-radius: 40px; position: absolute; - transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ @@ -941,7 +1067,9 @@ body.la-collecte .__header h3{ /* SECTION ASSO */ #section_asso .association .__body{ position: relative; - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; margin-top: 50px; } .image_sectionasso { @@ -992,13 +1120,22 @@ body.la-collecte .__header h3{ margin: -4rem auto 0 auto; padding: 10px; min-height: 160px; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; text-align: center; background-color: white; border: 4px solid black; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; - justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .colonne_section{ @@ -1016,8 +1153,12 @@ body.la-collecte .__header h3{ .projet .colonne_section .header{ height: 80px; + display: -webkit-box; + display: -ms-flexbox; display: flex; - align-items: flex-end ; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end ; } .projet .colonne_section .header h3{ text-align: center; @@ -1027,7 +1168,8 @@ body.la-collecte .__header h3{ .item img{ width: 100%; height: 100%; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } ._content_tpsF { @@ -1035,7 +1177,9 @@ body.la-collecte .__header h3{ width: 80%; padding: 10px; margin: -50px auto; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; text-align: center; background-color: white; border: 4px solid black; @@ -1048,16 +1192,28 @@ body.la-collecte .__header h3{ .af-submit-button{ position: relative; margin: 50px auto 10px auto; + display:-webkit-box; + display:-ms-flexbox; display:flex; border: 4px solid black; border-radius: 0%; text-align: center; padding: 5px; - transform: scale(1) rotate(0deg); + -webkit-transform: scale(1) rotate(0deg); + -ms-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + -webkit-transition: -webkit-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + -o-transition: transform 0.3s ease; transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .af-submit-button:hover{ - transform: scale(1.1) rotate(-10deg); + -webkit-transform: scale(1.1) rotate(-10deg); + -ms-transform: scale(1.1) rotate(-10deg); + transform: scale(1.1) rotate(-10deg); + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*fin collecte et form*/ @@ -1103,7 +1259,8 @@ body.la-collecte .__header h3{ .hero .slide img{ width: 100%; height: 100%; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } .hero .__head{ @@ -1124,7 +1281,8 @@ body.la-collecte .__header h3{ .tpsF .img img{ width: 100%; height: 100%; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } body.les-temps-forts section{ margin-top: 100px; @@ -1142,7 +1300,8 @@ body.les-temps-forts .titre_page { .projet .img img{ width: 100%; height: 100%; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } .prive .images{ @@ -1152,7 +1311,8 @@ body.les-temps-forts .titre_page { .prive .img img{ width: 100%; height: 100%; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } /* END KEVIN */ @@ -1162,15 +1322,21 @@ body.les-temps-forts .titre_page { .titre{ top: -150px; left: 50%; - transform: rotate(-10deg) translateX(-50%); + -webkit-transform: rotate(-10deg) translateX(-50%); + -ms-transform: rotate(-10deg) translateX(-50%); + transform: rotate(-10deg) translateX(-50%); } .privacy-policy .article-h1{ top: 100px; left: 50%; - transform: rotate(-10deg) translateX(-50%); + -webkit-transform: rotate(-10deg) translateX(-50%); + -ms-transform: rotate(-10deg) translateX(-50%); + transform: rotate(-10deg) translateX(-50%); } .privacy-policy .article-body { - column-count: 1; + -webkit-column-count: 1; + -moz-column-count: 1; + column-count: 1; } .other .header_other { left: 50%; @@ -1243,7 +1409,8 @@ footer .logo_lamine a{ width: auto; } footer .logo_lamine img{ - object-fit: contain; + -o-object-fit: contain; + object-fit: contain; } footer > .information > div > div { margin-bottom: 20px; @@ -1258,7 +1425,8 @@ footer .reseaux_sociaux > div a > img{ footer .reseaux_sociaux img { vertical-align: baseline; - object-fit: contain; + -o-object-fit: contain; + object-fit: contain; } /* START Mailchimp */ @@ -1309,7 +1477,8 @@ footer .reseaux_sociaux img { } footer .partenaires img{ - object-fit: contain; + -o-object-fit: contain; + object-fit: contain; } /* END SLIDE */ /* END FOOTER */ @@ -1319,7 +1488,9 @@ footer .reseaux_sociaux img { text-align: center; } footer a.d-flex{ - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } #Btn_asso a{ display: block; diff --git a/web/app/themes/la_mine/inc/function.php b/web/app/themes/la_mine/inc/function.php index 002e4d74..d6438007 100644 --- a/web/app/themes/la_mine/inc/function.php +++ b/web/app/themes/la_mine/inc/function.php @@ -56,13 +56,13 @@ Timber::$autoescape = false; // REMOVE EDITOR function remove_editor() { - remove_post_type_support( - 'page', 'editor' - ); - remove_post_type_support( - 'post', 'editor' - ); - + remove_post_type_support('page', 'editor'); + remove_post_type_support('page', 'comments'); + remove_post_type_support('post', 'editor'); + remove_post_type_support('post', 'comments'); + remove_post_type_support('post', 'author'); + remove_post_type_support('post', 'excerpt'); + remove_post_type_support('post', 'revisions'); }; add_action('admin_init', 'remove_editor'); @@ -141,18 +141,18 @@ class StarterSite extends Timber\Site { * * See: https://codex.wordpress.org/Post_Formats */ - add_theme_support( - 'post-formats', - array( - 'aside', - 'image', - 'video', - 'quote', - 'link', - 'gallery', - 'audio', - ) - ); + // add_theme_support( + // 'post-formats', + // array( + // 'aside', + // 'image', + // 'video', + // 'quote', + // 'link', + // 'gallery', + // 'audio', + // ) + // ); add_theme_support( 'menus' ); } diff --git a/web/app/themes/la_mine/templates/agenda.twig b/web/app/themes/la_mine/templates/agenda.twig index 950a5957..bcc8ffb0 100644 --- a/web/app/themes/la_mine/templates/agenda.twig +++ b/web/app/themes/la_mine/templates/agenda.twig @@ -3,6 +3,9 @@ {% include 'components/title_page.twig' %}