diff --git a/web/app/themes/la_mine/asset/dist/index.js b/web/app/themes/la_mine/asset/dist/index.js index ebd2be21..02fbb158 100644 --- a/web/app/themes/la_mine/asset/dist/index.js +++ b/web/app/themes/la_mine/asset/dist/index.js @@ -1,34 +1,42 @@ var Home = document.querySelector('.hero .slide'); -var flkty = new Flickity( Home, { - // options - cellAlign: 'left', - autoPlay: true, - prevNextButtons: false -}); - -var prive = document.querySelector('.prive .__slide'); -var flkty = new Flickity( prive, { - // options - cellAlign: 'left', - autoPlay: true, -}) - -var slide_tpsF = document.querySelectorAll('.tpsF .slide'); -for (var i = 0; i < slide_tpsF.length; i++) { - var flkty = new Flickity( slide_tpsF[i], { +if (Home != 'null') { + var flkty = new Flickity( Home, { // options cellAlign: 'left', autoPlay: true, - pageDots: false + prevNextButtons: false }); } +var prive = document.querySelector('.prive .__slide'); +if (prive != 'null') { + var flkty = new Flickity( prive, { + // options + cellAlign: 'left', + autoPlay: true, + }) +} -var Partenaires = document.querySelector('.container_slide .row'); -var flkty = new Flickity( Partenaires, { - // options - groupCells: true, - pageDots: false -}); +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, + }); +// } var msnry = new Masonry( '.tableau_engagements.row', { columnWidth: '.engagement', diff --git a/web/app/themes/la_mine/asset/dist/style.css b/web/app/themes/la_mine/asset/dist/style.css index 5e35b8fe..69be9257 100644 --- a/web/app/themes/la_mine/asset/dist/style.css +++ b/web/app/themes/la_mine/asset/dist/style.css @@ -40,8 +40,9 @@ a, a:hover{ color: black; text-decoration: none; } -section{ +.section_accueil { position: relative; + background-color: pink; } /* START KEVIN */ @@ -62,23 +63,44 @@ section{ display: block } /* END KEVIN */ - +.logoLamine { + position: fixed; + margin:0 10px 10px 10px; + width : 200px; + height: 200px; +} +.rs { + position: fixed; + top: 0; + right: 0; + margin-right: 80px; +} +.rs img { + width : 40px; + height: 40px; + margin-top: 10px; + opacity: 1; +} +.facebook { + margin-right: 30px; +} +.rs img:hover { + opacity: 0.6; +} .menu-item { font-family: Millimetre, sans-serif; text-transform: uppercase; padding: 15px; } - /*.nav-main li:first-child {display: none;} - .nav-main li:first-child:hover .menu-item ul {display:block;}*/ - +#nav-main > ul > li > ul {display: none;} +#nav-main > ul > li:first-child:hover > ul {display: block;} .menu-item a:hover { background-color: black; color: white; } - -.titre_page, .titre { +.titre_page, .titre{ position: absolute; top: -100px; left: -70px; @@ -172,15 +194,7 @@ section{ background-color: white; border: 8px solid yellow; } - @media screen and (min-width: 200px) and (max-width: 640px) { - .image_sectionasso { - display: none; - width: 100%; - } - .content_asso { - width: 100%; - } -} + /* responsive iframe */ #section_MineVideo .wrapper__content { position: relative; @@ -195,7 +209,6 @@ section{ height: 100%; } - /* END KEVIN */ .item { @@ -218,7 +231,7 @@ section{ } .colonne_section{ - margin-top: 4%; + margin-top: 10px; } .colonne_section .wrap_content { border: 8px solid blue; @@ -230,18 +243,6 @@ section{ text-align: center; } -/* .image_sectionasso { - position: absolute; - width: 500px; -} -.content_asso { - position: relative; - margin: 150px auto auto 200px; - padding: 10px; - background-color: white; - border: 8px solid yellow; -} */ - .projet .colonne_section .header{ height: 80px; display: flex; @@ -275,8 +276,8 @@ section{ } /*fin sections page accueil*/ -/*page collecte avec formulaire*/ +/*page collecte avec formulaire*/ /*trouver comment styliser les champs du formulaire*/ /*.af-input acf-input{ background-color: pink; @@ -393,18 +394,7 @@ section{ /*fin privatiser l'espace*/ /*BOUTONS*/ -.__bouttons div { - position: relative; - text-align : center; - margin-top: 20px; - border: 4px solid blue; - border-radius: 0%; - padding: 5px; - /*background-color: white;*/ -} -.tout_voir a { -/*penser à mettre le lien sur toute la surface du bouton*/ -} + .telechargement_plaquette, .redirection_page, .tout_voir { position: relative; margin: 50px auto 10px auto; @@ -416,14 +406,39 @@ section{ transform: scale(1) rotate(0deg); transition: transform 0.3s ease; } -.__bouttons #bouton_asso { +.telechargement_plaquette a, .redirection_page a, .tout_voir a { position: relative; + display:flex; + margin: -5px; + padding: 5px; +} +.__bouttons div { + position: relative; + text-align : center; + margin-top: 20px; + border: 4px solid blue; + border-radius: 0%; + padding: 5px; +} +.__bouttons #bouton_asso { top: 100px; } -.__bouttons #bouton_contact { +.__bouttons #bouton_asso a{ position: relative; + display:flex; + margin: -5px; + padding: 5px; +} +.__bouttons #bouton_contact { top: -30px; } +.__bouttons #bouton_contact a { + position: relative; + display:flex; + margin: -5px; + padding: 5px; +} + .__bouttons div:hover, .telechargement_plaquette:hover, .bouton_asso:hover, .redirection_page:hover, .tout_voir:hover { transform: scale(1.1) rotate(-10deg); transition: all 0.3s ease; @@ -488,33 +503,46 @@ footer{ margin-top: 10%; } footer div{ - margin-right: 20px; + margin: 0 20px 0 10px; } -footer img { +footer .logo_lamine { + width: 200px; + height: auto; + margin: 20px; +} +footer .reseaux_sociaux img { width: 50px; height: auto; + margin-right: 10px; } -._rs{ - margin-left: 5%; +footer .insta { + margin-top: 10px; } -.container_slide .row { + +/* START SLIDE PARTENAIRE */ +.send_actu{ + height: 100px; + background: red; +} +.add_asso{ + height: 100px; + background: blue; +} +.partenaires{ width: 100%; - height: 200px; - margin-right: 10px; - background: #333; } -.container_slide .row .flickity-prev-next-button{ - width: 50px; - height: 50px; + +.container_slide li{ + width: 200px; + height: 200px; } -.container_slide .row li { - width: 100%; - height: 200px; - margin-right: 10px; - background: #8C8; - border-radius: 5px; - counter-increment: carousel-cell; + +.partenaires img{ + width: 100%; + height: 100%; + object-fit: contain; } +/* END SLIDE PARTENAIRE */ /* START KEVIN */ header{ @@ -558,8 +586,7 @@ footer img { } .wrapper section{ - margin: 150px 0; - padding: 100px 0; + margin-top: 200px; } .wrapper section > div { position: relative; @@ -582,10 +609,6 @@ footer img { object-fit: cover; } - .tableau_engagements .engagement{ - width: 50%; - } - .prive .images{ width: 100%; height: 600px; @@ -595,6 +618,35 @@ footer img { height: 100%; object-fit: cover; } - - /* END KEVIN */ +/*START MEDIA QUERIES*/ +@media screen and (min-width: 200px) and (max-width: 1088px) { + .titre_page, .titre { + left: 5px; + } + } +@media screen and (min-width: 200px) and (max-width: 640px) { + .image_sectionasso { + display: none; + width: 100%; + } + .content_asso { + width: 100%; + } + .logoLamine { + width : 50px; + height: 50px; + } +} +@media screen and (min-width: 200px) and (max-width: 755px) { + .__chapeau{ + margin-top: 20px; + } +} +@media screen and (min-width: 641px) and (max-width: 1690px) { + .logoLamine { + width: 100px; + height: 100px; + } +} +/*END MEDIA QUERIES*/ diff --git a/web/app/themes/la_mine/asset/images/logo_lamine_vect.svg b/web/app/themes/la_mine/asset/images/logo_lamine_vect.svg new file mode 100644 index 00000000..5f190d09 --- /dev/null +++ b/web/app/themes/la_mine/asset/images/logo_lamine_vect.svg @@ -0,0 +1,1388 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + T + + + I + + + E + + + R + + + S + + + - + + + L + + + I + + + E + + + U + + + - + + + B + + + A + + + R + + + A + + + S + + + S + + + O + + + C + + + I + + + A + + + T + + + I + + + F + + + - + + + I + + + N + + + S + + + E + + + R + + + T + + + I + + + O + + + N + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + T + + + I + + + E + + + R + + + S + + + - + + + L + + + I + + + E + + + U + + + - + + + B + + + A + + + R + + + A + + + S + + + S + + + O + + + C + + + I + + + A + + + T + + + I + + + F + + + - + + + I + + + N + + + S + + + E + + + R + + + T + + + I + + + O + + + N + + + + + diff --git a/web/app/themes/la_mine/templates/accueil.twig b/web/app/themes/la_mine/templates/accueil.twig index b50cf979..5e441c3d 100644 --- a/web/app/themes/la_mine/templates/accueil.twig +++ b/web/app/themes/la_mine/templates/accueil.twig @@ -1,7 +1,7 @@ {% extends "base.twig" %} {% block content %} -
+

Prochainement

@@ -21,25 +21,25 @@
-
+
{% include 'partial/section_asso.twig' %}
-
+
{% include 'partial/section_projets.twig' %}
-
+
{% include 'partial/section_tpsF.twig' %}
-
+

La Mine en vidéo

diff --git a/web/app/themes/la_mine/templates/agenda.twig b/web/app/themes/la_mine/templates/agenda.twig index c23278ed..ffe71c0e 100644 --- a/web/app/themes/la_mine/templates/agenda.twig +++ b/web/app/themes/la_mine/templates/agenda.twig @@ -1,11 +1,7 @@ {% extends "base.twig" %} - {% block content %} +{% include 'components/title_page.twig' %}
-
-

{{post.title}}

-
-
    {% for cat in terms %}
  • | @@ -17,10 +13,11 @@ |
+
{% for item in posts %} {% include 'components/thumbnails/thumbnails.twig'%} {% endfor %} +
-
{% endblock %} diff --git a/web/app/themes/la_mine/templates/association.twig b/web/app/themes/la_mine/templates/association.twig index ea817ee8..fa9f2131 100644 --- a/web/app/themes/la_mine/templates/association.twig +++ b/web/app/themes/la_mine/templates/association.twig @@ -32,7 +32,7 @@
{% for item in post.meta('type_engagement') %} -