Remove Breadcrumb

This commit is contained in:
Nyymix 2025-01-20 21:18:55 +02:00
parent 9264467bd0
commit 684982eca5
5 changed files with 59 additions and 64 deletions

View file

@ -5,34 +5,26 @@
<!-- Title -->
{% block title %} Gallery : Albums : {{ album.name }} {% endblock %}
<!-- Breadcrumb -->
{% block breadcrumb %}
<li><a href="{% url 'gallery:albums_url' %}">Albums</a></li>
<li>{{ album.name }}</li>
{% 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 %}
{% 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" }} &bull; {{ album.photos_in_album }} photos </p>
</div>
</div>
</div>
{% endblock %}
<!-- Content -->
{% block content %}
<h1>{{ album.name }}</h1>
<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 %}
<a href="{{ photo.get_absolute_url }}">
@ -52,8 +44,6 @@
{% endfor %}
</div>
{% include "./_pagination.html" %}
{% endblock %}

View file

@ -4,10 +4,6 @@
<!-- Title -->
{% block title %} Gallery : Albums {% endblock %}
<!-- Breadcrumb -->
{% block breadcrumb %}
<li>Albums</li>
{% endblock %}
<!-- Content -->
{% block content %}

View file

@ -3,13 +3,6 @@
<!-- Title -->
{% block title %} Gallery : Photo {% endblock %}
<!-- Breadcrumb -->
{% block breadcrumb %}
<li><a href="{% url 'gallery:albums_url' %}">Albums</a></li>
<li><a href="{{ photo.album.get_absolute_url }}">{{ photo.album.name }}</a></li>
<li>{{ photo.slug }}</li>
{% endblock %}
<!-- Content -->
{% block content %}
@ -30,24 +23,55 @@
(max-width: 960px) 720px,
1920px"
alt="{{ photo.slug }}"
style="max-width: 100%; max-height: 100vh; object-fit: contain;" />
style="max-width: 100%; max-height: 90vh; object-fit: contain;" />
</a>
</div>
</div>
<div class="uk-margin-top uk-width-1-4@m uk-visible@m">
{% if prev %}
<a href="{% url 'gallery:photo_url' photo.album.slug prev.slug %}" uk-slidenav-previous>&laquo; Prev</a>
{% endif %}
{% if next %}
<a href="{% url 'gallery:photo_url' photo.album.slug next.slug %}" uk-slidenav-next>Next &raquo;</a>
{% endif %}
<p> Views: {{ photo.views }}</p>
<p> Likes: {{ photo.likes }}</p>
<p> Taken: {{ photo.taken_at }} </p>
<p> Favorite: {{ photo.favorite }}</p>
<a href="{{ photo.photo.url }}">Download {{ photo.width }}x{{ photo.height }}</a>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Album name</div>
<div><a href="{{ photo.album.get_absolute_url }}">{{ photo.album.name }}</a></div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Photo id</div>
<div uk-lightbox>
<a href="{{ photo.photo_bg.url }}">{{ photo.slug }}</a>
</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Photo Taken</div>
<div>{{ photo.taken_at|date:"d.m.Y H:i" }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Views</div>
<div>{{ photo.views }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Likes</div>
<div>{{ photo.likes }}</div>
</div>
<div class="uk-grid-small" uk-grid>
<div class="uk-width-expand" uk-leader>Download</div>
<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>
{% if prev %}
<a href="{% url 'gallery:photo_url' photo.album.slug prev.slug %}">&laquo; Prev</a>
{% endif %}
</div>
<div>
{% if next %}
<a href="{% url 'gallery:photo_url' photo.album.slug next.slug %}">Next &raquo;</a>
{% endif %}
</div>
</div>
<form action="{% url 'gallery:photo_url' photo.album.slug photo.slug %}" method="POST" class="uk-form">
{% csrf_token %}

View file

@ -3,11 +3,6 @@
<!-- Title -->
{% block title %} Gallery : Photostream {% endblock %}
<!-- Breadcrumb -->
{% block breadcrumb %}
<li>Photostream</li>
{% endblock %}
<!-- Content -->
{% block content %}

View file

@ -65,17 +65,7 @@
<!-- Header -->
<header class="uk-align-center uk-container-large">
<!-- Breadcrumb -->
<nav class="uk-flex uk-flex-between uk-margin-small-top uk-margin-small-bottom" aria-label="Breadcrumb">
<div class="uk-margin-left">
<ul class="uk-breadcrumb">
<li><a href="{% url 'gallery:main_url' %}" uk-icon="home"></a></li>
{% block breadcrumb %}{% endblock %}
</ul>
</div>
<div class="uk-margin-right">
Right
</div>
</nav>
{% block breadcrumb %} {% endblock %}
</header>
<!-- Main -->