fix bug and autoprefixer
This commit is contained in:
parent
8a3625dfab
commit
d6138f87fa
125
web/app/themes/la_mine/asset/dist/index.js
vendored
125
web/app/themes/la_mine/asset/dist/index.js
vendored
@ -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();
|
||||
});
|
||||
|
||||
267
web/app/themes/la_mine/asset/dist/style.css
vendored
267
web/app/themes/la_mine/asset/dist/style.css
vendored
@ -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;
|
||||
|
||||
@ -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' );
|
||||
}
|
||||
|
||||
@ -3,6 +3,9 @@
|
||||
{% include 'components/title_page.twig' %}
|
||||
<section>
|
||||
<ul class="cat-list d-flex flex-wrap button-group filter-button-group">
|
||||
<li data-filter="*" >
|
||||
Tous
|
||||
</li>
|
||||
{% for cat in terms %}
|
||||
<li data-filter=".{{cat.slug}}" >
|
||||
{{cat.name}}
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
{% set cat = item.categories|last %}
|
||||
{% set term = item.categories|first %}
|
||||
|
||||
<div class="item thumbnails col-12 col-sm-6 col-lg-4 mb-5 {{cat.slug}}">
|
||||
<a href="{{site.url}}/{{item.post_name}}">
|
||||
|
||||
<div class="__images">
|
||||
<div class="icone_cat {{cat.slug}}">
|
||||
<div class="icone_cat {{term.slug}}">
|
||||
|
||||
</div>
|
||||
<div class="__img">
|
||||
@ -13,7 +14,7 @@
|
||||
</div>
|
||||
|
||||
<div class="wrap__content_proch">
|
||||
<div class="__title"><h5>{{item.titre}}</h5></div>
|
||||
<div class="__title"><h5>{{item.title}}</h5></div>
|
||||
<div class="__content">
|
||||
<div class="__date">
|
||||
<div class="__day">
|
||||
|
||||
@ -5,34 +5,36 @@
|
||||
|
||||
{% for item in posts %}
|
||||
<section class="row tpsF">
|
||||
<div class="sidebar col-md-4">
|
||||
<div class="title">
|
||||
<h3>{{item.title}}</h3>
|
||||
<div class="next_edition">
|
||||
<p>Prochaine Édition : <time>{{item.next_edition|date("F Y") }}</time>
|
||||
</p>
|
||||
<div class="sidebar col-md-4">
|
||||
<div class="title">
|
||||
<h3>{{item.title}}</h3>
|
||||
<div class="next_edition">
|
||||
<p>Prochaine Édition : <time>{{item.next_edition|date("F Y") }}</time>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
{{item.text}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
{{item.text}}
|
||||
<div class="wrap_content col-md-8">
|
||||
<div class="slide">
|
||||
{% for media in item.meta('slide') %}
|
||||
{% for add in media %}
|
||||
{% if add.acf_fc_layout == 'images' %}
|
||||
<div class="img">
|
||||
<img src="{{ Image(add.image).src }}" alt="{{ Image(add.image).title }}">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if add.acf_fc_layout == 'video' %}
|
||||
<div class="video">
|
||||
{{ add.video }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap_content col-md-8">
|
||||
<div class="slide">
|
||||
{% for media in item.meta('slide') %}
|
||||
{% if Image(media.image).src %}
|
||||
<div class="img">
|
||||
<img src="{{ Image(media.image).src }}" alt="{{ Image(media.image).title }}">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if media.video %}
|
||||
<div class="video">
|
||||
<iframe width="560" height="315" src="//www.youtube.com/embed/{{ media.video }}" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
{% extends "base.twig" %}
|
||||
{% block content %}
|
||||
{% set group = post.meta('informations') %}
|
||||
|
||||
<div class="content-wrapper">
|
||||
<div class="Btn retour">
|
||||
<a href="/agenda">Retour</a>
|
||||
@ -8,7 +10,8 @@
|
||||
|
||||
<article class="row">
|
||||
<div class="header mobile col-12 d-lg-none d-block">
|
||||
<h3 class="titre_event">{{post.titre}}</h3>
|
||||
<h3 class="titre_event">{{ post.title }}</h3>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="__img_event col-lg-6 col-12">
|
||||
@ -17,7 +20,7 @@
|
||||
|
||||
<div class="article-content col-lg-6 col-12 my-3 my-lg-0">
|
||||
<div class="header d-none d-lg-block">
|
||||
<h3 class="titre_event">{{post.titre}}</h3>
|
||||
<h3 class="titre_event">{{ post.title }}</h3>
|
||||
</div>
|
||||
|
||||
<div class="cat {{post.category.slug}}">
|
||||
@ -25,54 +28,61 @@
|
||||
</div>
|
||||
|
||||
<div class="data">
|
||||
<div class="__date">
|
||||
<div class="__day">
|
||||
{% set start = item.debut_event|date("Ydj") %}
|
||||
{% set end = item.fin_event|date("Ydj") %}
|
||||
{% if start == end %}
|
||||
<span class="start">
|
||||
Le <time>{{item.debut_event|date("l j F Y") }}</time>
|
||||
<br>de <time>{{item.debut_event|date("G:i")}}</time>
|
||||
</span>
|
||||
<span class="end">
|
||||
à <time>{{item.fin_event|date("G:i")}}</time></br>
|
||||
</span>
|
||||
{% else %}
|
||||
<span class="start">
|
||||
Du <time>{{item.debut_event|date("l j F Y") }}</time>
|
||||
à <time>{{item.debut_event|date("G:i")}}</time>
|
||||
</span>
|
||||
<span class="end">
|
||||
<br>Au <time>{{item.fin_event|date("j l F Y") }}</time></br>
|
||||
à <time>{{item.fin_event|date("G:i")}}</time>
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="lieu">{{post.lieu}}</div>
|
||||
<div class="__date">
|
||||
<div class="__day">
|
||||
|
||||
{% set start = group.debut_event|date("Ydj") %}
|
||||
{% set end = group.fin_event|date("Ydj") %}
|
||||
|
||||
{% if start == end %}
|
||||
<span class="start">
|
||||
Le <time>{{group.debut_event|date("j F Y") }}</time>
|
||||
de <time>{{group.debut_event|date("G:i")}}</time>
|
||||
</span>
|
||||
<span class="end">
|
||||
à <time>{{group.fin_event|date("G:i")}}</time>
|
||||
</span>
|
||||
|
||||
{% else %}
|
||||
|
||||
<span class="start">
|
||||
Du <time>{{group.debut_event|date("j F Y") }}</time>
|
||||
à <time>{{group.debut_event|date("G:i")}}</time>
|
||||
</span>
|
||||
<span class="end">
|
||||
<br>Au <time>{{group.fin_event|date("j F Y") }}</time>
|
||||
à <time>{{group.fin_event|date("G:i")}}</time></br>
|
||||
</span>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="lieu">{{group.lieu}}</div>
|
||||
</div>
|
||||
<div class="wrapper__content">
|
||||
{{ post.meta('description') }}
|
||||
</div>
|
||||
|
||||
<div class="tarif">
|
||||
<h3>{{post.titre_tarif}}</h3>
|
||||
<p>{{post.type_tarif}}</p>
|
||||
<h3>Tarif</h3>
|
||||
<p>{{group.type_tarif}}</p>
|
||||
</div>
|
||||
|
||||
<div class="inscription">
|
||||
{% if post.meta('inscription') %}
|
||||
<h3>{{post.titre_inscription}}</h3>
|
||||
{% for Items in post.meta('inscription') %}
|
||||
{% for detail in Items.choose %}
|
||||
{% if detail.acf_fc_layout == 'texte' %}
|
||||
<p class="texte_details">{{ detail.texte }}</p>
|
||||
{% endif %}
|
||||
{% if detail.acf_fc_layout == 'lien' %}
|
||||
<div class="Btn group_link">
|
||||
<a href="{{detail.lien.lien_hello_asso}}">{{detail.lien.texte_lien_hello_asso}}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if group.inscription %}
|
||||
<h3>Inscription</h3>
|
||||
{% for Items in group.inscription %}
|
||||
{% for detail in Items %}
|
||||
{% if detail.acf_fc_layout == 'en_libre_acces' %}
|
||||
<p class="texte_details">{{ detail.texte }}</p>
|
||||
{% endif %}
|
||||
{% if detail.acf_fc_layout == 'lien_dinscription' %}
|
||||
<div class="Btn group_link">
|
||||
<a target="_blank" href="{{detail.url}}">{{detail.texte}}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for detail in Items.type_dinscription %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
@ -82,7 +92,7 @@
|
||||
</div>
|
||||
|
||||
<div class="partager">
|
||||
<h3>{{post.titre_partage}}</h3>
|
||||
<h3>Partager</h3>
|
||||
<div class="d-flex">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}">
|
||||
<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_facebook).src }}" />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user