dunkirk.sh
the home site for me: also iteration 3 or 4 of my site
1<meta charset="UTF-8" />
2<meta content="IE=edge" http-equiv="X-UA-Compatible" />
3<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
4<meta name="viewport" content="width=device-width, initial-scale=1" />
5<meta name="robots" content="index, follow" />
6<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml" />
7{% if page.title %} {% set title = page.title %} {% elif section.title %} {% set
8title = section.title %} {% elif term %} {% set title = "|" ~ term.name ~ "|" %}
9{% elif current_path and "tags" in current_path %} {% set title = "Root Index"
10%} {% elif config.title %} {% set title = config.title %} {% endif %} {% if
11page.extra.author %} {% set author = page.extra.author %} {% elif
12section.extra.author %} {% set author = section.extra.author %} {% elif
13config.extra.author %} {% set author = config.extra.author %} {% endif %} {% if
14page.description %} {% set description = page.description | truncate(length=150)
15%} {% elif section.description %} {% set description = section.description |
16truncate(length=150) %} {% elif config.description %} {% set description =
17config.description | truncate(length=150) %} {% endif %} {% if page.extra.image
18%} {% set image = get_url(path=page.extra.image, trailing_slash=false) %} {%
19elif section.extra.image %} {% set image = get_url(path=section.extra.image,
20trailing_slash=false) %} {% elif page.path %} {% set image =
21get_url(path=page.path ~ "og.png", trailing_slash=false) %} {% elif current_path
22%} {% set image = get_url(path=current_path ~ "og.png", trailing_slash=false) %}
23{% else %} {% set image = get_url(path="og.png", trailing_slash=false) %} {%
24endif %} {% if page.permalink %} {% set url = page.permalink %} {% elif
25section.permalink %} {% set url = section.permalink %} {% elif config.base_url
26%} {% set url = config.base_url %} {% endif %} {% if title %} {% if current_url
27and url != current_url %} {% set url = get_url(path=current_path,
28trailing_slash=true) %} {% endif %}
29<title>{{ title }}</title>
30{% endif %} {% block metatags %} {% if title %}
31<meta name="title" content="{{ title }}" />
32{% endif %} {% if author %}
33<meta name="author" content="{{ author }}" />
34{% endif %} {% if description %}
35<meta name="description" content="{{ description }}" />
36{% endif %}
37<meta property="og:type" content="website" />
38<meta property="og:url" content="{{ url | safe }}" />
39{% if title %}
40<meta property="og:site_name" content="{{ config.title }}" />
41{% endif %} {% if title %}
42<meta property="og:title" content="{{ title }}" />
43{% endif %} {% if description %}
44<meta property="og:description" content="{{ description }}" />
45{% endif %} {% if image %}
46<meta property="og:image" content="{{ image }}" />
47{% endif %} {% set twitter_card = config.extra.twitter_card |
48default(value=true) %} {% if twitter_card != false %}
49<meta property="twitter:card" content="summary_large_image" />
50<meta property="twitter:url" content="{{ url | safe }}" />
51{% if title %}
52<meta property="twitter:title" content="{{ title }}" />
53{% endif %} {% if description %}
54<meta property="twitter:description" content="{{ description }}" />
55{% endif %} {% if image %}
56<meta property="twitter:image" content="{{ image }}" />
57{% endif %} {% endif %}
58<link rel="canonical" href="{{ url | safe }}" />
59<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
60<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
61<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
62<link rel="manifest" href="/site.webmanifest">
63{% endblock metatags %} {% if config.generate_feeds %} {% block
64feed%}
65<link rel="alternate" type="application/atom+xml" title="Kieran Klukas' Atom feed" href="{{
66get_url(path=" atom.xml", trailing_slash=false) }}">
67<link rel="alternate" type="application/rss+xml" title="Kieran Klukas' RSS feed" href="{{ get_url(path=" rss.xml",
68 trailing_slash=false) }}"> {% endblock feed %} {% endif%} {% block css %} {% set
69cssHash = get_hash(path="css/main.css", sha_type=256, base64=true) %}
70<link rel="stylesheet" type="text/css"
71 href="{{ get_url(path='css/main.css?' ~ cssHash, trailing_slash=false) | safe }}" />
72{% endblock css %}
73{% set cssNakedDayJsHash = get_hash(path="js/css-naked-day.js", sha_type=256,
74base64=true) %}
75<script src="{{ get_url(path='js/css-naked-day.js?' ~ cssNakedDayJsHash, trailing_slash=false) | safe }}"></script>
76
77{% set jsHash = get_hash(path="js/copy-button.js", sha_type=256,
78base64=true) %}
79<script src="{{ get_url(path='js/copy-button.js?' ~ jsHash, trailing_slash=false) | safe }}" defer></script>
80
81{% set emojiJsHash = get_hash(path="js/emoji-replace.js", sha_type=256,
82base64=true) %}
83<script src="{{ get_url(path='js/emoji-replace.js?' ~ emojiJsHash, trailing_slash=false) | safe }}" defer></script>
84
85{% set lightboxJsHash = get_hash(path="js/lightbox.js", sha_type=256,
86base64=true) %}
87<script src="{{ get_url(path='js/lightbox.js?' ~ lightboxJsHash, trailing_slash=false) | safe }}" defer></script>
88
89{% set relativeTimeJsHash = get_hash(path="js/relative-time.js", sha_type=256,
90base64=true) %}
91<script src="{{ get_url(path='js/relative-time.js?' ~ relativeTimeJsHash, trailing_slash=false) | safe }}"
92 defer></script>
93
94<script type="speculationrules">
95{
96 "prerender": [
97 {
98 "where": {
99 "selector_matches": "a"
100 }
101 }
102 ]
103}
104</script>
105
106<script>
107 function cb(res) {
108 const fmt = new Intl.NumberFormat('en', {notation: 'compact'});
109 const elements = document.querySelectorAll("[id='visits']");
110 elements.forEach(el => {
111 el.innerText = fmt.format(res.value);
112 el.title = res.value + " visits";
113 });
114 }
115</script>
116<script async
117 src="https://abacus.jasoncameron.dev/hit/dunkirk.sh/counter{%- if url | split(pat='/') | slice(start=3) | join != '' -%}-{{url | split(pat='/') | slice(start=3) | join(sep=' ') | slugify}}{%- endif -%}?callback=cb"></script>
118
119<link rel="me" href="https://social.dino.icu/@taciturnaxoltol" />
120<link rel="me" href="https://github.com/taciturnaxolotl" />
121<link rel="me" href="https://bsky.app/profile/dunkirk.sh" />
122<link rel="me" href="https://www.youtube.com/@kieran.rambles" />
123<link rel="me" href="https://keyoxide.org/aspe:keyoxide.org:QMHCMT55EODYTEBQ5C7QOAFN6A" />
124<link rel="me" href="https://serif.blue" />
125<meta name="fediverse:creator" content="@taciturnaxoltol@social.dino.icu" />
126
127<link rel="indieauth-metadata" href="https://indiko.dunkirk.sh/.well-known/oauth-authorization-server" />
128<link rel="authorization_endpoint" href="https://indiko.dunkirk.sh/auth/authorize" />
129<link rel="token_endpoint" href="https://indiko.dunkirk.sh/auth/token" />
130<link rel="me" href="https://indiko.dunkirk.sh/u/tacy" />
131
132<link rel="webmention" href="https://webmention.io/dunkirk.sh/webmention" />
133
134<div class="h-card" style="display:none">
135 <a class="u-url" rel="me home" href="https://dunkirk.sh">
136 <span class="p-name">Kieran Klukas</span>
137 </a>
138 <p class="p-given-name">Kieran</p>
139 <p class="p-family-name">Klukas</p>
140 <p class="dt-bday">2008-04-27</p>
141 <p class="p-sex">male</p>
142 <p class="p-note">
143 {% set time = now() | date(format="%s") | int - 1209254400 %}{{ time / 31536000 | round(method="floor") }},
144 typescript nerd, videographer, frc programmer, semi retired fpv pilot
145 </p>
146 <a class="u-email" href="mailto:me@dunkirk.sh" rel="me">me@dunkirk.sh</a>
147 <div class="p-adr h-adr">
148 <span class="p-country-name">United States of America</span>
149 </div>
150 <img class="u-photo" src="/pfps/dithered-fall.webp"
151 alt="A photo of kieran wearing a black hoodie set against chaotic, mosaic-like background of orange, blue, brown, and black pixels." />
152</div>