Create json config file & update templates

This commit is contained in:
Nyymix 2025-04-06 16:24:50 +03:00
parent 2f4a23b600
commit c0b47b0739
12 changed files with 80 additions and 63 deletions

View file

@ -1,9 +1,9 @@
{% extends "base_dark.html" %}
{% extends "base.html" %}
{% load static %}
{% load stats %}
<!-- Title -->
{% block title %} Gallery : About{% endblock %}
{% block title %} About {% endblock %}
<!-- Parallax -->
{% block parallax %}
@ -17,34 +17,34 @@
<div class="uk-container uk-margin-top">
<div class="uk-card uk-card-default uk-card-hover uk-card-body uk-padding-small uk-text-center">
<h3 class="uk-card-title uk-text-bold">{{ about.title }}</h3>
<h3 class="uk-card-title uk-text-bold">{{ site_config.about_title }}</h3>
<img class="uk-border-circle uk-box-shadow-small uk-margin-small"
src="{% static about.profile_image %}"
alt="Nyymix profiilikuva" width="120">
src="{% static site_config.about_profile_image %}"
alt="Profile photo" width="120">
<p class="uk-text-muted uk-margin-small">
{{ about.description }}
{{ site_config.about_description }}
</p>
<p class="uk-text-muted uk-margin-small">
Contact:
<a href="mailto:{{ about.contact_email }}">
{{ about.contact_email }}
<a href="mailto:{{ site_config.contact_email }}">
{{ site_config.contact_email }}
</a>
</p>
<div class="uk-flex uk-flex-center uk-child-width-auto uk-margin-small-top" uk-grid>
{% if about.bluesky_url %}
<a href="{{ about.bluesky_url }}" uk-icon="icon: bluesky" uk-tooltip="Bluesky"></a>
{% if site_config.bluesky_url %}
<a href="{{ site_config.bluesky_url }}" uk-icon="icon: bluesky" uk-tooltip="Bluesky"></a>
{% endif %}
{% if about.twitter_url %}
<a href="{{ about.twitter_url }}" uk-icon="icon: twitter" uk-tooltip="Twitter"></a>
{% if site_config.twitter_url %}
<a href="{{ site_config.twitter_url }}" uk-icon="icon: twitter" uk-tooltip="Twitter"></a>
{% endif %}
{% if about.instagram_url %}
<a href="{{ about.instagram_url }}" uk-icon="icon: instagram" uk-tooltip="Instagram"></a>
{% if site_config.instagram_url %}
<a href="{{ site_config.instagram_url }}" uk-icon="icon: instagram" uk-tooltip="Instagram"></a>
{% endif %}
</div>

View file

@ -1,9 +1,9 @@
{% extends "base_dark.html" %}
{% extends "base.html" %}
{% load static %}
<!-- Title -->
{% block title %} Gallery : {{ album.name }} {% endblock %}
{% block title %} {{ album.name }} {% endblock %}
<!-- Parallax -->
{% block parallax %}

View file

@ -1,8 +1,8 @@
{% extends "base_dark.html" %}
{% extends "base.html" %}
{% load static %}
<!-- Title -->
{% block title %} Gallery : Albums {% endblock %}
{% block title %} Albums {% endblock %}
<!-- Parallax -->
{% block parallax %}
@ -24,13 +24,12 @@
<img src="{{ album.cover_url }}"
alt="Cover image for {{ album.name }}"
title="{{ album.name }}"
loading="lazy"
class="uk-border-rounded">
loading="lazy">
</a>
</div>
<!-- Album info overlay -->
<div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small uk-border-rounded">
<div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
<h3 class="uk-card-title uk-margin-remove-bottom">
<a href="{{ album.get_absolute_url }}">{{ album }}</a>
</h3>

View file

@ -17,7 +17,8 @@
width="{{ photo.width }}"
height="{{ photo.height }}"
style="aspect-ratio: 7 / 3;"
alt="{{ photo.album.name }} - {{ photo.slug }}"
alt="Foto from {{ photo.album.name }} album"
title="{{ photo.album.name }}"
{% if forloop.first %} loading="eager" {% else %} loading="lazy" {% endif %}
uk-cover />
</li>
@ -34,11 +35,9 @@
<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>Gallery</h1>
<h1>{{ site_config.title }}</h1>
</div>
<div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
<p class="uk-text-small uk-margin-remove-top">
Just another wannabe photographer...
</p>
<p class="uk-text-small uk-margin-remove-top">{{ site_config.description }}</p>
</div>
</div>

View file

@ -1,8 +1,8 @@
{% extends "base_dark.html" %}
{% extends "base.html" %}
{% load exif_filters %}
<!-- Title -->
{% block title %} Gallery : {{ photo.album.name }} : {{ photo.slug }} {% endblock %}
{% block title %} {{ photo.album.name }} : {{ photo.slug }} {% endblock %}
<!-- Content -->

View file

@ -1,8 +1,8 @@
{% extends "base_dark.html" %}
{% extends "base.html" %}
{% load static %}
<!-- Title -->
{% block title %} Gallery : Photostream {% endblock %}
{% block title %} Photostream {% endblock %}
<!-- Parallax -->
{% block parallax %}

View file

@ -1,8 +1,8 @@
{% extends "base_dark.html" %}
{% extends "base.html" %}
{% load static %}
<!-- Title -->
{% block title %} Gallery : Search {% endblock %}
{% block title %} Search {% endblock %}
<!-- Parallax -->
{% block parallax %}
@ -24,13 +24,12 @@
<img src="{{ album.cover_url }}"
alt="Cover image for {{ album.name }}"
title="{{ album.name }}"
loading="lazy"
class="uk-border-rounded">
loading="lazy">
</a>
</div>
<!-- Album info overlay -->
<div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small uk-border-rounded">
<div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
<h3 class="uk-card-title uk-margin-remove-bottom">
<a href="{{ album.get_absolute_url }}">{{ album }}</a>
</h3>