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

Update templates & add filters

Browse source
This commit is contained in:
Nyymix 2025-03-18 22:32:09 +02:00
parent 3f5efe8f81
commit a6401c8f39
3 changed files with 98 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

55
gallery/templates/gallery/photo_detail.html
View file

@ -1,4 +1,5 @@
{% extends "base_dark.html" %}
{% load exif_filters %}
<!-- Title -->
{% block title %} Gallery : Photo : {{ photo.slug }} {% endblock %}
@ -7,9 +8,9 @@
<!-- Content -->
{% block content %}
<div uk-grid>
<div class="uk-align-center uk-container-large uk-background-secondary uk-light">
<div class="uk-width-1-1 uk-width-3-4@m">
<div class="uk-position-relative">
<div uk-lightbox>
<a href="{{ photo.photo_bg.url }}" data-alt="{{ photo.slug }}">
<img
@ -23,12 +24,26 @@
(max-width: 960px) 720px,
1920px"
alt="{{ photo.slug }}"
class="uk-display-block uk-margin-auto"
style="max-width: 100%; max-height: 90vh; object-fit: contain;" />
</a>
</div>
<!-- Navigointinuolet -->
{% if photo.get_prev %}
<a href="{{ photo.get_prev.get_absolute_url }}" class="uk-position-center-left uk-hidden-hover" uk-slidenav-previous></a>
{% endif %}
{% if photo.get_next %}
<a href="{{ photo.get_next.get_absolute_url }}" class="uk-position-center-right uk-hidden-hover" uk-slidenav-next></a>
{% endif %}
</div>
<div class="uk-margin-top uk-width-1-4@m uk-visible@m">
</div>
<div class="uk-align-center uk-container-large">
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Album name</div>
@ -57,6 +72,36 @@
<div><a href="{{ photo.photo.url }}">{{ photo.width }}x{{ photo.height }}</a></div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Camera</div>
<div>{{ photo.exif.Model }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Lens</div>
<div>{{ photo.exif.LensModel }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Shutter Speed</div>
<div>{{ photo.exif.ExposureTime|exif_exposuretime }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Aperture</div>
<div>{{ photo.exif.FNumber|exif_fnumber }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>ISO</div>
<div>{{ photo.exif.ISOSpeedRatings|exif_isospeedratings }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Focal Length</div>
<div>{{ photo.exif.FocalLength|exif_focallength}}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Focal Length</div>
<div>{{ photo.exif.FocalLengthIn35mmFilm|exif_focallength }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>
{% if prev %}
@ -80,7 +125,7 @@
</button>
</form>
</div>
</div>
</div>
{% endblock %}