Remove Breadcrumb
This commit is contained in:
parent
9264467bd0
commit
684982eca5
5 changed files with 59 additions and 64 deletions
|
@ -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" }} • {{ 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 %}
|
|
@ -4,10 +4,6 @@
|
|||
<!-- Title -->
|
||||
{% block title %} Gallery : Albums {% endblock %}
|
||||
|
||||
<!-- Breadcrumb -->
|
||||
{% block breadcrumb %}
|
||||
<li>Albums</li>
|
||||
{% endblock %}
|
||||
|
||||
<!-- Content -->
|
||||
{% block content %}
|
||||
|
|
|
@ -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>« Prev</a>
|
||||
{% endif %}
|
||||
{% if next %}
|
||||
<a href="{% url 'gallery:photo_url' photo.album.slug next.slug %}" uk-slidenav-next>Next »</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 %}">« Prev</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div>
|
||||
{% if next %}
|
||||
<a href="{% url 'gallery:photo_url' photo.album.slug next.slug %}">Next »</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<form action="{% url 'gallery:photo_url' photo.album.slug photo.slug %}" method="POST" class="uk-form">
|
||||
{% csrf_token %}
|
||||
|
|
|
@ -3,11 +3,6 @@
|
|||
<!-- Title -->
|
||||
{% block title %} Gallery : Photostream {% endblock %}
|
||||
|
||||
<!-- Breadcrumb -->
|
||||
{% block breadcrumb %}
|
||||
<li>Photostream</li>
|
||||
{% endblock %}
|
||||
|
||||
<!-- Content -->
|
||||
{% block content %}
|
||||
|
||||
|
|
|
@ -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 -->
|
||||
|
|
Loading…
Reference in a new issue