ouidade/dev-epau.archi.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pop in pour biographies

Browse Source
This commit is contained in:
ouidade
2021-03-31 16:19:21 +02:00
parent 9466b09c0f
commit d7bbc3395d
15 changed files with 584 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/templates/modular/personnes.html.twig
+33 -14
View File
@@ -4,23 +4,42 @@
{% for personne in page.header.personnes %}
<div class="personne">
<div class="portait">
{% if personne.portrait %}
<img src="{{page.media[personne.portrait].url|e }}" alt="portrait de {{personne.nom}}" />
{% endif %}
</div>
{% if personne.nom %}
<h5>{{ personne.nom }}</h5>
{% endif %}
{% if personne.fonction %}
<h6>{{ personne.fonction }}</h6>
{% endif %}
{% if personne.biographie %}
<p>{{ personne.biographie|markdown }}</p>
{% endif %}
<div class="mozaique">
<div class="portait">
{% if personne.portrait %}
<img src="{{page.media[personne.portrait].url|e }}" alt="portrait de {{personne.nom}}" />
{% endif %}
</div>
<div class="info">
{% if personne.nom %}
<h5>{{ personne.nom }}</h5>
{% endif %}
{% if personne.fonction %}
<h6>{{ personne.fonction }}</h6>
{% endif %}
<button class="bouton">Voir biographie</button>
</div>
<div id="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>
{% endfor %}
</div>
user/themes/epau-antimatter/templates/modular/ressources.html.twig
+2 -21
View File
@@ -1,11 +1,11 @@
<div class="ressources {{ page.header.class}}">
<div class="features {{ page.header.class}}">
<div class="titre_nsb">
{{ content|raw }}
</div>
{% for rapport in page.header.rapports %}
<div class="ressource">
<div class="feature">
{% if rapport.couverture and rapport.pdf %}
<a href="{{page.media[rapport.pdf].url|e }}" download >
@@ -23,22 +23,3 @@
</div>
{% endfor %}
</div>
{# ça, ça montre le pdf sur nouvelle page avec possibilité d'imprimer ou de télécharger (page de dialogue du navigateur)
{% if rapport.couverture and rapport.pdf %}
<a href="{{page.media[rapport.pdf].url|e }}" {{rapport.titre_du_rapport}} >
<img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
</a>
{% endif %}
#}
{# ça, ça lance le téléchargement du pdf directement
{% if rapport.couverture and rapport.pdf %}
<a href="{{page.media[rapport.pdf].url|e }}" download >
<img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
</a>
{% endif %}
#}
user/themes/epau-antimatter/templates/partials/base.html.twig
+1 -40
View File
@@ -34,6 +34,7 @@
{% do assets.addJs('theme://js/antimatter.js') %}
{% do assets.addJs('theme://js/slidebars.min.js') %}
{% do assets.addJs('theme://js/parallax.min.js') %}
{% do assets.addJs('theme://js/script-bio.js') %}
{% endblock %}
{% block assets deferred %}
@@ -53,46 +54,6 @@
<img src="/user/pages/01.home/Republique-francaise-logo.svg" alt="logo France">
<img src="user/pages/01.home/EPAU_logo_EPAU_vecto-seul.svg" alt="logo EPAU">
{# marche pas
{% for image in page.header.media_order %}
{% if loop.first %}
<img src="{{ image.url}}" alt="{{ config.site.title }}"/>
{% endif %}
{% if loop.last %}
<img src="{{ image.url}}" alt="{{ config.site.title }}"/>
{% endif %}
{% endfor %}
{% if header_image %}
{% if header_image_file %}
{% set header_image_media = page.media.images[header_image_file] %}
{% else %}
{% set header_image_media = page.media.images|first %}
{% endif %}
{{ header_image_media.cropZoom(header_image_width, header_image_height).html }}
{% endif %}
#}
{# {% if page.header.media_order %}
<img src="{{ page.header.media_order|first }}" alt="{{ config.site.title }}"/>
{% endif %}
<img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
#}
{# ça, ça marche si une seule image dans content de Home. Si 2 images, marche plus.>>>devient un tableau!
il faut trouver un moyen de lui dire: tu prends la première puis tu prends la 2e du tableau media_order.
J'ai rajouter "array: true" dans default.yaml pour qu'il voi plusieurs images. mais ne sont pas dans header. Elles apparaissent
<img src="{{ page.header.media_order }}" alt="{{ config.site.title }}"/>
#}
{# <img src="EPAU_logo_EPAU_vecto-seul.svg"/>
<h3><a href="{{ base_url == '' ? '/' : base_url }}">{{ config.site.title }}</a></h3>
#}
</div>