Update templates

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

View file

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

View file

@ -13,21 +13,36 @@
{% block content %}
<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 %}
<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">
<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>
</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>
<p>{{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos</p>
<!-- Album info overlay -->
<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>
{% endfor %}
</div>
{% include "./partials/pagination.html" %}

View file

@ -33,4 +33,12 @@
</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-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>

View file

@ -16,16 +16,29 @@
{% if results %}
{% for album in results %}
<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">
<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>
</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>
<p>{{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos</p>
<!-- Album info overlay -->
<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>
{% endfor %}