49 lines
No EOL
1.9 KiB
HTML
49 lines
No EOL
1.9 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
|
|
<!-- Title -->
|
|
{% block title %} {{ album.name }} {% endblock %}
|
|
|
|
<!-- Parallax -->
|
|
{% block parallax %}
|
|
{% if album.cover %}
|
|
<div class="uk-inline uk-height-medium uk-background-cover uk-light uk-flex" uk-parallax="bgy: -300" style="background-image: url('{{ album.cover.photo_bg.url }}');">
|
|
{% else %}
|
|
<div class="uk-inline uk-height-medium uk-background-cover uk-light uk-flex" uk-parallax="bgy: -300" style="background-image: url('{% static 'img/placeholder.png' %}');">
|
|
{% endif %}
|
|
<div class="uk-overlay-primary uk-position-cover"></div>
|
|
<div class="uk-overlay uk-position-center uk-light uk-text-center">
|
|
<h1 class="uk-text-light">{{ album.name }}</h1>
|
|
<p class="uk-text-light uk-text-lead">{{ album.location }}</p>
|
|
<p class="uk-text-lighter">
|
|
{{ album.album_date|date:"d.m.Y" }} •
|
|
{{ album.photos_in_album }} photos •
|
|
{{ album.photos_views }} views
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
|
|
<!-- Content -->
|
|
{% block content %}
|
|
|
|
<!-- Breadcrumb -->
|
|
<div class="uk-margin uk-background-secondary uk-padding-small uk-light">
|
|
<ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
|
|
<li><a href="{% url 'gallery:main_url' %}">{% trans "Home" %}</a></li>
|
|
<li><a href="{% url 'gallery:albums_url' %}">{% trans "Albums" %}</a></li>
|
|
<li class="uk-disabled"><a>{{ album.name }}</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="uk-grid-small uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m uk-child-width-1-5@l" uk-grid="masonry: true">
|
|
{% for photo in photos %}
|
|
{% include "gallery/partials/photo_thumbnail.html" with photo=photo %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
{% include "./partials/pagination.html" %}
|
|
|
|
{% endblock %} |