création et rentrer contenu dans projets et temps forts, et quelques trucs un peu partout en css, voir renvoi section et redirection page
This commit is contained in:
parent
1fb5efd7dc
commit
c49d6fbe1a
187
web/app/themes/la_mine/asset/dist/style.css
vendored
187
web/app/themes/la_mine/asset/dist/style.css
vendored
@ -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{
|
||||
|
||||
@ -2,38 +2,38 @@
|
||||
|
||||
{% block content %}
|
||||
<section>
|
||||
<h3>Prochainement</h3>
|
||||
<h3 class="titre">Prochainement</h3>
|
||||
<div class="coming_soon row align-items-start">
|
||||
{% for item in posts %}
|
||||
{% include 'components/thumbnails/thumbnails.twig' %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="">
|
||||
Tout voir
|
||||
<div class="btn redirection_page">
|
||||
<a class="tout_voir" href="{{agenda.url}}">Tout voir</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<section id="section_asso">
|
||||
<div class="association">
|
||||
{% include 'partial/section_asso.twig' %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<section id="section_projets">
|
||||
<div class="projet">
|
||||
{% include 'partial/section_projets.twig' %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<section id="section_tpsF">
|
||||
<div class="temps_forts">
|
||||
{% include 'partial/section_tpsF.twig' %}
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<section id="section_MineVideo">
|
||||
<div class="video">
|
||||
<div class="__header">
|
||||
<h1 class="titre">La Mine en vidéo</h1>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<div class="wrap__content __asso">
|
||||
|
||||
<div class="__header">
|
||||
<h2 class="'titre_1'">{{ post.meta('titre_asso') }}</h2>
|
||||
<h2 class="titre_1">{{ post.meta('titre_asso') }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="__body">
|
||||
@ -34,7 +34,7 @@
|
||||
{% for item in post.meta('type_engagement') %}
|
||||
<div class="engagement">
|
||||
<div class="__head">
|
||||
<h6>{{item.titre_engagement}}</h6>
|
||||
<h4>{{item.titre_engagement}}</h4>
|
||||
</div>
|
||||
<div class="__content">
|
||||
{{item.paragraphe_engagement}}
|
||||
@ -45,7 +45,7 @@
|
||||
|
||||
<div class="wrap__content vie-asso">
|
||||
<div class="__header">
|
||||
<h2 class="'titre_1'">{{ post.meta('titre_vieasso') }}</h2>
|
||||
<h2 class="titre_1">{{ post.meta('titre_vieasso') }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="__body">
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<form class="" action="index.html" method="post">
|
||||
<form class="sider_left_form" action="index.html" method="post">
|
||||
{% apply shortcodes %}
|
||||
[advanced_form form="form_5edd062310705"]
|
||||
[advanced_form form="form_5eddff3526734"]
|
||||
{% endapply %}
|
||||
</form>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
|
||||
<!-- cleaner le code + condition bouton pour asso voir pour condition bouton dans le wordpress -->
|
||||
{% if name__template == "temps_fors" %}
|
||||
{% if name__template == "temps_forts" %}
|
||||
<div class="__header">
|
||||
<div class="title">
|
||||
<h3>{{item.nom_du_temps_fort}}</h3>
|
||||
@ -51,7 +51,7 @@
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class = "bouttons" >
|
||||
<div class = "__bouttons" >
|
||||
{% include '/components/buttons/bouton_asso.html.twig' %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
<section class="title_page">
|
||||
<div class="{{class}}">
|
||||
<h2>{{post.title}}</h2>
|
||||
<h2 class="titre_page">{{post.title}}</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
</div>
|
||||
|
||||
<div class="partenaires row-">
|
||||
<div class="titre">{{options.titre}}</div>
|
||||
<div class="_titre">{{options.titre}}</div>
|
||||
<div class="logo_partenaires">
|
||||
<div class="container d-flex">
|
||||
<div class="row justify-content align-items">
|
||||
|
||||
@ -5,6 +5,11 @@
|
||||
|
||||
<section class="row">
|
||||
<aside class="sidebar_left col-md-4 mr-2">
|
||||
<div class="__header">
|
||||
<div class="title">
|
||||
<h3>On s'organise</h3>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'components/forms/form_lacollecte.twig' %}
|
||||
</aside>
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
|
||||
{% for item in posts %}
|
||||
<section class="row tpsF">
|
||||
<div class="sidebar col-4">
|
||||
<div class="sidebar col-md-4">
|
||||
<div class="title">
|
||||
<h3>{{item.title}}</h3>
|
||||
<div class="next_edition">
|
||||
@ -17,11 +17,14 @@
|
||||
{{item.text}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap_content col-8">
|
||||
<div class="wrap_content col-md-8">
|
||||
<div class="slide">
|
||||
{% for media in item.meta('slide') %}
|
||||
<div class="img">
|
||||
<img src="{{ Image(media.images).src }}" alt="{{ Image(media.images).title }}">
|
||||
<img src="{{ Image(media.image).src }}" alt="{{ Image(media.image).title }}">
|
||||
</div>
|
||||
<div class="video">
|
||||
<iframe width="560" height="315" src="//www.youtube.com/embed/{{ media.video }}" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,9 @@
|
||||
{% for item in items %}
|
||||
<li class="{{ item.classes | join(' ') }}">
|
||||
<a target="{{ item.target }}" href="{{ item.link }}">{{ item.title }}</a>
|
||||
{% if item.children|length >= 1 %}
|
||||
{% include "menu.twig" with {'items': item.children} %}
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<div class="__header">
|
||||
<h3>L'association</h3>
|
||||
<h3 class="titre">L'association</h3>
|
||||
<h2>{{ post.meta('texte_chapeau_asso') }}</h2>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<div class="__header">
|
||||
<h3 class="titre">Les Projets</h3>
|
||||
<p class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</p>
|
||||
<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="__body">
|
||||
<div class="wrapper__content row">
|
||||
{% for item in projet %}
|
||||
<div class="col-4">
|
||||
<div class="colonne_section col-md-6 col-lg-4">
|
||||
<div class="header">
|
||||
<h3>{{item.title}}</h3>
|
||||
</div>
|
||||
@ -14,7 +14,7 @@
|
||||
{{item.text}}
|
||||
<div class="projet">
|
||||
{% for projet in item.meta("projets") %}
|
||||
<div class="wrap_content">
|
||||
<div class="wrap__content">
|
||||
<div class="title">
|
||||
<h4>{{projet.titre}}</h4>
|
||||
</div>
|
||||
@ -27,8 +27,8 @@
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="col-12">
|
||||
Tout voir
|
||||
<div class="btn redirection_page">
|
||||
<a class="tout_voir" href="{{les-projets.twig.url }}">Tout voir</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div class="__body">
|
||||
<div class="wrapper__content row">
|
||||
{% for item in tpsF %}
|
||||
<div class="col-4">
|
||||
<div class="colonne_section col-md-6 col-lg-4">
|
||||
<div class="images">
|
||||
<img src="{{item.thumbnail.src}}" alt="{{item.thumbnail.title}}">
|
||||
</div>
|
||||
@ -22,8 +22,8 @@
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="col-12">
|
||||
Tout voir
|
||||
<div class="btn redirection_page">
|
||||
<a id="tout_voir" href="">Tout voir</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
|
||||
<div class="legendes col-4">
|
||||
<div class="__head">
|
||||
<p>{{ item.titre_legende}}</p>
|
||||
<h6>{{ item.titre_legende}}</h6>
|
||||
</div>
|
||||
<div class="__content">
|
||||
<p>{{ item.texte_legende}}</p>
|
||||
@ -41,11 +41,16 @@
|
||||
<div class="__body row">
|
||||
{% for item in post.meta('type_organisation') %}
|
||||
<div class="__content col-lg-4">
|
||||
<h6>{{ item.titre_bloc}}</h6>
|
||||
<div class="title">
|
||||
<h5>{{ item.titre_bloc}}</h5>
|
||||
</div>
|
||||
<div class="__item">
|
||||
{{item.paragraphe_descriptif}}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class = "bouton row justify-content-center">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user