install wmtp && modif css

This commit is contained in:
Tessier
2020-09-20 21:39:03 +02:00
parent f61b0bff1b
commit 7f3fb7facb
14 changed files with 145 additions and 1786 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -3
View File
@@ -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');
+10 -11
View File
@@ -1,6 +1,5 @@
function slides() {
var Home = $('.accueil .hero .main-carousel');
$('body:not(.les-temps-forts) .main-carousel').flickity({
$('body:not(.les-temps-forts) main .main-carousel').flickity({
cellAlign: 'left',
autoPlay: true,
prevNextButtons: false,
@@ -36,15 +35,15 @@ function slides() {
}
}
// var Partenaires = document.querySelector('.container_slide ul');
// if (Partenaires != null) {
// var flkty = new Flickity( Partenaires, {
// cellAlign: 'left',
// pageDots: false
// // groupCells: true,
// // carousel-cell: true,
// });
// }
var Partenaires = document.querySelector('footer .main-carousel');
if (Partenaires != null) {
var flkty = new Flickity( Partenaires, {
cellAlign: 'left',
autoPlay: true,
pageDots: false,
prevNextButtons: false,
});
}
}
function masonry() {
@@ -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;
@@ -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;
margin-top: -6rem;
max-height: 11.3rem;
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;
}
}
}
File diff suppressed because it is too large Load Diff
@@ -62,48 +62,9 @@
}
}
}
}
.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;
}
.thumbnails{
margin-bottom: 2rem;
}
}
}
}
@@ -52,20 +52,11 @@
& > .row{
justify-content: center;
&:first-of-type{
min-height: 500px;
}
}
}
.thumbnails{
.wrap_content{
margin-top: -6rem;
}
&:hover {
.wrap_content{
margin-top: -7rem;
min-height: 430px;
}
}
}
}
&#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;
}
}
}
@@ -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;
}
}
}
}
}
}
@@ -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>
@@ -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}}">