From c49d6fbe1accb0aad1322082557ca67fa0845538 Mon Sep 17 00:00:00 2001 From: chloe Date: Thu, 18 Jun 2020 09:56:22 +0200 Subject: [PATCH] =?UTF-8?q?cr=C3=A9ation=20et=20rentrer=20contenu=20dans?= =?UTF-8?q?=20projets=20et=20temps=20forts,=20et=20quelques=20trucs=20un?= =?UTF-8?q?=20peu=20partout=20en=20css,=20voir=20renvoi=20section=20et=20r?= =?UTF-8?q?edirection=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/app/themes/la_mine/asset/dist/style.css | 187 +++++++++++++++--- web/app/themes/la_mine/templates/accueil.twig | 14 +- .../themes/la_mine/templates/association.twig | 6 +- .../components/forms/form_lacollecte.twig | 4 +- .../templates/components/sider_left.twig | 4 +- .../templates/components/title_page.twig | 4 +- web/app/themes/la_mine/templates/footer.twig | 2 +- .../themes/la_mine/templates/la_collecte.twig | 5 + .../la_mine/templates/les_temps_forts.twig | 9 +- web/app/themes/la_mine/templates/menu.twig | 4 +- .../templates/partial/section_asso.twig | 2 +- .../templates/partial/section_projets.twig | 10 +- .../templates/partial/section_tpsF.twig | 6 +- .../la_mine/templates/privatiser_lespace.twig | 11 +- 14 files changed, 212 insertions(+), 56 deletions(-) diff --git a/web/app/themes/la_mine/asset/dist/style.css b/web/app/themes/la_mine/asset/dist/style.css index f2af4330..af6a9889 100644 --- a/web/app/themes/la_mine/asset/dist/style.css +++ b/web/app/themes/la_mine/asset/dist/style.css @@ -1,35 +1,174 @@ +body { + width: 300px; + margin: 0 auto; + font-size: 1.2rem; + font-family: Universalis ADF Std, sans-serif; +} +h1, h2, h3, h5{ + font-family: Millimetre, sans-serif; +} +h1, h5, h6{ + text-transform: uppercase; +} + img{ width: 100%; height: auto; } +ul{ + padding:0; + } +li { + list-style-type:none; +} +a, a:hover{ + color: black; + text-decoration: none; +} -footer img{ +.titre_page, .titre { + text-transform: uppercase; + font-weight: bold; + text-align: center; + align-items: center; + border: 8px solid blue; + transform: rotate(-10deg); + padding: 1%; + width: 30%; + background-color: white; + margin: 4% 0 8% -20%; +} + +.titre_1{ + margin-top:1em; +} + +.next_edition{ + font-style: italic; + text-transform: uppercase; +} +.sidebar_left .title, .__organisation .title { + color: blue; + text-align: center; + text-transform: uppercase; +} +.sidebar_left .__content, .sider_left_form, .__organisation .__item { + border: 8px solid blue; + padding: 1em; +} +.tableau_engagements { + margin-top : 10%; +} +.tableau_engagements div{ + margin-top : 5%; + padding-left: 5%; +} + +/*sections page accueil*/ +.colonne_section .wrap_content { + border: 8px solid blue; + padding: 1em; +} +.colonne_section h3{ + color: blue; + text-transform: uppercase; + text-align: center; + +} +.video iframe { + width: 100vh; + margin-left: auto; + margin-right: auto; + height: auto; +} +/*fin sections page accueil*/ + +/*page évent*/ +.partager img { + width: 50px; + height: auto; + margin-right: 2%; +} +.post-type img { + object-fit: cover; + width: 100%; +} +.tarif, .partager, .inscription { + margin-top: 4%; +} +/*fin page event*/ + +/*privatiser l'espace*/ +.legendes{ + background-color: white; + position : absolute; + bottom: 4%; + margin-left: 4%; + border: 8px solid blue; + padding: 1%; + padding-top: 2%; +} +.__organisation { + margin-top: 8%; + text-align: center; +} +/*fin privatiser l'espace*/ + +/*BOUTONS*/ +.__bouttons{ + text-align : center; +} +.telechargement_plaquette { + margin-top: 4%; + border: 4px solid black; + border-radius: 0%; + padding: 1%; +} +.__bouttons div { + margin-top: 4%; + border: 4px solid blue; + border-radius: 0%; + padding: 1%; + background-color: white; +} + +.__bouttons div:hover, .telechargement_plaquette:hover, .bouton_asso:hover { + text-decoration-color: white; + transform: rotate(-10deg); +} +.redirection_page { + color: black; + text-decoration: underline; + border: none; + border-radius: 0%; +} +.redirection_page:hover { + color: black; + background-color: grey; + text-decoration: underline; + border: none; + border-radius: 0%; +} +/* .tout_voir, .tout_voir:hover { + margin-left: auto; + margin-right: auto; + width: 20%; +}*/ + +/*FIN BOUTON*/ +footer{ + background-color: rgba(255, 0, 0, 0.5); + width: 100%; + padding: 5%; + margin: 10% auto 0 auto; +} +footer div{ + margin-right: 1%; +} +footer img { width: 50px; height: auto; } -footer li { - list-style-type:none; -} - -.sidebar_left { - background-color: pink; -} -.tableau_engagements { - background-color: green; -} -.tableau_engagements div{ - background-color: red; -} - -/* .tableau_engagements > div{ - display: inline-block; -} */ -.legendes{ - background-color: pink; - position : absolute; - bottom: 100px; -} - /* START KEVIN */ header{ diff --git a/web/app/themes/la_mine/templates/accueil.twig b/web/app/themes/la_mine/templates/accueil.twig index 58f7ffa7..419cb2f4 100644 --- a/web/app/themes/la_mine/templates/accueil.twig +++ b/web/app/themes/la_mine/templates/accueil.twig @@ -2,38 +2,38 @@ {% block content %}
-

Prochainement

+

Prochainement

{% for item in posts %} {% include 'components/thumbnails/thumbnails.twig' %} {% endfor %} -
- Tout voir +
+ Tout voir
-
+
{% 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/association.twig b/web/app/themes/la_mine/templates/association.twig index 3110df97..87d87de2 100644 --- a/web/app/themes/la_mine/templates/association.twig +++ b/web/app/themes/la_mine/templates/association.twig @@ -12,7 +12,7 @@
-

{{ post.meta('titre_asso') }}

+

{{ post.meta('titre_asso') }}

@@ -34,7 +34,7 @@ {% for item in post.meta('type_engagement') %}