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

début corrections 2024, ajout d'un carousel dans les lecteurs de projets, suppression des animations de l'index

Browse Source
This commit is contained in:
Valentin
2024-03-05 00:05:41 +01:00
parent 5d90d88ae5
commit 16b7135b03
13 changed files with 190 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/figureslibres-v2/templates/index.html.twig
-4
View File
@@ -3,10 +3,6 @@
{% block content %}
<div class="content" id="index-content" data-barba="container" data-barba-namespace="index">
<div id="loader-index">
<img src="{{ url('theme://images/loader/rolling.svg') }}" alt="loading animation" />
</div>
<div id="main-p-index">
{{ page.content|raw }}
</div>
user/themes/figureslibres-v2/templates/partials/base.html.twig
+6 -4
View File
@@ -16,17 +16,19 @@
{% block stylesheets %}
{% do assets.addCss('theme://css/theme.css', 95) %}
{% do assets.addCss('theme://css/owl.carousel.min.css', 95) %}
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>
{% endblock %}
{% block javascripts %}
{% do assets.addJs('jquery', 100) %}
<script src="https://unpkg.com/@barba/core"></script>
<script src="https://unpkg.com/animate-css-grid@latest"></script>
{% do assets.addJs('theme://js/libraries/lazy/jquery.lazy.min.js', 99) %}
{% do assets.addJs('theme://js/libraries/blotter/blotter.min.js', 98) %}
{% do assets.addJs('theme://js/libraries/blotter/liquidDistortMaterial.js', 97) %}
<script src="https://unpkg.com/animate-css-grid@1.4.3"></script>
{% do assets.addJs('theme://js/libraries/gsap/gsap.min.js', 96) %}
{% do assets.addJs('theme://js/libraries/owl.carousel.min.js', 94) %}
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
{% endblock %}
{% block assets deferred %}
user/themes/figureslibres-v2/templates/partials/carousel.html.twig
+12
View File
@@ -0,0 +1,12 @@
<div class="swiper">
<div class="swiper-wrapper">
{% for image in page.media.images %}
<div class="swiper-slide">
<img class="lazy loader" src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ image.url }}" alt="{{ page.title }}" />
</div>
{% endfor %}
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div id="close-carousel" class="picto" data-src="{{ url('theme://images/pictos/cross.svg') }}" aria-hidden="true"></div>
</div>
user/themes/figureslibres-v2/templates/partials/carrousel.html.twig
-24
View File
@@ -1,24 +0,0 @@
<div id="carousel-container">
<div class="owl-carousel owl-theme">
{# <div id="bg-carrousel">
</div>
<div id="slider">
<div id="arrow-left">
<div class="picto" data-src="{{ url('theme://images/pictos/arrow-left.svg') }}" aria-hidden="true"></div>
</div>
<figure>
<img alt="{{ page.title }}" class="project-image">
</figure>
<div id="arrow-right">
<div class="picto" data-src="{{ url('theme://images/pictos/arrow-right.svg') }}" aria-hidden="true"></div>
</div>
</div> #}
{% for image in page.media.images %}
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ image.url }}" alt="{{ page.title }}" class="lazy loader project-image">
{% endfor %}
</div>
</div>
user/themes/figureslibres-v2/templates/reader.html.twig
+2 -2
View File
@@ -54,8 +54,8 @@
{% block related_pages %}
{% include 'partials/relatedpages.html.twig' %}
{% endblock %}
{% block carrousel %}
{% include 'partials/carrousel.html.twig' %}
{% block carousel %}
{% include 'partials/carousel.html.twig' %}
{% endblock %}
</div>
{% endblock %}
user/themes/figureslibres-v2/templates/text-content.html.twig
+11 -11
View File
@@ -1,11 +1,11 @@
{% extends 'partials/base.html.twig' %}
{% block content %}
<div class="content" id="text-content" data-barba="container" data-barba-namespace="text-content">
{% for p in page.children.order('date', 'asc') %}
<div class="text-item">
{{ p.content }}
</div>
{% endfor %}
</div>
{% endblock %}
{% extends 'partials/base.html.twig' %}
{% block content %}
<div class="content" id="text-content" data-barba="container" data-barba-namespace="text-content">
{% for p in page.children.order('date', 'asc') %}
<div class="text-item">
{{ p.content }}
</div>
{% endfor %}
</div>
{% endblock %}