the home site for me: also iteration 3 or 4 of my site
chore: format
+191
-186
+1
-1
sass/css/mods.css
+1
-1
sass/css/mods.css
+20
-20
templates/404.html
+20
-20
templates/404.html
···
1
1
{% extends "base.html" %} {% block content %}
2
2
3
3
<div
4
-
style="
5
-
display: flex;
6
-
flex-direction: column;
7
-
justify-content: center;
8
-
align-items: center; /* Center vertically */
9
-
height: 100%; /* Adjust height as needed */
10
-
"
4
+
style="
5
+
display: flex;
6
+
flex-direction: column;
7
+
justify-content: center;
8
+
align-items: center; /* Center vertically */
9
+
height: 100%; /* Adjust height as needed */
10
+
"
11
11
>
12
-
<p><strong>I think you stumbled on something non existent :)</strong></p>
13
-
<p><i id="redirect">Redirecting you back home in 5</i></p>
12
+
<p><strong>I think you stumbled on something non existent :)</strong></p>
13
+
<p><i id="redirect">Redirecting you back home in 5</i></p>
14
14
</div>
15
15
16
16
<script>
17
-
const link = document.getElementById("redirect");
17
+
const link = document.getElementById("redirect");
18
18
19
-
// count down to redirect
20
-
let count = 5;
21
-
const interval = setInterval(() => {
22
-
count--;
23
-
link.innerText = `Redirecting you back home in ${count}`;
24
-
if (count === 0) {
25
-
clearInterval(interval);
26
-
window.location.href = "/";
27
-
}
28
-
}, 1000);
19
+
// count down to redirect
20
+
let count = 5;
21
+
const interval = setInterval(() => {
22
+
count--;
23
+
link.innerText = `Redirecting you back home in ${count}`;
24
+
if (count === 0) {
25
+
clearInterval(interval);
26
+
window.location.href = "/";
27
+
}
28
+
}, 1000);
29
29
</script>
30
30
31
31
{% endblock content %}
+10
-10
templates/base.html
+10
-10
templates/base.html
···
1
-
<!DOCTYPE html>
1
+
<!doctype html>
2
2
<html
3
-
lang="{% if page %}{{ page.lang }}{% else %}{{ config.default_language }}{% endif %}"
3
+
lang="{% if page %}{{ page.lang }}{% else %}{{ config.default_language }}{% endif %}"
4
4
>
5
-
<head>
6
-
{% include "head.html" %}
7
-
</head>
8
-
<body>
9
-
<header>{% include "header.html" %}</header>
10
-
<main>{% block content %} {% endblock content %}</main>
11
-
<footer>{% include "footer.html" %}</footer>
12
-
</body>
5
+
<head>
6
+
{% include "head.html" %}
7
+
</head>
8
+
<body>
9
+
<header>{% include "header.html" %}</header>
10
+
<main>{% block content %} {% endblock content %}</main>
11
+
<footer>{% include "footer.html" %}</footer>
12
+
</body>
13
13
</html>
+27
-24
templates/blog-page.html
+27
-24
templates/blog-page.html
···
1
1
{% extends "base.html" %} {% block content %}
2
2
<div><a href="..">..</a>/<span class="accent-data">{{ page.slug }}</span></div>
3
3
<time datetime="{{ page.date }}"
4
-
>Published on: <span class="accent-data">{{ page.date | split(pat="T") | first }}</span></time
4
+
>Published on:
5
+
<span class="accent-data"
6
+
>{{ page.date | split(pat="T") | first }}</span
7
+
></time
5
8
>
6
9
{% if config.extra.author and config.extra.display_author == true %}
7
10
<address rel="author">
8
-
By <span class="accent-data">{{config.extra.author}}</span>
11
+
By <span class="accent-data">{{config.extra.author}}</span>
9
12
</address>
10
13
{% endif %}
11
14
<h1>{{ page.title }}</h1>
···
13
16
{% if page.toc and page.extra.toc %}
14
17
<h2>Table of contents</h2>
15
18
<ul>
16
-
{% for h1 in page.toc %}
17
-
<li>
18
-
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
19
-
{% if h1.children %}
20
-
<ul>
21
-
{% for h2 in h1.children %}
22
-
<li>
23
-
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
19
+
{% for h1 in page.toc %}
20
+
<li>
21
+
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
22
+
{% if h1.children %}
24
23
<ul>
25
-
{% for h3 in h2.children %}
26
-
<li>
27
-
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
28
-
</li>
29
-
{% endfor %}
24
+
{% for h2 in h1.children %}
25
+
<li>
26
+
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
27
+
<ul>
28
+
{% for h3 in h2.children %}
29
+
<li>
30
+
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
31
+
</li>
32
+
{% endfor %}
33
+
</ul>
34
+
</li>
35
+
{% endfor %}
30
36
</ul>
31
-
</li>
32
-
{% endfor %}
33
-
</ul>
34
-
{% endif %}
35
-
</li>
36
-
{% endfor %}
37
+
{% endif %}
38
+
</li>
39
+
{% endfor %}
37
40
</ul>
38
41
{% endif %} {{ page.content | safe }}
39
42
40
43
<p class="tags-data">
41
-
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
42
-
<a href="/tags/{{ tag | slugify }}">|{{ tag }}|</a>
43
-
{% endfor %} {% endif %}
44
+
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
45
+
<a href="/tags/{{ tag | slugify }}">|{{ tag }}|</a>
46
+
{% endfor %} {% endif %}
44
47
</p>
45
48
{% endblock content %}
+16
-16
templates/blog.html
+16
-16
templates/blog.html
···
2
2
<h1 class="title">{{ section.title }}</h1>
3
3
4
4
<p role="heading">
5
-
--- <span style="letter-spacing: 0.1em">Main Blog</span> ---
5
+
--- <span style="letter-spacing: 0.1em">Main Blog</span> ---
6
6
</p>
7
7
8
8
<ul>
9
-
<!-- If you are using pagination, section.pages will be empty.
9
+
<!-- If you are using pagination, section.pages will be empty.
10
10
You need to use the paginator object -->
11
-
{% for page in section.pages %} {% if "archival" not in page.taxonomies.tags
12
-
%}
13
-
<li>
14
-
{{ page.date | split(pat="T") | first }} —
15
-
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
16
-
</li>
17
-
{% endif %} {% endfor %}
11
+
{% for page in section.pages %} {% if "archival" not in page.taxonomies.tags
12
+
%}
13
+
<li>
14
+
{{ page.date | split(pat="T") | first }} —
15
+
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
16
+
</li>
17
+
{% endif %} {% endfor %}
18
18
</ul>
19
19
20
20
<p role="heading">
21
-
--- <span style="letter-spacing: 0.213em">Archival</span> ---
21
+
--- <span style="letter-spacing: 0.213em">Archival</span> ---
22
22
</p>
23
23
24
24
<ul>
25
-
{% for page in section.pages %} {% if "archival" in page.taxonomies.tags %}
26
-
<li>
27
-
{{ page.date }} —
28
-
<a href="{{ page.permalink | safe }}">{{ page.title }}</a> (archival)
29
-
</li>
30
-
{% endif %} {% endfor %}
25
+
{% for page in section.pages %} {% if "archival" in page.taxonomies.tags %}
26
+
<li>
27
+
{{ page.date }} —
28
+
<a href="{{ page.permalink | safe }}">{{ page.title }}</a> (archival)
29
+
</li>
30
+
{% endif %} {% endfor %}
31
31
</ul>
32
32
{% endblock content %}
+23
-23
templates/header.html
+23
-23
templates/header.html
···
1
1
{% if config.extra.header_nav %} {% if not current_url %} {% set current_url =
2
2
"" %} {% endif %}
3
3
<nav id="nav-bar">
4
-
{% for nav_item in config.extra.header_nav %}
5
-
<a
6
-
href="{{ nav_item.url }}"
7
-
class="{% if nav_item.url == current_url %}active{% endif %}"
8
-
>
9
-
{{ nav_item.name }}
10
-
</a>
11
-
{% endfor %}
12
-
<div>
13
-
<input type="checkbox" id="theme-toggle" style="display: none" />
14
-
<label for="theme-toggle" id="theme-toggle-label"
15
-
><svg id="theme-icon" class="icons">
16
-
<use
17
-
href="{{ get_url(path='/icons.svg#lightMode', trailing_slash=false) | safe }}"
18
-
></use></svg
19
-
></label>
20
-
<audio id="theme-sound">
21
-
<source
22
-
src="{{ get_url(path='click.ogg', trailing_slash=false) | safe }}"
23
-
type="audio/ogg"
24
-
/>
25
-
</audio>
26
-
</div>
4
+
{% for nav_item in config.extra.header_nav %}
5
+
<a
6
+
href="{{ nav_item.url }}"
7
+
class="{% if nav_item.url == current_url %}active{% endif %}"
8
+
>
9
+
{{ nav_item.name }}
10
+
</a>
11
+
{% endfor %}
12
+
<div>
13
+
<input type="checkbox" id="theme-toggle" style="display: none" />
14
+
<label for="theme-toggle" id="theme-toggle-label"
15
+
><svg id="theme-icon" class="icons">
16
+
<use
17
+
href="{{ get_url(path='/icons.svg#lightMode', trailing_slash=false) | safe }}"
18
+
></use></svg
19
+
></label>
20
+
<audio id="theme-sound">
21
+
<source
22
+
src="{{ get_url(path='click.ogg', trailing_slash=false) | safe }}"
23
+
type="audio/ogg"
24
+
/>
25
+
</audio>
26
+
</div>
27
27
</nav>
28
28
{% endif %}
+12
-12
templates/index.html
+12
-12
templates/index.html
···
3
3
{% else %} {% set pages = section.pages %} {% endif %}
4
4
5
5
<ul class="titleList">
6
-
{% for page in pages %}
7
-
<li>
8
-
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
9
-
<br />
10
-
{{ page.description }}
11
-
</li>
12
-
{% endfor %}
6
+
{% for page in pages %}
7
+
<li>
8
+
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
9
+
<br />
10
+
{{ page.description }}
11
+
</li>
12
+
{% endfor %}
13
13
</ul>
14
14
15
15
{% if paginator %}
16
16
<div class="metaData">
17
-
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a>  
18
-
<a href="{{ paginator.previous }}"><</a>{% endif %}   {{
19
-
paginator.current_index }} / {{ paginator.number_pagers }}   {% if
20
-
paginator.next %}<a href="{{ paginator.next }}">></a>  
21
-
<a href="{{ paginator.last }}">⥸</a>{% endif %}
17
+
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a>  
18
+
<a href="{{ paginator.previous }}"><</a>{% endif %}   {{
19
+
paginator.current_index }} / {{ paginator.number_pagers }}   {% if
20
+
paginator.next %}<a href="{{ paginator.next }}">></a>  
21
+
<a href="{{ paginator.last }}">⥸</a>{% endif %}
22
22
</div>
23
23
{% endif %} {% endif %} {% endblock content %}
+22
-22
templates/page.html
+22
-22
templates/page.html
···
4
4
{% if page.toc and page.extra.toc %}
5
5
<h2>Table of contents</h2>
6
6
<ul>
7
-
{% for h1 in page.toc %}
8
-
<li>
9
-
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
10
-
{% if h1.children %}
11
-
<ul>
12
-
{% for h2 in h1.children %}
13
-
<li>
14
-
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
7
+
{% for h1 in page.toc %}
8
+
<li>
9
+
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
10
+
{% if h1.children %}
15
11
<ul>
16
-
{% for h3 in h2.children %}
17
-
<li>
18
-
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
19
-
</li>
20
-
{% endfor %}
12
+
{% for h2 in h1.children %}
13
+
<li>
14
+
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
15
+
<ul>
16
+
{% for h3 in h2.children %}
17
+
<li>
18
+
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
19
+
</li>
20
+
{% endfor %}
21
+
</ul>
22
+
</li>
23
+
{% endfor %}
21
24
</ul>
22
-
</li>
23
-
{% endfor %}
24
-
</ul>
25
-
{% endif %}
26
-
</li>
27
-
{% endfor %}
25
+
{% endif %}
26
+
</li>
27
+
{% endfor %}
28
28
</ul>
29
29
{% endif %} {{ page.content | safe }}
30
30
31
31
<p class="tags-data">
32
-
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
33
-
<a href="/tags/{{ tag | slugify }}">/{{ tag }}/</a>
34
-
{% endfor %} {% endif %}
32
+
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
33
+
<a href="/tags/{{ tag | slugify }}">/{{ tag }}/</a>
34
+
{% endfor %} {% endif %}
35
35
</p>
36
36
{% endblock content %}
+10
-10
templates/section.html
+10
-10
templates/section.html
···
5
5
%} {% else %} {% set pages = section.pages %} {% endif %}
6
6
7
7
<ul class="title-list">
8
-
{% for page in pages %}
9
-
<li>
10
-
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
11
-
</li>
12
-
{% endfor %}
8
+
{% for page in pages %}
9
+
<li>
10
+
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
11
+
</li>
12
+
{% endfor %}
13
13
</ul>
14
14
15
15
{% if paginator %}
16
16
<div class="accent-data">
17
-
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a>  
18
-
<a href="{{ paginator.previous }}"><</a>{% endif %}   {{
19
-
paginator.current_index }} / {{ paginator.number_pagers }}   {% if
20
-
paginator.next %}<a href="{{ paginator.next }}">></a>  
21
-
<a href="{{ paginator.last }}">⥸</a>{% endif %}
17
+
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a>  
18
+
<a href="{{ paginator.previous }}"><</a>{% endif %}   {{
19
+
paginator.current_index }} / {{ paginator.number_pagers }}   {% if
20
+
paginator.next %}<a href="{{ paginator.next }}">></a>  
21
+
<a href="{{ paginator.last }}">⥸</a>{% endif %}
22
22
</div>
23
23
{% endif %} {% endblock content %}
+4
-4
templates/shortcodes/img.html
+4
-4
templates/shortcodes/img.html
···
1
1
<figure {% if class %}class="{{class}}" {% else %}class="center" {% endif %}>
2
-
<img src="{{id}}" {% if alt %}alt="{{alt}}" {% endif %} />
3
-
{% if caption %}
4
-
<figcaption>{{caption}}</figcaption>
5
-
{% endif %}
2
+
<img src="{{id}}" {% if alt %}alt="{{alt}}" {% endif %} />
3
+
{% if caption %}
4
+
<figcaption>{{caption}}</figcaption>
5
+
{% endif %}
6
6
</figure>
+8
-8
templates/shortcodes/youtube.html
+8
-8
templates/shortcodes/youtube.html
···
1
1
<div class="yt-embed">
2
-
<iframe
3
-
src="https://www.youtube-nocookie.com/embed/{{id}}{% if autoplay %}?autoplay=1{% endif %}"
4
-
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
5
-
webkitallowfullscreen
6
-
mozallowfullscreen
7
-
allowfullscreen
8
-
>
9
-
</iframe>
2
+
<iframe
3
+
src="https://www.youtube-nocookie.com/embed/{{id}}{% if autoplay %}?autoplay=1{% endif %}"
4
+
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
5
+
webkitallowfullscreen
6
+
mozallowfullscreen
7
+
allowfullscreen
8
+
>
9
+
</iframe>
10
10
</div>