nyymix/muistox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update templates

Browse source
This commit is contained in:
Nyymix 2025-04-05 22:17:42 +03:00
parent b862cd5c2b
commit 897fa9d231
4 changed files with 51 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
gallery/templates/gallery/about.html
View file

@ -5,6 +5,11 @@
<!-- Title --> <!-- Title -->
{% block title %} Gallery : About{% endblock %} {% block title %} Gallery : About{% endblock %}
<!-- Parallax -->
{% block parallax %}
{% include "./partials/parallax.html" %}
{% endblock %}
<!-- Content --> <!-- Content -->
{% block content %} {% block content %}

25
gallery/templates/gallery/album_list.html
View file

@ -13,21 +13,36 @@
{% block content %} {% block content %}
<div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true"> <div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true">
{% for album in album_list %} {% for album in album_list %}
<div> <div>
<div class="uk-card uk-card-default"> <div class="uk-card uk-card-default uk-height-1-1">
<!-- Album cover image -->
<div class="uk-card-media-top"> <div class="uk-card-media-top">
<a href="{{ album.get_absolute_url }}"> <a href="{{ album.get_absolute_url }}">
<img src="{{ album.cover_url }}" alt="{{ album.name }}"> <img src="{{ album.cover_url }}"
alt="Cover image for {{ album.name }}"
title="{{ album.name }}"
loading="lazy"
class="uk-border-rounded">
</a> </a>
</div> </div>
<div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
<h3 class="uk-card-title"><a href="{{ album.get_absolute_url }}">{{ album }}</a></h3> <!-- Album info overlay -->
<p>{{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos</p> <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small uk-border-rounded">
<h3 class="uk-card-title uk-margin-remove-bottom">
<a href="{{ album.get_absolute_url }}">{{ album }}</a>
</h3>
<p class="uk-text-small uk-margin-remove-top">
{{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos
</p>
</div> </div>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% include "./partials/pagination.html" %} {% include "./partials/pagination.html" %}

8
gallery/templates/gallery/partials/parallax.html
View file

@ -33,4 +33,12 @@
</ul> </ul>
<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a> <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a> <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
<div class="uk-position-top uk-padding-small">
<h1>Gallery</h1>
</div>
<div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
<p class="uk-text-small uk-margin-remove-top">
Just another wannabe photographer...
</p>
</div>
</div> </div>

23
gallery/templates/gallery/search.html
View file

@ -16,16 +16,29 @@
{% if results %} {% if results %}
{% for album in results %} {% for album in results %}
<div> <div>
<div class="uk-card uk-card-default"> <div class="uk-card uk-card-default uk-height-1-1">
<!-- Album cover image -->
<div class="uk-card-media-top"> <div class="uk-card-media-top">
<a href="{{ album.get_absolute_url }}"> <a href="{{ album.get_absolute_url }}">
<img src="{{ album.cover_url }}" alt="{{ album.name }}"> <img src="{{ album.cover_url }}"
alt="Cover image for {{ album.name }}"
title="{{ album.name }}"
loading="lazy"
class="uk-border-rounded">
</a> </a>
</div> </div>
<div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
<h3 class="uk-card-title"><a href="{{ album.get_absolute_url }}">{{ album }}</a></h3> <!-- Album info overlay -->
<p>{{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos</p> <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small uk-border-rounded">
<h3 class="uk-card-title uk-margin-remove-bottom">
<a href="{{ album.get_absolute_url }}">{{ album }}</a>
</h3>
<p class="uk-text-small uk-margin-remove-top">
{{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos
</p>
</div> </div>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}