anthonyhughes.art/hallowquest/the-seeker-in-the-wasteland-4/index.html

600 lines
14 KiB
HTML
Raw Permalink Normal View History

2026-02-07 21:30:41 +00:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Seeker in the Wasteland IV</title>
<meta name="description" content="dimfrent">
<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="Anthony Hughes">
<link rel="icon" type="image/x-icon" href="../img/favicon.ico">
<style>/* This is an arbitrary CSS string added to the bundle */
@font-face {
font-family: 'AtkinsonHyperlegibleNext-Regular';
src: url('/fonts/AtkinsonHyperlegibleNext-Regular.woff2') format('woff2');
font-display: swap;
}
/* Defaults */
:root {
--font-family: AtkinsonHyperlegibleNext-Regular, -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #082840;
--text-color-link-active: #5f2b48;
--text-color-link-visited: #17050F;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden:not(:focus):not(:active) {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
/* Fluid images via https://www.zachleat.com/web/fluid-images/ */
img{
max-width: 100%;
}
img[width][height] {
height: auto;
}
img[src$=".svg"] {
width: 100%;
height: auto;
max-width: none;
}
video,
iframe {
width: 100%;
height: auto;
}
iframe {
aspect-ratio: 16/9;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
/* border-bottom: 1px dashed var(--color-gray-20); */
}
#skip-link {
text-decoration: none;
background: var(--background-color);
color: var(--text-color);
padding: 0.5rem 1rem;
border: 1px solid var(--color-gray-90);
border-radius: 2px;
}
/* Prevent visually-hidden skip link fom pushing content around when focused */
#skip-link.visually-hidden:focus {
position: absolute;
top: 1rem;
left: 1rem;
/* Ensure it is positioned on top of everything else when it is shown */
z-index: 999;
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 1em;
}
.home-link {
flex-grow: 1;
font-size: 1em; /* 16px /16 */
font-weight: 700;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
gap: .5em 1em;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
counter-reset: start-from var(--postlist-index);
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Hallowquest list */
.hallowquestlist {
counter-reset: start-from var(--postlist-index);
list-style: none;
padding: 0;
padding-left: 1.5rem;
justify-content: center;
}
.hallowquest-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
justify-content: space-between;
}
.hallowquest-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
margin-right: 1.5rem;
}
.hallowquest-date,
.hallowquest-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.hallowquest-date {
word-spacing: -0.5px;
margin-left: 1.5rem;
}
.hallowquest-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.hallowquest-item-active .hallowquest-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
padding: 0;
margin: 0;
}
.post-metadata time {
margin-right: 1em;
}
/**
* okaidia theme for JavaScript, CSS and HTML
* Loosely based on Monokai textmate theme by http://www.monokai.nl/
* @author ocodia
*/
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #272822;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #8292a2;
}
.token.punctuation {
color: #f8f8f2;
}
.token.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
color: #f92672;
}
.token.boolean,
.token.number {
color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
color: #e6db74;
}
.token.keyword {
color: #66d9ef;
}
.token.regex,
.token.important {
color: #fd971f;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#main" id="skip-link" class="visually-hidden">Skip to main content</a>
<header>
<!-- <a href="/" class="home-link">Anthony Hughes</a> -->
<!-- UNCOMMENT TO SHOW NAVIGATION MENU
<nav>
<h2 class="visually-hidden">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/hallowquest/">Hallowquest</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav> -->
</header>
<main id="main">
<heading-anchors>
<!--
<h1>The Seeker in the Wasteland IV</h1>
<ul class="post-metadata">
<li><time datetime="2026-01-19">19 January 2026</time></li>
<li><a href="/tags/hallowquest/" class="post-tag">hallowquest</a>, </li>
<li><a href="/tags/hallowquest/" class="post-tag">hallowquest</a></li>
</ul>
-->
<h1 style="text-align:center" id="the-seeker-in-the-wasteland-iv">The Seeker in the Wasteland IV</h1>
<div style="text-align:center; font-size: 1.5rem; padding-bottom:0.85rem;">Grail Ten | Sword Four</div>
<div style="text-align:center; font-size: 1.2rem;">19 January 2026</div>
<div style="text-align:center; font-size: 0.9rem;">Waxing Crescent (1%)</div>
<div style="text-align:center; font-size: 0.9rem;">5°C Overcast</div>
<p>Having walked through the forest for what feels like days, I begin to hear the sound of gulls in the distance. &quot;I must be nearing the coast&quot;, I recall to myself. Further down the road the forest begins to weaken as the encroachment of the sand seeps in from the nearby coast. Now I can hear the waves crashing ashore, each one altering the shoreline, perceptable only over generations.</p>
<p>The path opens to a beach covered in grassy dunes, a mix of greens, yellows and purples. The air smells pleasant and rejuvenating, warm and dewy. I feel a strong emotion flow over me like the nearby ocean. It is a reminder that my journey is only just beginning, that I a nowhere near the end, but there is a strong pull to rest. I say to myself, &quot;No, I must keeping going.&quot; Maybe this is home, or maybe this place is meant to show me what home is for me. Perhaps I'll be back here when I've completed my quest, or perhaps somewhere quite similar. But for now, this is not the time to end.</p>
<p>I press on, following the shore toward white limestone cliffs rising in the distance. High upon the grasslands topping the cliffs rests a chapel. It is an ancient chapel, standing for millenia, erected by my ancestors ancestors, and yet, it stands unaltered by weather or time.</p>
<p>As I approach the chapel the day begins to darken, my shadow now twice the height of myself. A beam of light shines from the chapel entrance. Inside I can see an altar, gilded with depictions of cows. A sword rests on the altar. I feel overwhelmingly tired in this moment as I've been traveling for what feels like days without rest. I pray at the altar for safe shelter for the night before laying myself down on some nearby hay.</p>
<p>As my eyes begin to close I think of the people I've met on my journey so far. I hope the Spear Maiden found the orchard and something to eat, and I pray the Sword Maiden's husband has been victorious in battle and returns to her soon.</p>
<p>Not long after, I drift to sleep.</p>
<ul class="links-nextprev"><li class="links-nextprev-prev">← Previous<br> <a href="/hallowquest/the-seeker-in-the-wasteland-3/">The Seeker in the Wasteland III</a></li>
</ul>
<p style="text-align:center"><a href="/hallowquest"> < return to list</a></p>
</heading-anchors>
</main>
<footer style="text-align:center;">
<p>***</p>
<p>
<em>Designed and powered by <a href="https://anthonyhughes.art">me</a></em>
</p>
</footer>
<!-- This page `/hallowquest/the-seeker-in-the-wasteland-4/` was built on 2026-01-20T23:03:25.820Z -->
<script type="module" src="/dist/cC8wS6ZjFU.js"></script>
</body>
</html>