valentin_le_moign/lamine_wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix bug and autoprefixer

Browse Source
This commit is contained in:
Kevin Tessier 2020-07-06 23:17:05 +02:00
parent 8a3625dfab
commit d6138f87fa
7 changed files with 396 additions and 188 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
web/app/themes/la_mine/asset/dist/index.js vendored
View File

@ -1,74 +1,85 @@
var Home = document.querySelector('.hero .slide'); function slides() {
if (Home != null) { var Home = document.querySelector('.hero .slide');
var flkty = new Flickity( Home, { if (Home != null) {
cellAlign: 'left', var flkty = new Flickity( Home, {
autoPlay: true, cellAlign: 'left',
prevNextButtons: false, autoPlay: true,
fade: true, prevNextButtons: false,
}); fade: true,
} });
}
var prive = document.querySelector('.prive .__slide'); var prive = document.querySelector('.prive .__slide');
if (prive != null) { if (prive != null) {
var flkty = new Flickity( prive, { 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 // options
cellAlign: 'left', cellAlign: 'left',
autoPlay: true, 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 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'); function burger() {
if (Partenaires != null) { var hamburgers = document.querySelector(".hamburger");
var flkty = new Flickity( Partenaires, { var nav = document.querySelector(".nav-main");
cellAlign: 'left', hamburgers.addEventListener("click", function() {
pageDots: false this.classList.toggle("is-active");
// groupCells: true, nav.classList.toggle("is-active");
// carousel-cell: true,
}); });
}
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() { function paralax() {
var rellax = new Rellax('.paralax', { var rellax = new Rellax('.paralax', {
center:true center:true
}); } });
}
function isotope() { function isotope() {
var $grid = $('.grid').isotope({ var $grid = $('.grid').isotope({
itemSelector: '.item' percentPosition: true,
masonry: {
columnWidth: '.item'
},
itemSelector: '.item',
stagger: 30
}); });
$('.filter-button-group li').on( 'click', function(evt) { $('.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() { $( document ).ready(function() {
slides();
masonry();
burger();
paralax(); paralax();
isotope(); isotope();
drag(); drag();
click_nav();
}); });

267
web/app/themes/la_mine/asset/dist/style.css vendored
View File

@ -8,7 +8,8 @@
} }
*{ *{
box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box;
} }
html{ html{
overflow-x: hidden; overflow-x: hidden;
@ -103,6 +104,8 @@ header{
pointer-events: none; pointer-events: none;
} }
header > .nav-wrapper{ header > .nav-wrapper{
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content; height: fit-content;
} }
/* START LOGO */ /* START LOGO */
@ -118,7 +121,8 @@ header > .nav-wrapper{
height: 100%; height: 100%;
} }
.logoLamine img{ .logoLamine img{
object-fit: cover; -o-object-fit: cover;
object-fit: cover;
} }
#lumiR_logo { #lumiR_logo {
@ -160,11 +164,19 @@ header > .nav-wrapper{
height: 200px; height: 200px;
background-color: white; background-color: white;
border-radius: 200px; 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; transition: all 0.3s ease;
} }
.logoLamine:hover #fond_logo{ .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; transition: all 0.3s ease;
} }
/* END LOGO */ /* END LOGO */
@ -172,13 +184,16 @@ header > .nav-wrapper{
/* START RS */ /* START RS */
.rs{ .rs{
/* padding-top: 10px; */ /* padding-top: 10px; */
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content; height: fit-content;
pointer-events: auto; pointer-events: auto;
} }
.rs > div { .rs > div {
width: 30px; width: 30px;
height: 30px; height: 30px;
object-fit: cover; -o-object-fit: cover;
object-fit: cover;
margin-right: 15px; margin-right: 15px;
} }
/* END RS */ /* END RS */
@ -188,6 +203,8 @@ header > .nav-wrapper{
/* START BURGER */ /* START BURGER */
.burger{ .burger{
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content; height: fit-content;
pointer-events: auto; pointer-events: auto;
} }
@ -200,27 +217,74 @@ header > .nav-wrapper{
#nav-main{ #nav-main{
display: none; display: none;
position: fixed; position: fixed;
top: 0; top: 70px;
right: 0; right: 1rem;
width: calc(100% / 4); width: calc(100% / 4);
height: 100vh; max-width : 200px;
background: white; background: white;
z-index: -1; 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{ #nav-main.is-active{
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
pointer-events: auto; pointer-events: auto;
align-items: center; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} }
.nav-main > ul{ .nav-main > ul{
width: 100%; width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
justify-content: center; -webkit-box-pack: center;
flex-direction: column; -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{ .nav-main > ul > li{
text-align: center; 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{ #fl_menu{
position:absolute; position:absolute;
z-index: 9999; z-index: 9999;
@ -303,16 +367,28 @@ body > .content-wrapper{
#bouton_asso a, #bouton_asso a,
#bouton_contact a{ #bouton_contact a{
display: block; display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content; width: max-content;
margin: auto; 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;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
} }
.btn a:hover, .btn a:hover,
#bouton_asso a:hover, #bouton_asso a:hover,
#bouton_contact 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; transition: all 0.3s ease;
} }
.btn a{ .btn a{
@ -394,9 +470,11 @@ footer .flickity-prev-next-button{
z-index: 9999; z-index: 9999;
width: 200px; width: 200px;
height: auto; height: auto;
cursor: -webkit-grab;
cursor: grab; cursor: grab;
} }
.ui-draggable-dragging{ .ui-draggable-dragging{
cursor: -webkit-grabbing;
cursor: grabbing; cursor: grabbing;
} }
#drag_1 { #drag_1 {
@ -487,14 +565,22 @@ footer .flickity-prev-next-button{
border: 4px solid black; border: 4px solid black;
background-color: white; background-color: white;
height: 40px; height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; 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; transition: all 0.2s ease;
} }
.agenda .cat-list li:hover{ .agenda .cat-list li:hover{
background: black; background: black;
color: white; color: white;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
@ -586,7 +672,8 @@ article .__img_event img{
top: 0; top: 0;
width:100%; width:100%;
height:100%; height:100%;
object-fit:cover; -o-object-fit:cover;
object-fit:cover;
} }
.other{ .other{
@ -596,7 +683,9 @@ article .__img_event img{
.other .header_other{ .other .header_other{
position: absolute; position: absolute;
top: 0; top: 0;
transform: translate(-50% ,-150%); -webkit-transform: translate(-50% ,-150%);
-ms-transform: translate(-50% ,-150%);
transform: translate(-50% ,-150%);
left: 0; left: 0;
} }
@ -605,7 +694,9 @@ article .__img_event img{
font-weight: bold; font-weight: bold;
background-color: white; background-color: white;
border: 8px solid #ffcc00ff; border: 8px solid #ffcc00ff;
transform: rotate(-10deg); -webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
padding: 0.5rem; padding: 0.5rem;
} }
@ -669,6 +760,8 @@ body.la-collecte .__header h3{
} }
.la-benevole-zone .__bouttons{ .la-benevole-zone .__bouttons{
text-align: center; text-align: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content; width: max-content;
margin: 30px auto 0 auto; margin: 30px auto 0 auto;
@ -721,6 +814,8 @@ body.la-collecte .__header h3{
} }
.association .__bouttons{ .association .__bouttons{
text-align: center; text-align: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content; width: max-content;
margin: 30px auto 0 auto; margin: 30px auto 0 auto;
} }
@ -774,13 +869,21 @@ body.la-collecte .__header h3{
} }
.privatiser.__slide .legendes{ .privatiser.__slide .legendes{
opacity: 0; 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; transition: all 0.3s;
} }
.privatiser.__slide .is-selected .legendes{ .privatiser.__slide .is-selected .legendes{
opacity: 1; 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; transition: all 1.3s;
} }
@ -805,9 +908,13 @@ body.la-collecte .__header h3{
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
align-items: center; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 8px solid #00FFFF; border: 8px solid #00FFFF;
transform: rotate(-10deg); -webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
padding: 0.5rem; padding: 0.5rem;
background-color: white; background-color: white;
} }
@ -822,7 +929,9 @@ body.la-collecte .__header h3{
margin-top: 300px; margin-top: 300px;
} }
.privacy-policy .article-body { .privacy-policy .article-body {
column-count: 2; -webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
} }
/*END PRIVACY-POLICY*/ /*END PRIVACY-POLICY*/
@ -833,10 +942,14 @@ body.la-collecte .__header h3{
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
align-items: center; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 8px solid blue; border: 8px solid blue;
background-color: white; background-color: white;
transform: rotate(-10deg); -webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
padding: 0.5rem; padding: 0.5rem;
background-color: white; background-color: white;
} }
@ -865,11 +978,21 @@ body.la-collecte .__header h3{
} }
.coming_soon .thumbnails, .other-posts .thumbnails, .item.thumbnails { .coming_soon .thumbnails, .other-posts .thumbnails, .item.thumbnails {
margin-top: 30px; 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;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
} }
.coming_soon .thumbnails:hover, .other-posts .thumbnails:hover, .item.thumbnails:hover { .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; transition: all 0.3s ease;
} }
@ -880,14 +1003,17 @@ body.la-collecte .__header h3{
.thumbnails .__img img{ .thumbnails .__img img{
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; -o-object-fit: cover;
object-fit: cover;
} }
.thumbnails .icone_cat{ .thumbnails .icone_cat{
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 40px; border-radius: 40px;
position: absolute; 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-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */ background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */ 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 */
#section_asso .association .__body{ #section_asso .association .__body{
position: relative; position: relative;
justify-content: flex-end; -webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 50px; margin-top: 50px;
} }
.image_sectionasso { .image_sectionasso {
@ -992,13 +1120,22 @@ body.la-collecte .__header h3{
margin: -4rem auto 0 auto; margin: -4rem auto 0 auto;
padding: 10px; padding: 10px;
min-height: 160px; min-height: 160px;
align-items: center; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; text-align: center;
background-color: white; background-color: white;
border: 4px solid black; border: 4px solid black;
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
flex-direction: column; -webkit-box-orient: vertical;
justify-content: center; -webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} }
.colonne_section{ .colonne_section{
@ -1016,8 +1153,12 @@ body.la-collecte .__header h3{
.projet .colonne_section .header{ .projet .colonne_section .header{
height: 80px; height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
align-items: flex-end ; -webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end ;
} }
.projet .colonne_section .header h3{ .projet .colonne_section .header h3{
text-align: center; text-align: center;
@ -1027,7 +1168,8 @@ body.la-collecte .__header h3{
.item img{ .item img{
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; -o-object-fit: cover;
object-fit: cover;
} }
._content_tpsF { ._content_tpsF {
@ -1035,7 +1177,9 @@ body.la-collecte .__header h3{
width: 80%; width: 80%;
padding: 10px; padding: 10px;
margin: -50px auto; margin: -50px auto;
align-items: center; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; text-align: center;
background-color: white; background-color: white;
border: 4px solid black; border: 4px solid black;
@ -1048,16 +1192,28 @@ body.la-collecte .__header h3{
.af-submit-button{ .af-submit-button{
position: relative; position: relative;
margin: 50px auto 10px auto; margin: 50px auto 10px auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex; display:flex;
border: 4px solid black; border: 4px solid black;
border-radius: 0%; border-radius: 0%;
text-align: center; text-align: center;
padding: 5px; 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;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
} }
.af-submit-button:hover{ .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; transition: all 0.3s ease;
} }
/*fin collecte et form*/ /*fin collecte et form*/
@ -1103,7 +1259,8 @@ body.la-collecte .__header h3{
.hero .slide img{ .hero .slide img{
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; -o-object-fit: cover;
object-fit: cover;
} }
.hero .__head{ .hero .__head{
@ -1124,7 +1281,8 @@ body.la-collecte .__header h3{
.tpsF .img img{ .tpsF .img img{
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; -o-object-fit: cover;
object-fit: cover;
} }
body.les-temps-forts section{ body.les-temps-forts section{
margin-top: 100px; margin-top: 100px;
@ -1142,7 +1300,8 @@ body.les-temps-forts .titre_page {
.projet .img img{ .projet .img img{
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; -o-object-fit: cover;
object-fit: cover;
} }
.prive .images{ .prive .images{
@ -1152,7 +1311,8 @@ body.les-temps-forts .titre_page {
.prive .img img{ .prive .img img{
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; -o-object-fit: cover;
object-fit: cover;
} }
/* END KEVIN */ /* END KEVIN */
@ -1162,15 +1322,21 @@ body.les-temps-forts .titre_page {
.titre{ .titre{
top: -150px; top: -150px;
left: 50%; 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{ .privacy-policy .article-h1{
top: 100px; top: 100px;
left: 50%; 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 { .privacy-policy .article-body {
column-count: 1; -webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
} }
.other .header_other { .other .header_other {
left: 50%; left: 50%;
@ -1243,7 +1409,8 @@ footer .logo_lamine a{
width: auto; width: auto;
} }
footer .logo_lamine img{ footer .logo_lamine img{
object-fit: contain; -o-object-fit: contain;
object-fit: contain;
} }
footer > .information > div > div { footer > .information > div > div {
margin-bottom: 20px; margin-bottom: 20px;
@ -1258,7 +1425,8 @@ footer .reseaux_sociaux > div a > img{
footer .reseaux_sociaux img { footer .reseaux_sociaux img {
vertical-align: baseline; vertical-align: baseline;
object-fit: contain; -o-object-fit: contain;
object-fit: contain;
} }
/* START Mailchimp */ /* START Mailchimp */
@ -1309,7 +1477,8 @@ footer .reseaux_sociaux img {
} }
footer .partenaires img{ footer .partenaires img{
object-fit: contain; -o-object-fit: contain;
object-fit: contain;
} }
/* END SLIDE */ /* END SLIDE */
/* END FOOTER */ /* END FOOTER */
@ -1319,7 +1488,9 @@ footer .reseaux_sociaux img {
text-align: center; text-align: center;
} }
footer a.d-flex{ footer a.d-flex{
justify-content: center; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} }
#Btn_asso a{ #Btn_asso a{
display: block; display: block;

38
web/app/themes/la_mine/inc/function.php
View File

@ -56,13 +56,13 @@ Timber::$autoescape = false;
// REMOVE EDITOR // REMOVE EDITOR
function remove_editor() { function remove_editor() {
remove_post_type_support( remove_post_type_support('page', 'editor');
'page', 'editor' remove_post_type_support('page', 'comments');
); remove_post_type_support('post', 'editor');
remove_post_type_support( remove_post_type_support('post', 'comments');
'post', 'editor' remove_post_type_support('post', 'author');
); remove_post_type_support('post', 'excerpt');
remove_post_type_support('post', 'revisions');
}; };
add_action('admin_init', 'remove_editor'); add_action('admin_init', 'remove_editor');
@ -141,18 +141,18 @@ class StarterSite extends Timber\Site {
* *
* See: https://codex.wordpress.org/Post_Formats * See: https://codex.wordpress.org/Post_Formats
*/ */
add_theme_support( // add_theme_support(
'post-formats', // 'post-formats',
array( // array(
'aside', // 'aside',
'image', // 'image',
'video', // 'video',
'quote', // 'quote',
'link', // 'link',
'gallery', // 'gallery',
'audio', // 'audio',
) // )
); // );
add_theme_support( 'menus' ); add_theme_support( 'menus' );
} }

3
web/app/themes/la_mine/templates/agenda.twig
View File

@ -3,6 +3,9 @@
{% include 'components/title_page.twig' %} {% include 'components/title_page.twig' %}
<section> <section>
<ul class="cat-list d-flex flex-wrap button-group filter-button-group"> <ul class="cat-list d-flex flex-wrap button-group filter-button-group">
<li data-filter="*" >
Tous
</li>
{% for cat in terms %} {% for cat in terms %}
<li data-filter=".{{cat.slug}}" > <li data-filter=".{{cat.slug}}" >
{{cat.name}} {{cat.name}}

5
web/app/themes/la_mine/templates/components/thumbnails/thumbnails.twig
View File

@ -1,10 +1,11 @@
{% set cat = item.categories|last %} {% 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}}"> <div class="item thumbnails col-12 col-sm-6 col-lg-4 mb-5 {{cat.slug}}">
<a href="{{site.url}}/{{item.post_name}}"> <a href="{{site.url}}/{{item.post_name}}">
<div class="__images"> <div class="__images">
<div class="icone_cat {{cat.slug}}"> <div class="icone_cat {{term.slug}}">
</div> </div>
<div class="__img"> <div class="__img">
@ -13,7 +14,7 @@
</div> </div>
<div class="wrap__content_proch"> <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="__content">
<div class="__date"> <div class="__date">
<div class="__day"> <div class="__day">

52
web/app/themes/la_mine/templates/les_temps_forts.twig
View File

@ -5,34 +5,36 @@
{% for item in posts %} {% for item in posts %}
<section class="row tpsF"> <section class="row tpsF">
<div class="sidebar col-md-4"> <div class="sidebar col-md-4">
<div class="title"> <div class="title">
<h3>{{item.title}}</h3> <h3>{{item.title}}</h3>
<div class="next_edition"> <div class="next_edition">
<p>Prochaine Édition : <time>{{item.next_edition|date("F Y") }}</time> <p>Prochaine Édition : <time>{{item.next_edition|date("F Y") }}</time>
</p> </p>
</div>
</div>
<div class="content">
{{item.text}}
</div> </div>
</div> </div>
<div class="content"> <div class="wrap_content col-md-8">
{{item.text}} <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>
<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> </section>
{% endfor %} {% endfor %}
{% endblock %} {% endblock %}

94
web/app/themes/la_mine/templates/single.twig
View File

@ -1,5 +1,7 @@
{% extends "base.twig" %} {% extends "base.twig" %}
{% block content %} {% block content %}
{% set group = post.meta('informations') %}
<div class="content-wrapper"> <div class="content-wrapper">
<div class="Btn retour"> <div class="Btn retour">
<a href="/agenda">Retour</a> <a href="/agenda">Retour</a>
@ -8,7 +10,8 @@
<article class="row"> <article class="row">
<div class="header mobile col-12 d-lg-none d-block"> <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>
<div class="__img_event col-lg-6 col-12"> <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="article-content col-lg-6 col-12 my-3 my-lg-0">
<div class="header d-none d-lg-block"> <div class="header d-none d-lg-block">
<h3 class="titre_event">{{post.titre}}</h3> <h3 class="titre_event">{{ post.title }}</h3>
</div> </div>
<div class="cat {{post.category.slug}}"> <div class="cat {{post.category.slug}}">
@ -25,54 +28,61 @@
</div> </div>
<div class="data"> <div class="data">
<div class="__date"> <div class="__date">
<div class="__day"> <div class="__day">
{% set start = item.debut_event|date("Ydj") %}
{% set end = item.fin_event|date("Ydj") %} {% set start = group.debut_event|date("Ydj") %}
{% if start == end %} {% set end = group.fin_event|date("Ydj") %}
<span class="start">
Le <time>{{item.debut_event|date("l j F Y") }}</time> {% if start == end %}
<br>de <time>{{item.debut_event|date("G:i")}}</time> <span class="start">
</span> Le <time>{{group.debut_event|date("j F Y") }}</time>
<span class="end"> de <time>{{group.debut_event|date("G:i")}}</time>
à <time>{{item.fin_event|date("G:i")}}</time></br> </span>
</span> <span class="end">
{% else %} à <time>{{group.fin_event|date("G:i")}}</time>
<span class="start"> </span>
Du <time>{{item.debut_event|date("l j F Y") }}</time>
à <time>{{item.debut_event|date("G:i")}}</time> {% else %}
</span>
<span class="end"> <span class="start">
<br>Au <time>{{item.fin_event|date("j l F Y") }}</time></br> Du <time>{{group.debut_event|date("j F Y") }}</time>
à <time>{{item.fin_event|date("G:i")}}</time> à <time>{{group.debut_event|date("G:i")}}</time>
</span> </span>
{% endif %} <span class="end">
</div> <br>Au <time>{{group.fin_event|date("j F Y") }}</time>
</div> à <time>{{group.fin_event|date("G:i")}}</time></br>
<div class="lieu">{{post.lieu}}</div> </span>
{% endif %}
</div>
</div>
<div class="lieu">{{group.lieu}}</div>
</div> </div>
<div class="wrapper__content"> <div class="wrapper__content">
{{ post.meta('description') }} {{ post.meta('description') }}
</div> </div>
<div class="tarif"> <div class="tarif">
<h3>{{post.titre_tarif}}</h3> <h3>Tarif</h3>
<p>{{post.type_tarif}}</p> <p>{{group.type_tarif}}</p>
</div> </div>
<div class="inscription"> <div class="inscription">
{% if post.meta('inscription') %} {% if group.inscription %}
<h3>{{post.titre_inscription}}</h3> <h3>Inscription</h3>
{% for Items in post.meta('inscription') %} {% for Items in group.inscription %}
{% for detail in Items.choose %} {% for detail in Items %}
{% if detail.acf_fc_layout == 'texte' %} {% if detail.acf_fc_layout == 'en_libre_acces' %}
<p class="texte_details">{{ detail.texte }}</p> <p class="texte_details">{{ detail.texte }}</p>
{% endif %} {% endif %}
{% if detail.acf_fc_layout == 'lien' %} {% if detail.acf_fc_layout == 'lien_dinscription' %}
<div class="Btn group_link"> <div class="Btn group_link">
<a href="{{detail.lien.lien_hello_asso}}">{{detail.lien.texte_lien_hello_asso}}</a> <a target="_blank" href="{{detail.url}}">{{detail.texte}}</a>
</div> </div>
{% endif %} {% endif %}
{% endfor %}
{% for detail in Items.type_dinscription %}
{% endfor %} {% endfor %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
@ -82,7 +92,7 @@
</div> </div>
<div class="partager"> <div class="partager">
<h3>{{post.titre_partage}}</h3> <h3>Partager</h3>
<div class="d-flex"> <div class="d-flex">
<a href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}"> <a href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}">
<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_facebook).src }}" /> <img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_facebook).src }}" />