valentin_le_moign/figureslibres.cc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modifs couleurs etc

Browse Source
This commit is contained in:
Valentin
2024-03-25 23:22:38 +01:00
parent 6af420e9bb
commit 66bd5cb3d9
8 changed files with 733 additions and 341 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/figureslibres-v2/templates/reader.html.twig
+42 -54
View File
@@ -1,61 +1,49 @@
{% extends 'partials/base.html.twig' %}
{% block content %}
<div id="reader" class="content" data-barba="container" data-barba-namespace="reader">
<div id="header-project">
{% switch page.parent.title %}
{% case 'Publique' %}
<h2 class="info-project-publique">
{% case 'Sociale' %}
<h2 class="info-project-sociale">
{% case 'Culturelle' %}
<h2 class="info-project-culturelle">
{% endswitch %}
<span data-text="{{ page.title }}">{{ page.title }}</span></h2>
</div>
<a href="{{ page.parent.parent.url }}"><div id="close-project" class="picto" data-src="{{ url('theme://images/pictos/cross.svg') }}" aria-hidden="true"></div></a>
<figure id="cover-image-mobile">
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ page.media.images|first.url }}" alt="{{ page.title }}" class="lazy loader">
</figure>
{% switch page.parent.title %}
{% case 'Publique' %}
<div id="info-project" class="info-project-publique">
{% case 'Sociale' %}
<div id="info-project" class="info-project-sociale">
{% case 'Culturelle' %}
<div id="info-project" class="info-project-culturelle">
{% endswitch %}
<h2 id="main-project-title">{{ page.title }}</h2>
<div>
{% for tag in page.taxonomy.tag %}
{{ tag }},
{% endfor %}
{{ page.date|date("Y") }}
</div>
</div>
<figure id="cover-image">
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ page.media.images|first.url }}" alt="{{ page.title }}" class="lazy loader">
</figure>
<hr>
<div id="project-description">
{{ page.content|raw }}
{% set class_suffix = page.parent.title|lower %}
<div id="reader" class="content" data-barba="container" data-barba-namespace="reader">
<div id="header-project">
<h2 class="info-project-{{ class_suffix }}">
<span data-text="{{ page.title }}">{{ page.title }}</span>
</h2>
</div>
<a href="{{ page.parent.parent.url }}"><div id="close-project" class="picto" data-src="{{ url('theme://images/pictos/cross.svg') }}" aria-hidden="true"></div></a>
<figure id="cover-image-mobile" class="{{ class_suffix }}">
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ page.media.images|first.url }}" alt="{{ page.title }}" class="lazy loader">
</figure>
<div id="info-project" class="info-project-{{ class_suffix }}">
<h2 id="main-project-title">{{ page.title }}</h2>
<div>
{% for tag in page.taxonomy.tag %}
{{ tag }},
{% endfor %}
{{ page.date|date("Y") }}
</div>
</div>
<figure id="cover-image" class="{{ class_suffix }}">
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ page.media.images|first.url }}" alt="{{ page.title }}" class="lazy loader">
</figure>
<hr>
<div id="project-description">
{{ page.content|raw }}
</div>
<div id="project-images-grid">
{% for image in page.media.images %}
{% if image != page.media.images | first %}
<figure>
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ image.url }}" alt="{{ page.title }}" class="lazy loader project-image">
</figure>
{% endif %}
{% endfor %}
<div id="project-images-grid">
{% for image in page.media.images %}
{% if image != page.media.images | first %}
<figure class="{{ class_suffix }}">
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ image.url }}" alt="{{ page.title }}" class="lazy loader project-image">
</figure>
{% endif %}
{% endfor %}
</div>
</div>
{% block related_pages %}
{% include 'partials/relatedpages.html.twig' %}
{% endblock %}
{% block carousel %}
{% include 'partials/carousel.html.twig' %}
{% endblock %}
</div>
{% block related_pages %}
{% include 'partials/relatedpages.html.twig' %}
{% endblock %}
{% block carousel %}
{% include 'partials/carousel.html.twig' %}
{% endblock %}
</div>
{% endblock %}