Remove partials parallax
This commit is contained in:
parent
d8175560cc
commit
232ac6193a
8 changed files with 48 additions and 75 deletions
|
@ -6,11 +6,6 @@
|
|||
<!-- Title -->
|
||||
{% block title %} {% trans "About" %} {% endblock %}
|
||||
|
||||
<!-- Parallax -->
|
||||
{% block parallax %}
|
||||
{% include "./partials/parallax.html" %}
|
||||
{% endblock %}
|
||||
|
||||
<!-- Content -->
|
||||
{% block content %}
|
||||
|
||||
|
|
|
@ -5,11 +5,6 @@
|
|||
<!-- Title -->
|
||||
{% block title %} {% trans "Albums" %} {% endblock %}
|
||||
|
||||
<!-- Parallax -->
|
||||
{% block parallax %}
|
||||
{% include "./partials/parallax.html" %}
|
||||
{% endblock %}
|
||||
|
||||
<!-- Content -->
|
||||
{% block content %}
|
||||
|
||||
|
|
|
@ -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 %}
|
||||
|
||||
|
|
|
@ -5,11 +5,6 @@
|
|||
<!-- Title -->
|
||||
{% block title %} {% trans "Home" %} {% endblock %}
|
||||
|
||||
<!-- Parallax -->
|
||||
{% block parallax %}
|
||||
{% include "./partials/parallax.html" %}
|
||||
{% endblock %}
|
||||
|
||||
<!-- Content -->
|
||||
{% block content %}
|
||||
|
||||
|
|
|
@ -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>
|
|
@ -5,6 +5,8 @@
|
|||
<!-- Title -->
|
||||
{% block title %} {{ photo.album.name }} : {{ photo.slug }} {% endblock %}
|
||||
|
||||
<!-- Parallax -->
|
||||
{% block parallax %}{% endblock %}
|
||||
|
||||
<!-- Content -->
|
||||
{% block content %}
|
||||
|
|
|
@ -5,11 +5,6 @@
|
|||
<!-- Title -->
|
||||
{% block title %} {% trans "Photostream" %} {% endblock %}
|
||||
|
||||
<!-- Parallax -->
|
||||
{% block parallax %}
|
||||
{% include "./partials/parallax.html" %}
|
||||
{% endblock %}
|
||||
|
||||
<!-- Content -->
|
||||
{% block content %}
|
||||
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
{% load top_tags %}
|
||||
<head>
|
||||
<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 %}
|
||||
|
|
Loading…
Add table
Reference in a new issue