From 232ac6193a0f45c39eced95305e446bc449ed95e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9DNyymix=E2=80=9D?= <nyymix@gmail.com>
Date: Sun, 4 May 2025 21:04:23 +0300
Subject: [PATCH] Remove partials parallax

---
 gallery/templates/gallery/about.html          |  5 --
 gallery/templates/gallery/album_list.html     |  5 --
 gallery/templates/gallery/album_search.html   |  6 ---
 gallery/templates/gallery/main.html           |  5 --
 .../templates/gallery/partials/parallax.html  | 45 -----------------
 gallery/templates/gallery/photo_detail.html   |  2 +
 gallery/templates/gallery/photo_list.html     |  5 --
 templates/base.html                           | 50 +++++++++++++++++--
 8 files changed, 48 insertions(+), 75 deletions(-)
 delete mode 100644 gallery/templates/gallery/partials/parallax.html

diff --git a/gallery/templates/gallery/about.html b/gallery/templates/gallery/about.html
index 2134bb9..be5d1ca 100644
--- a/gallery/templates/gallery/about.html
+++ b/gallery/templates/gallery/about.html
@@ -6,11 +6,6 @@
  <!-- Title -->
 {% block title %} {% trans "About" %} {% endblock %}
 
-<!-- Parallax -->
-{% block parallax %}
-    {% include "./partials/parallax.html" %}
-{% endblock %}
-
  <!-- Content -->
 {% block content %}
 
diff --git a/gallery/templates/gallery/album_list.html b/gallery/templates/gallery/album_list.html
index 389b7aa..c514c43 100644
--- a/gallery/templates/gallery/album_list.html
+++ b/gallery/templates/gallery/album_list.html
@@ -5,11 +5,6 @@
 <!-- Title -->
 {% block title %} {% trans "Albums" %} {% endblock %}
 
-<!-- Parallax -->
-{% block parallax %}
-    {% include "./partials/parallax.html" %}
-{% endblock %}
-
 <!-- Content -->
 {% block content %}
 
diff --git a/gallery/templates/gallery/album_search.html b/gallery/templates/gallery/album_search.html
index e55fe4b..dacb258 100644
--- a/gallery/templates/gallery/album_search.html
+++ b/gallery/templates/gallery/album_search.html
@@ -1,16 +1,10 @@
 {% extends "base.html" %}
 {% load static %}
 {% load i18n %}
-{% load image_tags %}
 
 <!-- Title -->
 {% block title %} {% trans "Search" %} {% endblock %}
 
-<!-- Parallax -->
-{% block parallax %}
-    {% include "./partials/parallax.html" %}
-{% endblock %}
-
 <!-- Content -->
 {% block content %}
 
diff --git a/gallery/templates/gallery/main.html b/gallery/templates/gallery/main.html
index 3373150..c8117f5 100644
--- a/gallery/templates/gallery/main.html
+++ b/gallery/templates/gallery/main.html
@@ -5,11 +5,6 @@
 <!-- Title -->
 {% block title %} {% trans "Home" %} {% endblock %}
 
-<!-- Parallax -->
-{% block parallax %}
-    {% include "./partials/parallax.html" %}
-{% endblock %}
-
 <!-- Content -->
 {% block content %}
 
