From 684982eca542b2e6fe0add8381060e4dec4e2c83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9DNyymix=E2=80=9D?= <nyymix@gmail.com>
Date: Mon, 20 Jan 2025 21:18:55 +0200
Subject: [PATCH] Remove Breadcrumb

---
 gallery/templates/gallery/album_detail.html | 34 ++++-------
 gallery/templates/gallery/album_list.html   |  4 --
 gallery/templates/gallery/photo_detail.html | 68 ++++++++++++++-------
 gallery/templates/gallery/photo_list.html   |  5 --
 templates/base.html                         | 12 +---
 5 files changed, 59 insertions(+), 64 deletions(-)

diff --git a/gallery/templates/gallery/album_detail.html b/gallery/templates/gallery/album_detail.html
index cf40a25..74126b9 100644
--- a/gallery/templates/gallery/album_detail.html
+++ b/gallery/templates/gallery/album_detail.html
@@ -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 %}
-    <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>
+    {% 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 %}
\ No newline at end of file
diff --git a/gallery/templates/gallery/album_list.html b/gallery/templates/gallery/album_list.html
index 4439a70..f900472 100644
--- a/gallery/templates/gallery/album_list.html
+++ b/gallery/templates/gallery/album_list.html
@@ -4,10 +4,6 @@
 <!-- Title -->
 {% block title %} Gallery : Albums {% endblock %}
 
-<!-- Breadcrumb -->
-{% block breadcrumb %}
-    <li>Albums</li>
-{% endblock %}
 
 <!-- Content -->
 {% block content %}
diff --git a/gallery/templates/gallery/photo_detail.html b/gallery/templates/gallery/photo_detail.html
index d91d27a..f8cf95d 100644
--- a/gallery/templates/gallery/photo_detail.html
+++ b/gallery/templates/gallery/photo_detail.html
@@ -3,19 +3,12 @@
 <!-- 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 %}
 
     <div uk-grid>
-
+        
         <div class="uk-width-1-1 uk-width-3-4@m">
             <div uk-lightbox>
                 <a href="{{ photo.photo_bg.url }}" data-alt="{{ photo.slug }}">
@@ -30,25 +23,56 @@
                                (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 %}
                 <button type="submit" name="like" value="true" class="uk-button uk-button-primary">
diff --git a/gallery/templates/gallery/photo_list.html b/gallery/templates/gallery/photo_list.html
index 3c318c8..263cba7 100644
--- a/gallery/templates/gallery/photo_list.html
+++ b/gallery/templates/gallery/photo_list.html
@@ -3,11 +3,6 @@
 <!-- Title -->
 {% block title %} Gallery : Photostream {% endblock %}
 
-<!-- Breadcrumb -->
-{% block breadcrumb %}
-    <li>Photostream</li>
-{% endblock %}
-
 <!-- Content -->
 {% block content %}
 
diff --git a/templates/base.html b/templates/base.html
index 25a1dc3..6302c02 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -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 -->