the home site for me: also iteration 3 or 4 of my site
dunkirk.sh
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
7 rel="sitemap"
8 type="application/xml"
9 title="Sitemap"
10 href="/sitemap.xml"
11/>
12{% if page.title %} {% set title = page.title %} {% elif section.title %} {% set
13title = section.title %} {% elif term %} {% set title = "|" ~ term.name ~ "|" %}
14{% elif current_path and "tags" in current_path %} {% set title = "Root Index"
15%} {% elif config.title %} {% set title = config.title %} {% endif %} {% if
16page.extra.author %} {% set author = page.extra.author %} {% elif
17section.extra.author %} {% set author = section.extra.author %} {% elif
18config.extra.author %} {% set author = config.extra.author %} {% endif %} {% if
19page.description %} {% set description = page.description | truncate(length=150)
20%} {% elif section.description %} {% set description = section.description |
21truncate(length=150) %} {% elif config.description %} {% set description =
22config.description | truncate(length=150) %} {% endif %} {% if page.extra.image
23%} {% set image = get_url(path=page.extra.image, trailing_slash=false) %} {%
24elif section.extra.image %} {% set image = get_url(path=section.extra.image,
25trailing_slash=false) %} {% elif page.path %} {% set image =
26get_url(path=page.path ~ "og.png", trailing_slash=false) %} {% elif current_path
27%} {% set image = get_url(path=current_path ~ "og.png", trailing_slash=false) %}
28{% else %} {% set image = get_url(path="og.png", trailing_slash=false) %} {%
29endif %} {% if page.permalink %} {% set url = page.permalink %} {% elif
30section.permalink %} {% set url = section.permalink %} {% elif config.base_url
31%} {% set url = config.base_url %} {% endif %} {% if title %} {% if current_url
32and url != current_url %} {% set url = get_url(path=current_path,
33trailing_slash=true) %} {% endif %}
34<title>{{ title }}</title>
35{% endif %} {% block metatags %} {% if title %}
36<meta name="title" content="{{ title }}" />
37{% endif %} {% if author %}
38<meta name="author" content="{{ author }}" />
39{% endif %} {% if description %}
40<meta name="description" content="{{ description }}" />
41{% endif %}
42<meta property="og:type" content="website" />
43<meta property="og:url" content="{{ url | safe }}" />
44{% if title %}
45<meta property="og:site_name" content="{{ config.title }}" />
46{% endif %} {% if title %}
47<meta property="og:title" content="{{ title }}" />
48{% endif %} {% if description %}
49<meta property="og:description" content="{{ description }}" />
50{% endif %} {% if image %}
51<meta property="og:image" content="{{ image }}" />
52{% endif %} {% set twitter_card = config.extra.twitter_card |
53default(value=true) %} {% if twitter_card != false %}
54<meta property="twitter:card" content="summary_large_image" />
55<meta property="twitter:url" content="{{ url | safe }}" />
56{% if title %}
57<meta property="twitter:title" content="{{ title }}" />
58{% endif %} {% if description %}
59<meta property="twitter:description" content="{{ description }}" />
60{% endif %} {% if image %}
61<meta property="twitter:image" content="{{ image }}" />
62{% endif %} {% endif %}
63<link rel="canonical" href="{{ url | safe }}" />
64<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
65<link rel="shortcut icon" href="/favicon/favicon.ico" />
66<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
67<meta name="apple-mobile-web-app-title" content="site@zera" />
68<link rel="manifest" href="/favicon/site.webmanifest" />
69{% endblock metatags %} {% if config.generate_feeds %} {% block
70feed%} <link rel="alternate" type="application/atom+xml" title="Kieran Klukas' Atom feed" href="{{
71get_url(path="atom.xml", trailing_slash=false) }}"> <link rel="alternate"
72type="application/rss+xml" title="Kieran Klukas' RSS feed" href="{{ get_url(path="rss.xml",
73trailing_slash=false) }}"> {% endblock feed %} {% endif%} {% block css %} {% set
74cssHash = get_hash(path="css/main.css", sha_type=256, base64=true) %}
75<link
76 rel="stylesheet"
77 type="text/css"
78 href="{{ get_url(path='css/main.css?' ~ cssHash, trailing_slash=false) | safe }}"
79/>
80{% endblock css %}
81
82{% set jsHash = get_hash(path="js/copy-button.js", sha_type=256,
83base64=true) %}
84<script
85 src="{{ get_url(path='js/copy-button.js?' ~ jsHash, trailing_slash=false) | safe }}"
86 defer
87></script>
88
89{% set emojiJsHash = get_hash(path="js/emoji-replace.js", sha_type=256,
90base64=true) %}
91<script
92 src="{{ get_url(path='js/emoji-replace.js?' ~ emojiJsHash, trailing_slash=false) | safe }}"
93 defer
94></script>
95
96{% set lightboxJsHash = get_hash(path="lightbox.js", sha_type=256,
97base64=true) %}
98<script
99 src="{{ get_url(path='lightbox.js?' ~ lightboxJsHash, trailing_slash=false) | safe }}"
100 defer
101></script>
102
103<script type="speculationrules">
104{
105 "prerender": [
106 {
107 "where": {
108 "selector_matches": "a"
109 }
110 }
111 ]
112}
113</script>
114
115<script>
116 function cb(res) {
117 const fmt = new Intl.NumberFormat('en', { notation: 'compact' });
118 const elements = document.querySelectorAll("[id='visits']");
119 elements.forEach(el => {
120 el.innerText = fmt.format(res.value);
121 el.title = res.value + " visits";
122 });
123 }
124</script>
125<script async 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>
126
127<link rel="me" href="https://social.dino.icu/@taciturnaxoltol" />
128<link rel="me" href="https://github.com/taciturnaxolotl" />
129<link rel="me" href="https://bsky.app/profile/dunkirk.sh" />
130<link rel="me" href="https://www.youtube.com/@kieran.rambles" />
131<link rel="me" href="https://keyoxide.org/aspe:keyoxide.org:QMHCMT55EODYTEBQ5C7QOAFN6A" />
132<link rel="me" href="https://serif.blue" />
133<meta name="fediverse:creator" content="@taciturnaxoltol@social.dino.icu" />
134
135<div class="h-card" style="display:none">
136 <a class="u-url" rel="me home" href="https://dunkirk.sh">
137 <span class="p-name">Kieran Klukas</span>
138 </a>
139 <p class="p-given-name">Kieran</p>
140 <p class="p-family-name">Klukas</p>
141 <p class="dt-bday">2008-04-27</p>
142 <p class="p-sex">male</p>
143 <p class="p-note">
144 {% set time = now() | date(format="%s") | int - 1209254400 %}{{ time / 31536000 | round(method="floor") }}, 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/fall.jpg" alt="kieran wearing a robotics sweatshirt and standing in front of a tree with fall leaves" />
151</div>