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

Add Breadcrumb

Browse source
This commit is contained in:
Nyymix 2025-04-10 23:00:01 +03:00
parent 191fc0780c
commit 6cd4adf7c3
8 changed files with 178 additions and 111 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
gallery/templates/gallery/about.html
View file

@ -13,6 +13,14 @@
<!-- Content --> <!-- Content -->
{% block 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' %}">Home</a></li>
<li class="uk-disabled"><a>About</a></li>
</ul>
</div>
{% gallery_stats as counts %} {% gallery_stats as counts %}
<div class="uk-container uk-margin-top"> <div class="uk-container uk-margin-top">
@ -27,7 +35,6 @@
{{ site_config.about_description }} {{ site_config.about_description }}
</p> </p>
<p class="uk-text-muted uk-margin-small"> <p class="uk-text-muted uk-margin-small">
Contact: Contact:
<a href="mailto:{{ site_config.contact_email }}"> <a href="mailto:{{ site_config.contact_email }}">
@ -35,7 +42,6 @@
</a> </a>
</p> </p>
<div class="uk-flex uk-flex-center uk-child-width-auto uk-margin-small-top" uk-grid> <div class="uk-flex uk-flex-center uk-child-width-auto uk-margin-small-top" uk-grid>
{% if site_config.bluesky_url %} {% if site_config.bluesky_url %}
<a href="{{ site_config.bluesky_url }}" uk-icon="icon: bluesky" uk-tooltip="Bluesky"></a> <a href="{{ site_config.bluesky_url }}" uk-icon="icon: bluesky" uk-tooltip="Bluesky"></a>

9
gallery/templates/gallery/album_detail.html
View file

@ -25,6 +25,15 @@
<!-- Content --> <!-- Content -->
{% block 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' %}">Home</a></li>
<li><a href="{% url 'gallery:albums_url' %}">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"> <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 %} {% for photo in photos %}
<a href="{{ photo.get_absolute_url }}"> <a href="{{ photo.get_absolute_url }}">

8
gallery/templates/gallery/album_list.html
View file

@ -12,6 +12,14 @@
<!-- Content --> <!-- Content -->
{% block 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' %}">Home</a></li>
<li class="uk-disabled"><a>Albums</a></li>
</ul>
</div>
<div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true"> <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 %} {% for album in album_list %}

6
gallery/templates/gallery/partials/pagination.html
View file

@ -1,8 +1,9 @@
{% load link_tags %} {% load link_tags %}
{% if page_obj.has_other_pages %} {% if page_obj.has_other_pages %}
<div class="uk-margin uk-background-muted uk-text-uppercase"> <div class="uk-margin uk-background-secondary uk-text-uppercase">
<ul class="uk-pagination uk-flex-center">
<ul class="uk-pagination uk-padding-small uk-flex-center">
{% if page_obj.has_previous %} {% if page_obj.has_previous %}
<li><a href="{% paginator_link page_obj.previous_page_number request.GET %}">&laquo; Prev</a></li> <li><a href="{% paginator_link page_obj.previous_page_number request.GET %}">&laquo; Prev</a></li>
@ -39,5 +40,6 @@
{% endif %} {% endif %}
</ul> </ul>
</div> </div>
{% endif %} {% endif %}

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

@ -42,6 +42,20 @@
</div> </div>
<!-- Breadcrumb -->
<div class="uk-margin uk-background-secondary uk-padding-small uk-light">
<div class="uk-flex uk-flex-between uk-flex-wrap uk-flex-middle">
<ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
<li><a href="{% url 'gallery:main_url' %}">Home</a></li>
<li><a href="{% url 'gallery:albums_url' %}">Albums</a></li>
<li><a href="{{ photo.album.get_absolute_url }}">{{ photo.album.name }}</a></li>
<li class="uk-disabled"><a>{{ photo.slug }}</a></li>
</ul>
</div>
</div>
<div class="uk-align-center uk-container-large uk-padding-medium"> <div class="uk-align-center uk-container-large uk-padding-medium">
<ul uk-accordion> <ul uk-accordion>
@ -125,5 +139,4 @@
</div> </div>
{% endblock %} {% endblock %}

25
gallery/templates/gallery/photo_list.html
View file

@ -14,11 +14,28 @@
{% load link_tags %} {% load link_tags %}
<ul class="uk-subnav uk-subnav-divider uk-margin-remove-top uk-flex-center" uk-margin> <div class="uk-margin uk-background-secondary uk-padding-small uk-light">
<li {% if order == 'latest' %}class="uk-active" {% endif %}><a href="{% search_link 'latest' request.GET %}">Latest</a></li> <div class="uk-flex uk-flex-between uk-flex-wrap uk-flex-middle">
<li {% if order == 'liked' %}class="uk-active" {% endif %}><a href="{% search_link 'liked' request.GET %}">Liked</a></li> <!-- Breadcrumb -->
<li {% if order == 'popular' %}class="uk-active" {% endif %}><a href="{% search_link 'popular' request.GET %}">Popular</a></li> <ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
<li><a href="{% url 'gallery:main_url' %}">Home</a></li>
<li class="uk-disabled"><a>Photostream</a></li>
</ul> </ul>
<!-- Sort menu -->
<ul class="uk-subnav uk-subnav-divider uk-margin-remove uk-flex uk-flex-middle uk-margin-medium-top@s">
<li {% if order == 'latest' %}class="uk-active"{% endif %}>
<a href="{% search_link 'latest' request.GET %}">Latest</a>
</li>
<li {% if order == 'liked' %}class="uk-active"{% endif %}>
<a href="{% search_link 'liked' request.GET %}">Liked</a>
</li>
<li {% if order == 'popular' %}class="uk-active"{% endif %}>
<a href="{% search_link 'popular' request.GET %}">Popular</a>
</li>
</ul>
</div>
</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"> <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">

8
gallery/templates/gallery/search.html
View file

@ -12,6 +12,14 @@
<!-- Content --> <!-- Content -->
{% block 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' %}">Home</a></li>
<li class="uk-disabled"><a>Search</a></li>
</ul>
</div>
<div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true"> <div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true">
{% if results %} {% if results %}
{% for album in results %} {% for album in results %}

4
static/css/muistox.css
View file

@ -6,3 +6,7 @@ body {
min-height: 50px; min-height: 50px;
} }
.uk-align-center {
margin-top: 15px !important;
margin-bottom: 15px !important;
}