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

footer

Browse Source
This commit is contained in:
Kevin Tessier 2020-09-17 00:00:01 +02:00
parent 8201a3170c
commit f61b0bff1b
24 changed files with 1142 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

136
web/app/themes/la_mine/dist/assets/css/index.css vendored
View File

File diff suppressed because one or more lines are too long

2
web/app/themes/la_mine/dist/assets/css/index.min.css vendored
View File

File diff suppressed because one or more lines are too long

348
web/app/themes/la_mine/dist/assets/images/logo_lamine_vect2.svg vendored Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

348
web/app/themes/la_mine/src/assets/images/logo_lamine_vect2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

14
web/app/themes/la_mine/src/assets/js/scripts.js
View File

@ -113,6 +113,19 @@ function click_nav() {
}) })
} }
function scrollto(){
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100) {
$(".logo a").addClass("reduct");
} else {
$(".logo a").removeClass("reduct");
}
});
}
$( document ).ready(function() { $( document ).ready(function() {
burger(); burger();
slides(); slides();
@ -121,4 +134,5 @@ $( document ).ready(function() {
isotope(); isotope();
// drag(); // drag();
click_nav(); click_nav();
scrollto();
}); });

151
web/app/themes/la_mine/src/assets/scss/components/_footer.scss Normal file
View File

@ -0,0 +1,151 @@
body{
& > footer{
section{
& > .row{
margin-bottom: 1rem;
}
}
p,a{
font-size: 0.9rem;
line-height: 1.5;
text-align: center;
@media screen and (min-width: 768px) {
text-align: left;
}
}
figure{
max-width: 100px;
width: 100px;
a{
display: block;
width: 100%;
height: 100%;
max-width: 100%;
}
figcaption{
text-align: center;
}
&.rs{
display: flex;
justify-content: center;
margin:0!important;
width: 100%;
max-width: 100%;
@media screen and (min-width: 768px) {
justify-content: start;
}
a{
display: contents;
img{
padding: 0 0.25rem;
}
}
figcaption{
display: none;
}
}
}
&.row{
#mc_embed_signup_scroll{
margin-bottom:1rem;
flex-direction: column;
flex-wrap: wrap;
@media screen and (min-width: 568px) {
flex-direction: row;
justify-content: center;
}
& > div{
border: 1px solid black;
background:white;
text-transform: uppercase;
width: 100%;
margin-bottom: 1rem;
@media screen and (min-width: 568px) {
width: 50%;
margin-bottom: 0rem;
}
@media screen and (min-width: 768px) {
width: calc(100% / 3);
height: 40px;
}
@media screen and (min-width: 768px) {
width: max-content;
}
p{
margin-bottom:0;
padding: 0.5rem;
}
}
& > input{
width: 100%;
border: 1px solid black;
padding: 0.5rem;
border-left: 1px solid black;
@media screen and (min-width: 568px) {
border-left: none;
width: 50%;
margin-bottom: 0rem;
}
@media screen and (min-width: 768px) {
width: 50%;
height: 40px;
}
}
.clear{
width: 100%;
margin-top: 1rem;
@media screen and (min-width: 768px) {
margin-top: 0rem
}
@media screen and (min-width: 768px) {
width: auto;
height: 40px;
margin-top: 0;
}
input{
line-height: 2.3;
border: 0px solid black;
width: 100%;
background:white;
text-transform: uppercase;
}
}
}
.add_assos{
background: white;
color: black;
margin: 2rem auto;
border: 5px solid black;
display: block;
width: max-content;
text-transform: uppercase;
&:hover{
border: 5px solid black;
background: black;
color: white;
}
}
h3{
font-family: 'millimetre-regular';
text-align: center;
font-size: 1.2rem;
line-height: 1;
}
.part{
margin-top: 1rem;
}
.main-carousel{
margin-top: 1rem;
a{
width: 100px;
height: 100px;
}
img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
}
}

7
web/app/themes/la_mine/src/assets/scss/components/_header.scss
View File

@ -1,9 +1,11 @@
header{ header{
pointer-events: none;
section{ section{
&.logo{ &.logo{
position: relative; position: relative;
figure{ figure{
a{ a{
pointer-events: auto;
position: relative; position: relative;
display: block; display: block;
width: max-content; width: max-content;
@ -33,7 +35,7 @@ header{
@include logoLamine(0, calc(#{$heightLogo} * 2 ), calc(#{$heightLogo} * 2 ), $colorWhite, -70%, 30%); @include logoLamine(0, calc(#{$heightLogo} * 2 ), calc(#{$heightLogo} * 2 ), $colorWhite, -70%, 30%);
} }
} }
&:hover{ &:hover, &.reduct{
height: $heightLogoHover; height: $heightLogoHover;
transition: 0.5s all ease; transition: 0.5s all ease;
#lumiR_logo{ #lumiR_logo{
@ -55,6 +57,7 @@ header{
} }
figure{ figure{
justify-content: end; justify-content: end;
pointer-events: auto;
& > div{ & > div{
width: 30px; width: 30px;
height: 100%; height: 100%;
@ -64,6 +67,7 @@ header{
} }
} }
.burger{ .burger{
pointer-events: auto;
position: relative; position: relative;
margin-left: 0.5rem; margin-left: 0.5rem;
.fond-burger{ .fond-burger{
@ -75,6 +79,7 @@ header{
} }
} }
nav{ nav{
pointer-events: auto;
display: none; display: none;
position: fixed; position: fixed;
right: 0rem; right: 0rem;

1
web/app/themes/la_mine/src/assets/scss/components/_index.scss
View File

@ -3,3 +3,4 @@
@import "hero.scss"; @import "hero.scss";
@import "forms.scss"; @import "forms.scss";
@import "_title-page.scss"; @import "_title-page.scss";
@import "_footer.scss";

4
web/app/themes/la_mine/src/assets/scss/components/_thumbnails.scss
View File

@ -18,14 +18,14 @@
.date{ .date{
& > * { & > * {
font-family: 'universalis-regular'; font-family: 'universalis-regular';
font-size: 1rem; font-size: 0.9rem;
line-height: 1; line-height: 1;
} }
} }
.places{ .places{
padding-top: 0.5rem; padding-top: 0.5rem;
font-family: 'universalis-regular'; font-family: 'universalis-regular';
font-size: 1rem; font-size: 0.9rem;
line-height: 1; line-height: 1;
text-transform: uppercase; text-transform: uppercase;
} }

19
web/app/themes/la_mine/src/assets/scss/index.scss
View File

@ -57,25 +57,14 @@ p{
} }
} }
#section_MineVideo{ a{
figure{ text-decoration: none!important;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
} }
.wrap-btn{ .wrap-btn{
margin-top: 2rem; // margin-top: 2rem;
@media screen and (min-width: 576px) { @media screen and (min-width: 576px) {
margin-top: 5rem; // margin-top: 5rem;
} }
a.btn{ a.btn{
border: 5px solid black; border: 5px solid black;

39
web/app/themes/la_mine/src/assets/scss/pages/_association.scss
View File

@ -25,9 +25,11 @@
} }
aside{ aside{
height: 100%; height: 100%;
header{ .__header{
h3{ h3{
font-size: 1rem; font-family: 'millimetre-bold';
font-size: 1.2rem;
line-height: 1;
} }
} }
& > .wrapper{ & > .wrapper{
@ -35,22 +37,49 @@
padding: 1rem 2rem; padding: 1rem 2rem;
} }
.__content{ .__content{
ul{
li{
margin: 0.5rem 0;
}
}
a{ a{
color: $colorBlack; color: $colorBlack;
text-decoration: none; text-decoration: none;
font-family: 'universalis-regular';
font-size: 1.2rem;
line-height: 1;
text-transform: uppercase;
text-decoration: underline;
} }
} }
#bouton_asso{ #bouton_asso{
margin: 2rem 0; margin: 2rem 0;
text-align: center; text-align: center;
a{ a{
background: none;
color: black;
transition: 0.3s all ease;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border:5px solid $colorYellow; border:5px solid $colorYellow;
color: $colorBlack; color: $colorBlack;
text-decoration: none; text-decoration: none;
font-family: 'universalis-regular';
font-size: 1.2rem;
line-height: 1;
&:hover{
background: $colorYellow;
color: white;
transition: 0.3s all ease;
}
} }
} }
} }
.wrapper__content{
h3{
font-size:1.5rem;
font-family: 'millimetre-bold';
}
}
.tableau_engagements{ .tableau_engagements{
&.card-columns { &.card-columns {
column-count: 1; column-count: 1;
@ -68,6 +97,12 @@
border: 5px solid $colorYellow; border: 5px solid $colorYellow;
margin-bottom: 20px; margin-bottom: 20px;
padding: 2rem; padding: 2rem;
h4{
text-transform: uppercase;
font-family: 'universalis-bold';
font-size: 1.5rem;
line-height: 1;
}
} }
} }
} }

9
web/app/themes/la_mine/src/assets/scss/pages/_benevole-zone.scss
View File

@ -7,6 +7,14 @@
main{ main{
aside{ aside{
margin-bottom: 2rem; margin-bottom: 2rem;
.title{
h3{
font-size: 1.8rem;
line-height: 1.2;
font-family: 'millimetre-regular';
color: $colorPurple;
}
}
.__content{ .__content{
padding: 1rem; padding: 1rem;
border: 5px solid $colorPurple; border: 5px solid $colorPurple;
@ -20,6 +28,7 @@
text-align: center; text-align: center;
margin: 0.5rem 0; margin: 0.5rem 0;
a{ a{
display: block; display: block;
width: max-content; width: max-content;
margin: auto; margin: auto;

14
web/app/themes/la_mine/src/assets/scss/pages/_home.scss
View File

@ -188,6 +188,7 @@
} }
article{ article{
height: auto; height: auto;
min-height: 500px;
h3{ h3{
color: $colorBlue; color: $colorBlue;
font-size: 1.875rem; font-size: 1.875rem;
@ -231,6 +232,19 @@
& > h3{ & > h3{
border: 5px solid $colorBlue ; border: 5px solid $colorBlue ;
} }
figure{
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
} }
} }
} }

4
web/app/themes/la_mine/src/assets/scss/pages/_la-collecte.scss
View File

@ -9,6 +9,10 @@
header{ header{
h3{ h3{
text-align: center; text-align: center;
font-family: 'millimetre-regular';
font-size: 1.8rem;
color: $colorPink;
text-transform: uppercase;
} }
} }
} }

10
web/app/themes/la_mine/src/assets/scss/pages/_les-projets.scss
View File

@ -29,6 +29,8 @@
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
color: $colorRed; color: $colorRed;
font-family: 'millimetre-regular';
font-size: 1.8rem;
} }
& > div{ & > div{
padding: 2.5rem 3rem; padding: 2.5rem 3rem;
@ -50,7 +52,13 @@
} }
} }
._pjt{ ._pjt{
font-weight: bold; p{
font-family: 'millimetre-regular';
font-weight: bold;
font-size: 1.3rem;
line-height: 1.2;
margin-bottom: 0rem;
}
} }
} }
} }

6
web/app/themes/la_mine/src/assets/scss/pages/_les-temps-forts.scss
View File

@ -55,6 +55,12 @@
& > article{ & > article{
height: 100%; height: 100%;
margin-bottom: 1rem; margin-bottom: 1rem;
h3{
font-size: 1.8rem;
line-height: 1.2;
font-family: 'millimetre-regular';
margin-bottom: 0;
}
} }
} }
} }

14
web/app/themes/la_mine/src/assets/scss/pages/_privatiser-lespace.scss
View File

@ -18,6 +18,9 @@
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
color: $colorGreen; color: $colorGreen;
font-family: 'millimetre-regular';
font-size: 2rem;
line-height: 1;
} }
.__item{ .__item{
border: 5px solid $colorGreen; border: 5px solid $colorGreen;
@ -26,17 +29,18 @@
} }
.btn{ .btn{
// margin-top: 2rem; // margin-top: 2rem;
border: 5px solid black; border: 5px solid $colorGreen;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 0px; border-radius: 0px;
color: black; color: black;
background: white; background: white;
&:hover{ &:hover{
color: white; color: white;
background: black; background: $colorGreen;
transition: all 0.3s ease; transition: all 0.3s ease;
a{ a{
color:white; color:white;
text-decoration: none;
} }
} }
a{ a{
@ -77,7 +81,11 @@
p:last-of-type{ p:last-of-type{
margin-bottom: 0; margin-bottom: 0;
} }
h6{
font-size: 1rem;
text-transform: uppercase;
font-family: 'universalis-bold';
}
&.legendes{ &.legendes{
opacity: 0; opacity: 0;
-webkit-transform: translateX(50px); -webkit-transform: translateX(50px);

3
web/app/themes/la_mine/src/assets/scss/pages/_single.scss
View File

@ -53,6 +53,9 @@
.other{ .other{
margin: 5rem 0; margin: 5rem 0;
h3{ h3{
font-family: 'millimetre-bold';
font-size: 2rem;
line-height: 1;
border: 5px solid $colorYellow; border: 5px solid $colorYellow;
width: max-content; width: max-content;
padding: 0.5rem; padding: 0.5rem;

2
web/app/themes/la_mine/templates/accueil.twig
View File

@ -46,7 +46,7 @@
<div class="container-fluid"> <div class="container-fluid">
<h3>La Mine en vidéo</h3> <h3>La Mine en vidéo</h3>
{% if post.video_la_mine %} {% if post.video_la_mine %}
<figure class="row"> <figure class="row mx-0">
<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe> <iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
</figure> </figure>
{% endif %} {% endif %}

6
web/app/themes/la_mine/templates/association.twig
View File

@ -16,7 +16,7 @@
<article class="wrap__content __asso"> <article class="wrap__content __asso">
<header> <header>
<h2 class="titre_1">{{ post.meta('titre_asso') }}</h2> <h3 class="titre_1">{{ post.meta('titre_asso') }}</h3>
</header> </header>
<section class="__body"> <section class="__body">
{{ post.meta('paragraphe_asso') }} {{ post.meta('paragraphe_asso') }}
@ -25,7 +25,7 @@
<article class="wrap__content engagement"> <article class="wrap__content engagement">
<header> <header>
<h2 class="titre_1">{{ post.meta('titre_engage') }}</h2> <h3 class="titre_1">{{ post.meta('titre_engage') }}</h3>
</header> </header>
<section class="__body"> <section class="__body">
@ -50,7 +50,7 @@
<section class="wrap__content vie-asso"> <section class="wrap__content vie-asso">
<div class="__header"> <div class="__header">
<h2 class="titre_1">{{ post.meta('titre_vieasso') }}</h2> <h3 class="titre_1">{{ post.meta('titre_vieasso') }}</h3>
</div> </div>
<div class="__body"> <div class="__body">
{{ post.meta('paragraphe_vieasso') }} {{ post.meta('paragraphe_vieasso') }}

71
web/app/themes/la_mine/templates/components/footer.twig
View File

@ -1,44 +1,41 @@
<section class="col"> <section class="col-12 col-lg-12 col-xl">
<div class="row"> <div class="row">
<figure class="col"> <figure class="col-6 col-sm-4 col-md-2 mx-auto">
<a rel="noreferrer" href="{{site.url}}"><img src="{{theme.link}}/src/assets/images/logo-lamine.png" /></a> <a rel="noreferrer" href="{{site.url}}"><img src="{{theme.link}}/dist/assets/images/logo_lamine_vect2.svg" /></a>
</figure> </figure>
<div class="col"> <div class="col-12 col-sm-6 col-md">
{{options.texte_horaire }} {{options.texte_horaire }}
</div> </div>
<div class="col"> <div class="col-12 col-sm-6 col-md">
{{options.texte_adresse }} {{options.texte_adresse }}
</div> </div>
<div class="col"> <div class="col-12 col-sm-6 col-md">
<div class=""> <div>
{{options.texte_collecte }} {{options.texte_collecte }}
</div> </div>
<div class=""> <figure class="mx-auto rs">
<figure class=""> <a rel="noreferrer" target="_blank" href="{{options.facebook.lien_facebook}}">
<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="{{ Image(options.facebook.logo_facebook).src }}" /> <figcaption>{{options.facebook.texte_facebook}}</figcaption>
<figcaption>{{options.facebook.texte_facebook}}</figcaption> </a>
</a> <a rel="noreferrer" target="_blank" href="{{options.instagram.lien_instagram}}">
</figure> <img src="{{theme.link}}/dist/assets/images/inst.svg" alt="logo_instagram" title="Le logo d'instagram"/>
<div class="insta">
<figure rel="noreferrer" class="d-flex" target="_blank" href="{{options.instagram.lien_instagram}}">
<img src="{{ Image(options.instagram.logo_instagram).src }}" />
<figcaption>{{options.instagram.texte_instagram}}</figcaption> <figcaption>{{options.instagram.texte_instagram}}</figcaption>
</figure> </a>
</div> </figure>
</div>
</div> </div>
</div> </div>
</section> </section>
<section class="col"> <section class="col-12 col-lg-12 col-xl">
<div class="row">
<div id="mc_embed_signup" class="row"> <div id="mc_embed_signup" class="col-12">
<form action="https://kevintessier.us19.list-manage.com/subscribe/post?u=a98b763288f940083bf28857c&amp;id=364a0fe850" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <form action="https://kevintessier.us19.list-manage.com/subscribe/post?u=a98b763288f940083bf28857c&amp;id=364a0fe850" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="d-flex" id="mc_embed_signup_scroll"> <div class="d-flex" id="mc_embed_signup_scroll">
<div><p>Recevoir l'actualité de La Mine</p></div> <div><p>Recevoir l'actualité de La Mine</p></div>
@ -49,21 +46,23 @@
</form> </form>
</div> </div>
<div class="row"> <div class="col-12">
<a class="btn" target="_blank" href="{{post.meta('bouton_asso').lien_hello_asso}}">adhérer à l'association</a> <a class="btn add_assos" target="_blank" href="{{post.meta('bouton_asso').lien_hello_asso}}">adhérer à l'association</a>
</div> </div>
<div class="col-12 part">
<h3>{{options.titre}}</h3>
<figure class="col px-0">
<div class="main-carousel">
{% for partner in options.partenaire %}
<a rel="noreferrer" target="_blank" href="{{partner.lien_site_partenaire}}">
<img src="{{ Image(partner.logo).src }}" />
</a>
{% endfor %}
</div>
</figure>
</div>
<div class="row">
<h3>{{options.titre}}</h3>
<figure class="col px-0">
<div class="main-carousel">
{% for partner in options.partenaire %}
<a rel="noreferrer" target="_blank" href="{{partner.lien_site_partenaire}}">
<img src="{{ Image(partner.logo).src }}" />
</a>
{% endfor %}
</div>
</figure>
</div> </div>
</section> </section>

6
web/app/themes/la_mine/templates/components/header.twig
View File

@ -1,7 +1,7 @@
<section class="logo col-6"> <section class="logo col-6">
<figure> <figure>
<a href="{{site.url}}" rel="noreferrer"> <a href="{{site.url}}" rel="noreferrer">
<img src="{{theme.link}}/dist//assets/images/logo_lamine_vect.svg" alt="logo_Lamine" title="Le logo de La mine"/> <img src="{{theme.link}}/dist/assets/images/logo_lamine_vect.svg" alt="logo_Lamine" title="Le logo de La mine"/>
<span id="lumiR_logo"></span> <span id="lumiR_logo"></span>
<span id="fond_logo"></span> <span id="fond_logo"></span>
</a> </a>
@ -12,12 +12,12 @@
<figure class="rs col-auto d-flex px-0"> <figure class="rs col-auto d-flex px-0">
<div id="facebook"> <div id="facebook">
<a rel="noreferrer" target="_blank" href="{{options.facebook.lien_facebook}}"> <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"/>
</a> </a>
</div> </div>
<div id="insta"> <div id="insta">
<a rel="noreferrer" target="_blank" href="{{options.instagram.lien_instagram}}"> <a rel="noreferrer" target="_blank" href="{{options.instagram.lien_instagram}}">
<img src="{{theme.link}}/dist//assets/images/inst.svg" alt="logo_instagram" title="Le logo d'instagram"/> <img src="{{theme.link}}/dist/assets/images/inst.svg" alt="logo_instagram" title="Le logo d'instagram"/>
</a> </a>
</div> </div>
</figure> </figure>

2
web/app/themes/la_mine/templates/partial/section_projets.twig
View File

@ -1,6 +1,6 @@
<h3>Les Projets</h3> <h3>Les Projets</h3>
<h4>{{ post.meta('texte_chapeau_projet') }}</h4> <h4>{{ post.meta('texte_chapeau_projet') }}</h4>
<div class="row"> <div class="row justify-content-center">
<!--ajout chloe drag--> <!--ajout chloe drag-->
{# <div id="drag_1" class="group_drag"> {# <div id="drag_1" class="group_drag">
<img src="{{theme.link}}/asset/images/objet_drag_1.svg"> <img src="{{theme.link}}/asset/images/objet_drag_1.svg">

4
web/app/themes/la_mine/templates/privatiser_lespace.twig
View File

@ -35,9 +35,9 @@
</div> </div>
<div class="wrap__content __organisation"> <div class="wrap__content __organisation">
<div class="__body row"> <div class="__body row justify-content-center">
{% for item in post.meta('type_organisation') %} {% for item in post.meta('type_organisation') %}
<article class="__content _orga col-12 col-lg-6 col-xl-4"> <article class="__content _orga col-12 col-sm-6 col-md-4">
<div class="title"> <div class="title">
<h5>{{ item.titre_bloc}}</h5> <h5>{{ item.titre_bloc}}</h5>
</div> </div>