luckyimnotanigger/redlib
1
0
Fork 0
mirror of https://github.com/redlib-org/redlib.git synced 2025-06-19 15:40:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

use .gallery_overlay + add experimental progress dots

Browse source
This commit is contained in:
DokterKaj 2024-10-23 00:26:44 +08:00
parent f39cf81e5b
commit 07b367d304
2 changed files with 78 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
templates/utils.html
View file

@ -136,6 +136,15 @@
{% endif %}
{% else if post.post_type == "gallery" %}
<div class="gallery">
<div class="gallery_overlay" title="Hide overlay">
<div class="gallery_length" tabindex="-1">gallery<br>({{ post.gallery.len() }} images)</div>
<div class="gallery_progress" tabindex="-1">
{% for _ in post.gallery %}
<div class="gallery_dot"></div>
{% endfor %}
<div class="gallery_dot_indicator"></div>
</div>
</div>
{% for image in post.gallery -%}
<figure>
<a href="{{ image.url }}" ><img loading="lazy" alt="Gallery image" src="{{ image.url }}"/></a>
@ -149,7 +158,6 @@
</figcaption>
</figure>
{%- endfor %}
<div class="gallery_length" tabindex="-1">gallery<br>({{ post.gallery.len() }} images)</div>
</div>
{% else if post.post_type == "link" %}
<a id="post_url" href="{{ post.media.url }}" rel="nofollow">{{ post.media.url }}</a>