bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

module valeurs/equipe

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2021-06-22 12:54:55 +02:00
parent 416d183223
commit 01afb95428
5 changed files with 195 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
user/themes/lecampus/css-compiled/theme.css
View File

@ -1348,7 +1348,24 @@ header nav.dropmenu > ul {
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
text-align: center; } text-align: center; }
#tarteaucitronRoot #tarteaucitronAlertBig { #tarteaucitronRoot #tarteaucitronAlertBig {
padding: 10px 0 !important; } } padding: 10px 0 !important; }
#le_campus #module {
width: 90% !important;
padding-right: 0 !important; }
#le_campus #module .valeurs {
flex-direction: column !important;
width: 90%;
align-self: center; }
#le_campus #module .valeurs .valeur {
width: 100% !important;
text-align: center; }
#le_campus #module .equipe {
flex-direction: column !important;
width: 90%;
align-self: center; }
#le_campus #module .equipe .personne {
width: 100% !important;
text-align: center; } }
#tarteaucitronBack { #tarteaucitronBack {
background: yellow; } background: yellow; }
@ -2980,7 +2997,7 @@ header nav.dropmenu > ul {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 70%; } width: 70%; }
#module { #le_campus #module {
width: 60%; width: 60%;
margin: auto; margin: auto;
margin-top: 4rem; margin-top: 4rem;
@ -2988,7 +3005,7 @@ header nav.dropmenu > ul {
padding-right: 4rem; padding-right: 4rem;
display: flex; display: flex;
flex-direction: column; } flex-direction: column; }
#module .titre-module { #le_campus #module .titre-module {
font-family: "now_alt_bold"; font-family: "now_alt_bold";
font-weight: 400; font-weight: 400;
font-size: 1.5rem; font-size: 1.5rem;
@ -2996,22 +3013,49 @@ header nav.dropmenu > ul {
padding-bottom: 2rem; padding-bottom: 2rem;
text-align: center; text-align: center;
color: #0093a3; } color: #0093a3; }
#module .valeurs { #le_campus #module .valeurs {
display: flex; display: flex;
flex-direction: row; } flex-direction: row; }
#module .valeurs .valeur { #le_campus #module .valeurs .valeur {
width: 33%; width: 33%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 10px; } padding: 10px; }
#module .valeurs .valeur .images_v { #le_campus #module .valeurs .valeur .images_v {
width: 100%; width: 100%;
max-height: 10rem; max-height: 10rem;
overflow: hidden; } overflow: hidden; }
#module .valeurs .valeur .images_v img { #le_campus #module .valeurs .valeur .images_v img {
padding-bottom: 20px; } padding-bottom: 20px; }
#module .valeurs .valeur h5 { #le_campus #module .valeurs .valeur h5 {
padding-top: 20px; padding-top: 20px;
padding-bottom: 5px; padding-bottom: 5px;
font-family: "bold"; font-family: "bold";
font-size: 1.3rem; } font-size: 1.3rem; }
#le_campus #module .equipe {
display: flex;
flex-direction: row; }
#le_campus #module .equipe .personne {
width: 33%;
display: flex;
flex-direction: column;
padding: 10px; }
#le_campus #module .equipe .personne .images_v {
width: 100%;
max-height: 10rem;
overflow: hidden; }
#le_campus #module .equipe .personne .images_v img {
padding-bottom: 20px; }
#le_campus #module .equipe .personne h5 {
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem; }
#le_campus .dl_plaquette p {
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center; }

38
user/themes/lecampus/scss/theme/_blog.scss
View File

@ -1596,7 +1596,7 @@
} }
} }
#le_campus{
#module{ #module{
width: 60%; width: 60%;
margin: auto; margin: auto;
@ -1638,4 +1638,40 @@
} }
} }
} }
.equipe{
display: flex;
flex-direction: row;
.personne{
width: 33%;
display: flex;
flex-direction: column;
padding: 10px;
.images_v{
width:100%;
max-height: 10rem;
overflow: hidden;
img{
padding-bottom: 20px;
}
}
h5{
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem;
}
}
}
}
.dl_plaquette{
p{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
}
}
} }

26
user/themes/lecampus/scss/theme/_mobile.scss
View File

@ -804,4 +804,30 @@
#tarteaucitronRoot #tarteaucitronAlertBig{ #tarteaucitronRoot #tarteaucitronAlertBig{
padding: 10px 0!important; padding: 10px 0!important;
} }
#le_campus{
#module{
width: 90% !important;
padding-right: 0 !important;
.valeurs{
flex-direction: column !important;
width: 90%;
align-self: center;
.valeur{
width: 100% !important;
text-align: center;
}
}
.equipe{
flex-direction: column !important;
width: 90%;
align-self: center;
.personne{
width: 100% !important;
text-align: center;
}
}
}
}
} }

5
user/themes/lecampus/templates/le_campus.html.twig
View File

@ -7,6 +7,7 @@
{% include 'partials/bandeau.html.twig' %} {% include 'partials/bandeau.html.twig' %}
</div> </div>
<section class="body-wrapper">
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@ -46,6 +47,10 @@
{% include 'modular/section-valeurs-equipe.html.twig' %} {% include 'modular/section-valeurs-equipe.html.twig' %}
</div> </div>
<div class="dl_plaquette">
{{content}}
</div>
</section>
{% endblock %} {% endblock %}

21
user/themes/lecampus/templates/modular/personnes.html.twig
View File

@ -6,9 +6,8 @@
{% for personne in page.header.personnes %} {% for personne in page.header.personnes %}
<!-- {{ dump(personne) }} -->
<div class="personne"> <div class="personne">
<!-- <div class="mozaique"> -->
<div class="photo"> <div class="photo">
{% if personne.portrait %} {% if personne.portrait %}
<img src="{{page.media[personne.portrait].url|e }}" alt="photo de {{personne.nom}}" /> <img src="{{page.media[personne.portrait].url|e }}" alt="photo de {{personne.nom}}" />
@ -24,26 +23,8 @@
{% if personne.biographie %} {% if personne.biographie %}
<p>{{ personne.biographie|markdown }} </p> <p>{{ personne.biographie|markdown }} </p>
{% endif %} {% endif %}
<!-- <button class="bouton">Voir biographie</button>
<div class="modal">
<div class="mask">
<div class="container">
<div class="message">
{% if personne.biographie %}
<p>{{ personne.biographie|markdown }} </p>
{% endif %}
</div> </div>
<a href="#" class="close">&times;</a>
</div>
</div>
</div> -->
</div>
<!-- </div> -->
</div> </div>