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

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');

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() {

View File

@@ -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;

View File

@@ -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

View File

@@ -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;
}
}
}
}

View File

@@ -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;
}
}
}

View File

@@ -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;
}
}
}
}
}
}

View File

@@ -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>

View File

@@ -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}}">