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
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; }

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

@@ -1596,46 +1596,82 @@
} }
} }
#le_campus{
#module{ #module{
width: 60%; width: 60%;
margin: auto; margin: auto;
margin-top: 4rem; margin-top: 4rem;
margin-bottom: 4rem; margin-bottom: 4rem;
padding-right: 4rem; padding-right: 4rem;
display: flex;
flex-direction: column;
.titre-module{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
color: #0093a3;
}
.valeurs{
display: flex; display: flex;
flex-direction: row; flex-direction: column;
.valeur{ .titre-module{
width:33%; font-family: "now_alt_bold";
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
color: #0093a3;
}
.valeurs{
display: flex; display: flex;
flex-direction: column; flex-direction: row;
padding: 10px; .valeur{
.images_v{ width:33%;
width:100%; display: flex;
max-height: 10rem; flex-direction: column;
overflow: hidden; padding: 10px;
img{ .images_v{
padding-bottom: 20px; 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;
} }
} }
h5{ }
padding-top: 20px; .equipe{
padding-bottom: 5px; display: flex;
font-family: "bold"; flex-direction: row;
font-size: 1.3rem; .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;
}
}
}
}
} }

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

@@ -3,49 +3,54 @@
{% set image = page.media.images|first %} {% set image = page.media.images|first %}
{% block body %} {% block body %}
<div class="header-wrapper"> <div class="header-wrapper">
{% include 'partials/bandeau.html.twig' %} {% include 'partials/bandeau.html.twig' %}
</div> </div>
<section class="body-wrapper">
<script type="application/ld+json">
{
"@type": "Article",
"headline": "{{page.title}}",
"alternativeHeadline": "{{page.summary}}",
"image": "http://example.com/image.jpg",
"author": "",
"award": "{{page.title}}",
"editor": "Le Campus",
"genre": "{{page.title}}",
"keywords": " le_campus_valdedrome ",
"wordcount": "1120",
"publisher": {
"@type": "Organization",
"name": "Le Campus",
"logo": {
"@type": "ImageObject",
"url": "/user/themes/lecampus/images/logo_lecampus.svg"
}
},
"url": "{{uri.base}}",
"datePublished": "2015-09-20",
"dateCreated": "2015-09-20",
"dateModified": "2015-09-20",
"description": "We love to do stuff to help people and stuff",
"articleBody": "You can paste your entire post in here, and yes it can get really really long."
}
</script>
<script type="application/ld+json"> {% block sidebar %}
{ {% include 'partials/sidebar.html.twig' %}
"@type": "Article", {% endblock %}
"headline": "{{page.title}}",
"alternativeHeadline": "{{page.summary}}",
"image": "http://example.com/image.jpg",
"author": "",
"award": "{{page.title}}",
"editor": "Le Campus",
"genre": "{{page.title}}",
"keywords": " le_campus_valdedrome ",
"wordcount": "1120",
"publisher": {
"@type": "Organization",
"name": "Le Campus",
"logo": {
"@type": "ImageObject",
"url": "/user/themes/lecampus/images/logo_lecampus.svg"
}
},
"url": "{{uri.base}}",
"datePublished": "2015-09-20",
"dateCreated": "2015-09-20",
"dateModified": "2015-09-20",
"description": "We love to do stuff to help people and stuff",
"articleBody": "You can paste your entire post in here, and yes it can get really really long."
}
</script>
{% block sidebar %}
{% include 'partials/sidebar.html.twig' %}
{% endblock %}
<div class="module">
{% include 'modular/section-valeurs-equipe.html.twig' %}
</div>
<div class="module">
{% include 'modular/section-valeurs-equipe.html.twig' %}
</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,27 +23,9 @@
{% 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>
<a href="#" class="close">&times;</a>
</div>
</div>
</div> -->
</div> </div>
<!-- </div> -->
</div> </div>
{% endfor %} {% endfor %}