diff --git a/gallery/templates/gallery/partials/parallax.html b/gallery/templates/gallery/partials/parallax.html
deleted file mode 100644
index 7386b4d..0000000
--- a/gallery/templates/gallery/partials/parallax.html
+++ /dev/null
@@ -1,45 +0,0 @@
-{% load top_tags %}
-{% load static %}
-{% load i18n %}
-
-<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="ratio: 7:3; autoplay: true; animation: fade; min-height: 300;">
-
-    <ul class="uk-slideshow-items">
-        {% random_photos_landscape as top_photos %}
-        {% if top_photos %}
-        {% for photo in top_photos %}
-        <li>
-            <img src="{{ photo.photo_md.url }}" 
-                srcset="
-                    {{ photo.photo_sm.url }} 480w,
-                    {{ photo.photo_md.url }} 1024w,
-                    {{ photo.photo_bg.url }} 1920w
-                " 
-                sizes="100vw"
-                width="{{ photo.width }}" 
-                height="{{ photo.height }}" 
-                style="aspect-ratio: 7 / 3;"
-                alt="Foto from {{ photo.album.name }} album"
-                title="{{ photo.album.name }}" 
-                {% if forloop.first %} loading="eager" decoding="async" {% else %} loading="lazy" decoding="async" {% endif %}
-                uk-cover />
-        </li>
-        {% endfor %}
-        {% else %}
-        <li>
-            <img src="{% static 'img/placeholder.png' %}" 
-                    width="1920" height="823"
-                    style="aspect-ratio: 7 / 3;"
-                    alt="Placeholder" uk-cover />
-        </li>
-        {% endif %}
-    </ul>
-    <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
-    <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
-    <div class="uk-position-top uk-padding-small">
-        <h1>{% trans "Gallery" %}</h1>
-    </div>
-    <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
-        <p class="uk-text-small uk-margin-remove-top">{% trans "Just another wannabe photographer..." %}</p>
-    </div>
-</div>
\ No newline at end of file
diff --git a/gallery/templates/gallery/photo_detail.html b/gallery/templates/gallery/photo_detail.html
index fe618a1..c82a41f 100644
--- a/gallery/templates/gallery/photo_detail.html
+++ b/gallery/templates/gallery/photo_detail.html
@@ -5,6 +5,8 @@
 <!-- Title -->
 {% block title %} {{ photo.album.name }} : {{ photo.slug }} {% endblock %}
 
+<!-- Parallax -->
+{% block parallax %}{% endblock %}
 
 <!-- Content -->
 {% block content %}
diff --git a/gallery/templates/gallery/photo_list.html b/gallery/templates/gallery/photo_list.html
index fda6163..a899788 100644
--- a/gallery/templates/gallery/photo_list.html
+++ b/gallery/templates/gallery/photo_list.html
@@ -5,11 +5,6 @@
 <!-- Title -->
 {% block title %} {% trans "Photostream" %} {% endblock %}
 
-<!-- Parallax -->
-{% block parallax %}
-    {% include "./partials/parallax.html" %}
-{% endblock %}
-
 <!-- Content -->
 {% block content %}
 
diff --git a/templates/base.html b/templates/base.html
index 2a45486..196d6eb 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
-
+{% load static %}
+{% load i18n %}
+{% load top_tags %}
 <head>
-    {% load static %}
-    {% load i18n %}
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Muistox Photo Gallery">
@@ -24,7 +24,49 @@
     <header class="uk-align-center uk-container-large">
 
         <!-- Parallax -->
-        {% block parallax %}{% endblock %}
+        {% block parallax %}
+        <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="ratio: 7:3; autoplay: true; animation: fade; min-height: 300;">
+
+            <ul class="uk-slideshow-items">
+                {% random_photos_landscape as top_photos %}
+                {% if top_photos %}
+                {% for photo in top_photos %}
+                <li>
+                    <img src="{{ photo.photo_md.url }}" 
+                        srcset="
+                            {{ photo.photo_sm.url }} 480w,
+                            {{ photo.photo_md.url }} 1024w,
+                            {{ photo.photo_bg.url }} 1920w
+                        " 
+                        sizes="100vw"
+                        width="{{ photo.width }}" 
+                        height="{{ photo.height }}" 
+                        style="aspect-ratio: 7 / 3;"
+                        alt="Foto from {{ photo.album.name }} album"
+                        title="{{ photo.album.name }}" 
+                        {% if forloop.first %} loading="eager" decoding="async" {% else %} loading="lazy" decoding="async" {% endif %}
+                        uk-cover />
+                </li>
+                {% endfor %}
+                {% else %}
+                <li>
+                    <img src="{% static 'img/placeholder.png' %}" 
+                            width="1920" height="823"
+                            style="aspect-ratio: 7 / 3;"
+                            alt="Placeholder" uk-cover />
+                </li>
+                {% endif %}
+            </ul>
+            <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
+            <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
+            <div class="uk-position-top uk-padding-small">
+                <h1>{% trans "Gallery" %}</h1>
+            </div>
+            <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
+                <p class="uk-text-small uk-margin-remove-top">{% trans "Just another wannabe photographer..." %}</p>
+            </div>
+        </div>
+        {% endblock %}
 
         <!-- Navbar -->
         {% block navbar %}