BunnyCDN-DE1-1329
tcp/443 tcp/80
BunnyCDN-DE1-1332
tcp/443 tcp/80
Open service 185.111.111.155:443 · notes.jkratz.me
2026-01-10 04:06
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 04:06:18 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 39955
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1329
CDN-PullZone: 3838713
CDN-RequestCountryCode: DE
Cache-Control: public, max-age=0
Last-Modified: Thu, 08 Jan 2026 18:13:34 GMT
CDN-StorageServer: DE-768
CDN-RequestPullSuccess: True
CDN-FileServer: 1107
Perma-Cache: HIT
CDN-ProxyVer: 1.43
CDN-RequestPullCode: 206
CDN-CachedAt: 01/10/2026 04:06:18
CDN-EdgeStorageId: 1331
CDN-RequestId: c316dd00721b8c0fa47063bfa937cc0d
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
Accept-Ranges: bytes
Page title: Notes and Drafts
<!DOCTYPE html>
<html lang="en">
<head>
<title>Notes and Drafts</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="style" href="/assets/built/screen.css?v=ee8e63f6bb">
<link rel="preload" as="script" href="/assets/built/source.js?v=ee8e63f6bb">
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/inter-roman.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<style>
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: optional;
src: url(/assets/fonts/inter-roman.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/eb-garamond-roman.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/eb-garamond-italic.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<style>
@font-face {
font-family: "EB Garamond";
font-style: normal;
font-weight: 400 800;
font-display: optional;
src: url(/assets/fonts/eb-garamond-roman.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "EB Garamond";
font-style: italic;
font-weight: 400 800;
font-display: optional;
src: url(/assets/fonts/eb-garamond-italic.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=ee8e63f6bb">
<style>
:root {
--background-color: #ffffff
}
</style>
<script>
/* The script for calculating the color contrast has been taken from
https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/ */
var accentColor = getComputedStyle(document.documentElement).getPropertyValue('--background-color');
accentColor = accentColor.trim().slice(1);
if (accentColor.length === 3) {
accentColor = accentColor[0] + accentColor[0] + accentColor[1] + accentColor[1] + accentColor[2] + accentColor[2];
}
var r = parseInt(accentColor.substr(0, 2), 16);
var g = parseInt(accentColor.substr(2, 2), 16);
var b = parseInt(accentColor.substr(4, 2), 16);
var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
var textColor = (yiq >= 128) ? 'dark' : 'light';
document.documentElement.className = `has-${textColor}-text`;
</script>
<meta name="description" content="A blog about...whatever">
<link rel="canonical" href="https://notes.jkratz.me/">
<meta name="referrer" content="origin-when-cross-origin">
<link rel="next" href="https://notes.jkratz.me/page/2/">
<meta property="og:site_name" content="Notes and Drafts">
<meta property="og:type" content="website">
<meta property="og:title" content="Notes and Drafts">
<meta property="og:description" content="A blog about...whatever">
<meta property="og:url" content="https://notes.jkratz.me/">
<meta property="og:image" content="https://notes.jkratz.me/content/images/size/w1200/2025/12/retrosupply-jLwVAUtLOAQ-unsplash-crop-1352-1.webp">
<meta property="article:publisher" content="https://www.facebook.com/ghost">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Notes and Draf
Open service 2400:52e0:1e00:2::1332:1:443 · notes.jkratz.me
2026-01-10 04:06
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 04:06:18 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 39955
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1332
CDN-PullZone: 3838713
CDN-RequestCountryCode: DE
Cache-Control: public, max-age=0
Last-Modified: Thu, 08 Jan 2026 18:13:34 GMT
CDN-StorageServer: DE-661
CDN-RequestPullSuccess: True
CDN-FileServer: 1107
Perma-Cache: HIT
CDN-ProxyVer: 1.43
CDN-RequestPullCode: 206
CDN-CachedAt: 01/10/2026 04:06:18
CDN-EdgeStorageId: 1331
CDN-RequestId: 351c40a329e52c4ec087a81c9c8f619c
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
Accept-Ranges: bytes
Page title: Notes and Drafts
<!DOCTYPE html>
<html lang="en">
<head>
<title>Notes and Drafts</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="style" href="/assets/built/screen.css?v=ee8e63f6bb">
<link rel="preload" as="script" href="/assets/built/source.js?v=ee8e63f6bb">
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/inter-roman.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<style>
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: optional;
src: url(/assets/fonts/inter-roman.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/eb-garamond-roman.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/eb-garamond-italic.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<style>
@font-face {
font-family: "EB Garamond";
font-style: normal;
font-weight: 400 800;
font-display: optional;
src: url(/assets/fonts/eb-garamond-roman.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "EB Garamond";
font-style: italic;
font-weight: 400 800;
font-display: optional;
src: url(/assets/fonts/eb-garamond-italic.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=ee8e63f6bb">
<style>
:root {
--background-color: #ffffff
}
</style>
<script>
/* The script for calculating the color contrast has been taken from
https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/ */
var accentColor = getComputedStyle(document.documentElement).getPropertyValue('--background-color');
accentColor = accentColor.trim().slice(1);
if (accentColor.length === 3) {
accentColor = accentColor[0] + accentColor[0] + accentColor[1] + accentColor[1] + accentColor[2] + accentColor[2];
}
var r = parseInt(accentColor.substr(0, 2), 16);
var g = parseInt(accentColor.substr(2, 2), 16);
var b = parseInt(accentColor.substr(4, 2), 16);
var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
var textColor = (yiq >= 128) ? 'dark' : 'light';
document.documentElement.className = `has-${textColor}-text`;
</script>
<meta name="description" content="A blog about...whatever">
<link rel="canonical" href="https://notes.jkratz.me/">
<meta name="referrer" content="origin-when-cross-origin">
<link rel="next" href="https://notes.jkratz.me/page/2/">
<meta property="og:site_name" content="Notes and Drafts">
<meta property="og:type" content="website">
<meta property="og:title" content="Notes and Drafts">
<meta property="og:description" content="A blog about...whatever">
<meta property="og:url" content="https://notes.jkratz.me/">
<meta property="og:image" content="https://notes.jkratz.me/content/images/size/w1200/2025/12/retrosupply-jLwVAUtLOAQ-unsplash-crop-1352-1.webp">
<meta property="article:publisher" content="https://www.facebook.com/ghost">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Notes and Draf
Open service 185.111.111.155:80 · notes.jkratz.me
2026-01-10 04:06
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 04:06:18 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 39955
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1329
CDN-PullZone: 3838713
CDN-RequestCountryCode: DE
Cache-Control: public, max-age=0
Last-Modified: Thu, 08 Jan 2026 18:13:34 GMT
CDN-StorageServer: DE-768
CDN-RequestPullSuccess: True
CDN-FileServer: 1107
Perma-Cache: HIT
CDN-ProxyVer: 1.43
CDN-RequestPullCode: 206
CDN-CachedAt: 01/10/2026 04:06:18
CDN-EdgeStorageId: 1331
CDN-RequestId: 60992da9ccbe4e32ae12339360330653
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
Accept-Ranges: bytes
Page title: Notes and Drafts
<!DOCTYPE html>
<html lang="en">
<head>
<title>Notes and Drafts</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="style" href="/assets/built/screen.css?v=ee8e63f6bb">
<link rel="preload" as="script" href="/assets/built/source.js?v=ee8e63f6bb">
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/inter-roman.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<style>
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: optional;
src: url(/assets/fonts/inter-roman.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/eb-garamond-roman.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/eb-garamond-italic.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<style>
@font-face {
font-family: "EB Garamond";
font-style: normal;
font-weight: 400 800;
font-display: optional;
src: url(/assets/fonts/eb-garamond-roman.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "EB Garamond";
font-style: italic;
font-weight: 400 800;
font-display: optional;
src: url(/assets/fonts/eb-garamond-italic.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=ee8e63f6bb">
<style>
:root {
--background-color: #ffffff
}
</style>
<script>
/* The script for calculating the color contrast has been taken from
https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/ */
var accentColor = getComputedStyle(document.documentElement).getPropertyValue('--background-color');
accentColor = accentColor.trim().slice(1);
if (accentColor.length === 3) {
accentColor = accentColor[0] + accentColor[0] + accentColor[1] + accentColor[1] + accentColor[2] + accentColor[2];
}
var r = parseInt(accentColor.substr(0, 2), 16);
var g = parseInt(accentColor.substr(2, 2), 16);
var b = parseInt(accentColor.substr(4, 2), 16);
var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
var textColor = (yiq >= 128) ? 'dark' : 'light';
document.documentElement.className = `has-${textColor}-text`;
</script>
<meta name="description" content="A blog about...whatever">
<link rel="canonical" href="https://notes.jkratz.me/">
<meta name="referrer" content="origin-when-cross-origin">
<link rel="next" href="https://notes.jkratz.me/page/2/">
<meta property="og:site_name" content="Notes and Drafts">
<meta property="og:type" content="website">
<meta property="og:title" content="Notes and Drafts">
<meta property="og:description" content="A blog about...whatever">
<meta property="og:url" content="https://notes.jkratz.me/">
<meta property="og:image" content="https://notes.jkratz.me/content/images/size/w1200/2025/12/retrosupply-jLwVAUtLOAQ-unsplash-crop-1352-1.webp">
<meta property="article:publisher" content="https://www.facebook.com/ghost">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Notes and Draf
Open service 2400:52e0:1e00:2::1332:1:80 · notes.jkratz.me
2026-01-10 04:06
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 04:06:18 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 39955
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1332
CDN-PullZone: 3838713
CDN-RequestCountryCode: NL
Cache-Control: public, max-age=0
Last-Modified: Thu, 08 Jan 2026 18:13:34 GMT
CDN-StorageServer: DE-634
CDN-RequestPullSuccess: True
CDN-FileServer: 1107
Perma-Cache: HIT
CDN-ProxyVer: 1.43
CDN-RequestPullCode: 206
CDN-CachedAt: 01/10/2026 04:06:18
CDN-EdgeStorageId: 1331
CDN-RequestId: 540c9db0003d03c99223d18843e41374
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
Accept-Ranges: bytes
Page title: Notes and Drafts
<!DOCTYPE html>
<html lang="en">
<head>
<title>Notes and Drafts</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="style" href="/assets/built/screen.css?v=ee8e63f6bb">
<link rel="preload" as="script" href="/assets/built/source.js?v=ee8e63f6bb">
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/inter-roman.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<style>
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: optional;
src: url(/assets/fonts/inter-roman.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/eb-garamond-roman.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/eb-garamond-italic.woff2?v=ee8e63f6bb" crossorigin="anonymous">
<style>
@font-face {
font-family: "EB Garamond";
font-style: normal;
font-weight: 400 800;
font-display: optional;
src: url(/assets/fonts/eb-garamond-roman.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "EB Garamond";
font-style: italic;
font-weight: 400 800;
font-display: optional;
src: url(/assets/fonts/eb-garamond-italic.woff2?v=ee8e63f6bb) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=ee8e63f6bb">
<style>
:root {
--background-color: #ffffff
}
</style>
<script>
/* The script for calculating the color contrast has been taken from
https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/ */
var accentColor = getComputedStyle(document.documentElement).getPropertyValue('--background-color');
accentColor = accentColor.trim().slice(1);
if (accentColor.length === 3) {
accentColor = accentColor[0] + accentColor[0] + accentColor[1] + accentColor[1] + accentColor[2] + accentColor[2];
}
var r = parseInt(accentColor.substr(0, 2), 16);
var g = parseInt(accentColor.substr(2, 2), 16);
var b = parseInt(accentColor.substr(4, 2), 16);
var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
var textColor = (yiq >= 128) ? 'dark' : 'light';
document.documentElement.className = `has-${textColor}-text`;
</script>
<meta name="description" content="A blog about...whatever">
<link rel="canonical" href="https://notes.jkratz.me/">
<meta name="referrer" content="origin-when-cross-origin">
<link rel="next" href="https://notes.jkratz.me/page/2/">
<meta property="og:site_name" content="Notes and Drafts">
<meta property="og:type" content="website">
<meta property="og:title" content="Notes and Drafts">
<meta property="og:description" content="A blog about...whatever">
<meta property="og:url" content="https://notes.jkratz.me/">
<meta property="og:image" content="https://notes.jkratz.me/content/images/size/w1200/2025/12/retrosupply-jLwVAUtLOAQ-unsplash-crop-1352-1.webp">
<meta property="article:publisher" content="https://www.facebook.com/ghost">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Notes and Draf