the home site for me: also iteration 3 or 4 of my site

chore: format

+1 -1
sass/css/mods.css
···
}
blockquote:has(+ pre) p::selection {
-
background: var(--pink-puree);
+
background: var(--pink-puree);
}
.yt-embed {
+20 -20
templates/404.html
···
{% extends "base.html" %} {% block content %}
<div
-
style="
-
display: flex;
-
flex-direction: column;
-
justify-content: center;
-
align-items: center; /* Center vertically */
-
height: 100%; /* Adjust height as needed */
-
"
+
style="
+
display: flex;
+
flex-direction: column;
+
justify-content: center;
+
align-items: center; /* Center vertically */
+
height: 100%; /* Adjust height as needed */
+
"
>
-
<p><strong>I think you stumbled on something non existent :)</strong></p>
-
<p><i id="redirect">Redirecting you back home in 5</i></p>
+
<p><strong>I think you stumbled on something non existent :)</strong></p>
+
<p><i id="redirect">Redirecting you back home in 5</i></p>
</div>
<script>
-
const link = document.getElementById("redirect");
+
const link = document.getElementById("redirect");
-
// count down to redirect
-
let count = 5;
-
const interval = setInterval(() => {
-
count--;
-
link.innerText = `Redirecting you back home in ${count}`;
-
if (count === 0) {
-
clearInterval(interval);
-
window.location.href = "/";
-
}
-
}, 1000);
+
// count down to redirect
+
let count = 5;
+
const interval = setInterval(() => {
+
count--;
+
link.innerText = `Redirecting you back home in ${count}`;
+
if (count === 0) {
+
clearInterval(interval);
+
window.location.href = "/";
+
}
+
}, 1000);
</script>
{% endblock content %}
+10 -10
templates/base.html
···
-
<!DOCTYPE html>
+
<!doctype html>
<html
-
lang="{% if page %}{{ page.lang }}{% else %}{{ config.default_language }}{% endif %}"
+
lang="{% if page %}{{ page.lang }}{% else %}{{ config.default_language }}{% endif %}"
>
-
<head>
-
{% include "head.html" %}
-
</head>
-
<body>
-
<header>{% include "header.html" %}</header>
-
<main>{% block content %} {% endblock content %}</main>
-
<footer>{% include "footer.html" %}</footer>
-
</body>
+
<head>
+
{% include "head.html" %}
+
</head>
+
<body>
+
<header>{% include "header.html" %}</header>
+
<main>{% block content %} {% endblock content %}</main>
+
<footer>{% include "footer.html" %}</footer>
+
</body>
</html>
+27 -24
templates/blog-page.html
···
{% extends "base.html" %} {% block content %}
<div><a href="..">..</a>/<span class="accent-data">{{ page.slug }}</span></div>
<time datetime="{{ page.date }}"
-
>Published on: <span class="accent-data">{{ page.date | split(pat="T") | first }}</span></time
+
>Published on:
+
<span class="accent-data"
+
>{{ page.date | split(pat="T") | first }}</span
+
></time
>
{% if config.extra.author and config.extra.display_author == true %}
<address rel="author">
-
By <span class="accent-data">{{config.extra.author}}</span>
+
By <span class="accent-data">{{config.extra.author}}</span>
</address>
{% endif %}
<h1>{{ page.title }}</h1>
···
{% if page.toc and page.extra.toc %}
<h2>Table of contents</h2>
<ul>
-
{% for h1 in page.toc %}
-
<li>
-
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
-
{% if h1.children %}
-
<ul>
-
{% for h2 in h1.children %}
-
<li>
-
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
+
{% for h1 in page.toc %}
+
<li>
+
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
+
{% if h1.children %}
<ul>
-
{% for h3 in h2.children %}
-
<li>
-
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
-
</li>
-
{% endfor %}
+
{% for h2 in h1.children %}
+
<li>
+
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
+
<ul>
+
{% for h3 in h2.children %}
+
<li>
+
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
+
</li>
+
{% endfor %}
+
</ul>
+
</li>
+
{% endfor %}
</ul>
-
</li>
-
{% endfor %}
-
</ul>
-
{% endif %}
-
</li>
-
{% endfor %}
+
{% endif %}
+
</li>
+
{% endfor %}
</ul>
{% endif %} {{ page.content | safe }}
<p class="tags-data">
-
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
-
<a href="/tags/{{ tag | slugify }}">|{{ tag }}|</a>
-
{% endfor %} {% endif %}
+
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
+
<a href="/tags/{{ tag | slugify }}">|{{ tag }}|</a>
+
{% endfor %} {% endif %}
</p>
{% endblock content %}
+16 -16
templates/blog.html
···
<h1 class="title">{{ section.title }}</h1>
<p role="heading">
-
--- <span style="letter-spacing: 0.1em">Main Blog</span> ---
+
--- <span style="letter-spacing: 0.1em">Main Blog</span> ---
</p>
<ul>
-
<!-- If you are using pagination, section.pages will be empty.
+
<!-- If you are using pagination, section.pages will be empty.
You need to use the paginator object -->
-
{% for page in section.pages %} {% if "archival" not in page.taxonomies.tags
-
%}
-
<li>
-
{{ page.date | split(pat="T") | first }} &mdash;
-
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
-
</li>
-
{% endif %} {% endfor %}
+
{% for page in section.pages %} {% if "archival" not in page.taxonomies.tags
+
%}
+
<li>
+
{{ page.date | split(pat="T") | first }} &mdash;
+
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+
</li>
+
{% endif %} {% endfor %}
</ul>
<p role="heading">
-
--- <span style="letter-spacing: 0.213em">Archival</span> ---
+
--- <span style="letter-spacing: 0.213em">Archival</span> ---
</p>
<ul>
-
{% for page in section.pages %} {% if "archival" in page.taxonomies.tags %}
-
<li>
-
{{ page.date }} &mdash;
-
<a href="{{ page.permalink | safe }}">{{ page.title }}</a> (archival)
-
</li>
-
{% endif %} {% endfor %}
+
{% for page in section.pages %} {% if "archival" in page.taxonomies.tags %}
+
<li>
+
{{ page.date }} &mdash;
+
<a href="{{ page.permalink | safe }}">{{ page.title }}</a> (archival)
+
</li>
+
{% endif %} {% endfor %}
</ul>
{% endblock content %}
+21 -21
templates/footer.html
···
<hr />
<div id="footer-container">
-
<p style="margin-bottom: 0.5rem">
-
&copy; {{ now() | date(format="%Y") }} Kieran Klukas
-
</p>
-
<p>
-
Content licensed under
-
<a
-
target="_blank"
-
rel="noopener noreferrer"
-
href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
-
>CC BY-NC-SA 4.0</a
-
>
-
</p>
-
<p>
-
Code licensed under
-
<a
-
target="_blank"
-
rel="noopener noreferrer"
-
href="https://github.com/kcoderhtml/zera/blob/master/LICENSE.md"
-
>AGPL 3.0</a
-
>
-
</p>
+
<p style="margin-bottom: 0.5rem">
+
&copy; {{ now() | date(format="%Y") }} Kieran Klukas
+
</p>
+
<p>
+
Content licensed under
+
<a
+
target="_blank"
+
rel="noopener noreferrer"
+
href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
+
>CC BY-NC-SA 4.0</a
+
>
+
</p>
+
<p>
+
Code licensed under
+
<a
+
target="_blank"
+
rel="noopener noreferrer"
+
href="https://github.com/kcoderhtml/zera/blob/master/LICENSE.md"
+
>AGPL 3.0</a
+
>
+
</p>
</div>
+23 -23
templates/header.html
···
{% if config.extra.header_nav %} {% if not current_url %} {% set current_url =
"" %} {% endif %}
<nav id="nav-bar">
-
{% for nav_item in config.extra.header_nav %}
-
<a
-
href="{{ nav_item.url }}"
-
class="{% if nav_item.url == current_url %}active{% endif %}"
-
>
-
{{ nav_item.name }}
-
</a>
-
{% endfor %}
-
<div>
-
<input type="checkbox" id="theme-toggle" style="display: none" />
-
<label for="theme-toggle" id="theme-toggle-label"
-
><svg id="theme-icon" class="icons">
-
<use
-
href="{{ get_url(path='/icons.svg#lightMode', trailing_slash=false) | safe }}"
-
></use></svg
-
></label>
-
<audio id="theme-sound">
-
<source
-
src="{{ get_url(path='click.ogg', trailing_slash=false) | safe }}"
-
type="audio/ogg"
-
/>
-
</audio>
-
</div>
+
{% for nav_item in config.extra.header_nav %}
+
<a
+
href="{{ nav_item.url }}"
+
class="{% if nav_item.url == current_url %}active{% endif %}"
+
>
+
{{ nav_item.name }}
+
</a>
+
{% endfor %}
+
<div>
+
<input type="checkbox" id="theme-toggle" style="display: none" />
+
<label for="theme-toggle" id="theme-toggle-label"
+
><svg id="theme-icon" class="icons">
+
<use
+
href="{{ get_url(path='/icons.svg#lightMode', trailing_slash=false) | safe }}"
+
></use></svg
+
></label>
+
<audio id="theme-sound">
+
<source
+
src="{{ get_url(path='click.ogg', trailing_slash=false) | safe }}"
+
type="audio/ogg"
+
/>
+
</audio>
+
</div>
</nav>
{% endif %}
+12 -12
templates/index.html
···
{% else %} {% set pages = section.pages %} {% endif %}
<ul class="titleList">
-
{% for page in pages %}
-
<li>
-
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
-
<br />
-
{{ page.description }}
-
</li>
-
{% endfor %}
+
{% for page in pages %}
+
<li>
+
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+
<br />
+
{{ page.description }}
+
</li>
+
{% endfor %}
</ul>
{% if paginator %}
<div class="metaData">
-
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a> &nbsp
-
<a href="{{ paginator.previous }}"><</a>{% endif %} &nbsp {{
-
paginator.current_index }} / {{ paginator.number_pagers }} &nbsp {% if
-
paginator.next %}<a href="{{ paginator.next }}">></a> &nbsp
-
<a href="{{ paginator.last }}">⥸</a>{% endif %}
+
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a> &nbsp
+
<a href="{{ paginator.previous }}"><</a>{% endif %} &nbsp {{
+
paginator.current_index }} / {{ paginator.number_pagers }} &nbsp {% if
+
paginator.next %}<a href="{{ paginator.next }}">></a> &nbsp
+
<a href="{{ paginator.last }}">⥸</a>{% endif %}
</div>
{% endif %} {% endif %} {% endblock content %}
+22 -22
templates/page.html
···
{% if page.toc and page.extra.toc %}
<h2>Table of contents</h2>
<ul>
-
{% for h1 in page.toc %}
-
<li>
-
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
-
{% if h1.children %}
-
<ul>
-
{% for h2 in h1.children %}
-
<li>
-
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
+
{% for h1 in page.toc %}
+
<li>
+
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
+
{% if h1.children %}
<ul>
-
{% for h3 in h2.children %}
-
<li>
-
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
-
</li>
-
{% endfor %}
+
{% for h2 in h1.children %}
+
<li>
+
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
+
<ul>
+
{% for h3 in h2.children %}
+
<li>
+
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
+
</li>
+
{% endfor %}
+
</ul>
+
</li>
+
{% endfor %}
</ul>
-
</li>
-
{% endfor %}
-
</ul>
-
{% endif %}
-
</li>
-
{% endfor %}
+
{% endif %}
+
</li>
+
{% endfor %}
</ul>
{% endif %} {{ page.content | safe }}
<p class="tags-data">
-
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
-
<a href="/tags/{{ tag | slugify }}">&#47;{{ tag }}&#47;</a>
-
{% endfor %} {% endif %}
+
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
+
<a href="/tags/{{ tag | slugify }}">&#47;{{ tag }}&#47;</a>
+
{% endfor %} {% endif %}
</p>
{% endblock content %}
+10 -10
templates/section.html
···
%} {% else %} {% set pages = section.pages %} {% endif %}
<ul class="title-list">
-
{% for page in pages %}
-
<li>
-
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
-
</li>
-
{% endfor %}
+
{% for page in pages %}
+
<li>
+
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+
</li>
+
{% endfor %}
</ul>
{% if paginator %}
<div class="accent-data">
-
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a> &nbsp
-
<a href="{{ paginator.previous }}"><</a>{% endif %} &nbsp {{
-
paginator.current_index }} / {{ paginator.number_pagers }} &nbsp {% if
-
paginator.next %}<a href="{{ paginator.next }}">></a> &nbsp
-
<a href="{{ paginator.last }}">⥸</a>{% endif %}
+
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a> &nbsp
+
<a href="{{ paginator.previous }}"><</a>{% endif %} &nbsp {{
+
paginator.current_index }} / {{ paginator.number_pagers }} &nbsp {% if
+
paginator.next %}<a href="{{ paginator.next }}">></a> &nbsp
+
<a href="{{ paginator.last }}">⥸</a>{% endif %}
</div>
{% endif %} {% endblock content %}
+4 -4
templates/shortcodes/img.html
···
<figure {% if class %}class="{{class}}" {% else %}class="center" {% endif %}>
-
<img src="{{id}}" {% if alt %}alt="{{alt}}" {% endif %} />
-
{% if caption %}
-
<figcaption>{{caption}}</figcaption>
-
{% endif %}
+
<img src="{{id}}" {% if alt %}alt="{{alt}}" {% endif %} />
+
{% if caption %}
+
<figcaption>{{caption}}</figcaption>
+
{% endif %}
</figure>
+8 -8
templates/shortcodes/youtube.html
···
<div class="yt-embed">
-
<iframe
-
src="https://www.youtube-nocookie.com/embed/{{id}}{% if autoplay %}?autoplay=1{% endif %}"
-
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-
webkitallowfullscreen
-
mozallowfullscreen
-
allowfullscreen
-
>
-
</iframe>
+
<iframe
+
src="https://www.youtube-nocookie.com/embed/{{id}}{% if autoplay %}?autoplay=1{% endif %}"
+
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+
webkitallowfullscreen
+
mozallowfullscreen
+
allowfullscreen
+
>
+
</iframe>
</div>
+3 -3
templates/tags/list.html
···
{% extends "base.html" %} {% block content %}
<h1>{{ taxonomy.name }}</h1>
<p>
-
{% for term in terms %}
-
<a href="{{ term.permalink | safe }}">{{ term.name }}</a>[{{ term.pages |
-
length }}] {% endfor %}
+
{% for term in terms %}
+
<a href="{{ term.permalink | safe }}">{{ term.name }}</a>[{{ term.pages |
+
length }}] {% endfor %}
</p>
{% endblock content %}
+14 -12
templates/tags/single.html
···
{% if paginator %} {% set pages = paginator.pages %} {% else %} {% set pages =
term.pages %} {% endif %}
<ul>
-
{% for page in pages %}
-
<li>
-
<a href="{{ page.permalink | safe }}"
-
>{% if page.date %}{{ page.date }} - {% endif %}{{ page.title }}</a
-
>
-
</li>
-
{% endfor %}
+
{% for page in pages %}
+
<li>
+
<a href="{{ page.permalink | safe }}"
+
>{% if page.date %}{{ page.date }} - {% endif %}{{ page.title }}</a
+
>
+
</li>
+
{% endfor %}
</ul>
{% if paginator %}
<p>
-
{% if paginator.previous %}<a href="{{ paginator.first }}">&lt;&lt; First</a>
-
<a href="{{ paginator.previous }}">&lt; Previous</a>{% endif %} [{{
-
paginator.current_index }}/{{ paginator.number_pagers }}] {% if paginator.next
-
%}<a href="{{ paginator.next }}">Next &gt;</a>
-
<a href="{{ paginator.last }}">Last &gt;&gt;</a>{% endif %}
+
{% if paginator.previous %}<a href="{{ paginator.first }}"
+
>&lt;&lt; First</a
+
>
+
<a href="{{ paginator.previous }}">&lt; Previous</a>{% endif %} [{{
+
paginator.current_index }}/{{ paginator.number_pagers }}] {% if
+
paginator.next %}<a href="{{ paginator.next }}">Next &gt;</a>
+
<a href="{{ paginator.last }}">Last &gt;&gt;</a>{% endif %}
</p>
{% endif %} {% endblock content %}