Make it more mobile-friendly and add page loader.

This commit is contained in:
g_it 2026-02-23 00:08:49 +01:00
commit ee8bda15e1
Signed by untrusted user who does not match committer: g_it
GPG key ID: A2B0A7C06A054627
13 changed files with 208 additions and 61 deletions

View file

@ -2,6 +2,9 @@
{% block extrahead %}
<link rel="icon" href="../assets/media/face-favicon-512x512.png" sizes="any">
<!-- The page loader CSS -->
<link rel="stylesheet" href="../assets/css/loader.css">
{% endblock %}
{% block site_meta %}
@ -30,6 +33,14 @@
{% block content %}
<!-- The page loader JS -->
<script src="../assets/js/loader.js"></script>
<!-- The page loader HTML -->
<div id="pageLoader" class="page-loader">
<img src="../assets/media/faces-animation-250x352.gif" alt="Loading..." class="loader-gif">
</div>
<!-- Use the extra_js values from a page's frontmatter -->
{% for path in page.meta.extra_js or [] %}
<script src="{{ path | url }}"></script>