cybersiderality/public/blog/cyberespacio/a-dream-the-mist/index.html

342 lines
11 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html
class="not-ready text-sm lg:text-base"
style="--bg: #faf6f1"
lang="es-mx"
>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>A dream The mist - Dark Envelope</title>
<meta name="theme-color" />
<meta name="description" content="#dreamjournal For some reason tonight I dreamed with a lot of people with Asian features, some others were Latinos, I was in like a job but I wasn&rsquo;t really working, my mates and I were cyclically going to a store that was also like a place dinner place, but not quite a cafe, and there it was a girl that always attended us, and some other coworkers of her, and some other of our friends waiting by the tables." />
<meta name="author" content="Lumin" />
<link rel="preload stylesheet" as="style" href="https://gemini.novoa.nagoya/main.min.css" />
<link rel="preload" as="image" href="https://gemini.novoa.nagoya/theme.png" />
<link rel="preload" as="image" href="https://gemini.novoa.nagoya/mastodon.svg" />
<link rel="preload" as="image" href="https://gemini.novoa.nagoya/rss.svg" />
<link rel="icon" href="https://gemini.novoa.nagoya/favicon.ico" />
<link rel="apple-touch-icon" href="https://gemini.novoa.nagoya/apple-touch-icon.png" />
<meta name="generator" content="Hugo 0.122.0">
<meta property="og:title" content="A dream The mist" />
<meta property="og:description" content="#dreamjournal For some reason tonight I dreamed with a lot of people with Asian features, some others were Latinos, I was in like a job but I wasn&rsquo;t really working, my mates and I were cyclically going to a store that was also like a place dinner place, but not quite a cafe, and there it was a girl that always attended us, and some other coworkers of her, and some other of our friends waiting by the tables." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://gemini.novoa.nagoya/blog/cyberespacio/a-dream-the-mist/" /><meta property="article:section" content="blog" />
<meta property="article:published_time" content="2021-08-22T20:52:11+00:00" />
<meta property="article:modified_time" content="2021-08-22T20:52:11+00:00" />
<meta itemprop="name" content="A dream The mist">
<meta itemprop="description" content="#dreamjournal For some reason tonight I dreamed with a lot of people with Asian features, some others were Latinos, I was in like a job but I wasn&rsquo;t really working, my mates and I were cyclically going to a store that was also like a place dinner place, but not quite a cafe, and there it was a girl that always attended us, and some other coworkers of her, and some other of our friends waiting by the tables."><meta itemprop="datePublished" content="2021-08-22T20:52:11+00:00" />
<meta itemprop="dateModified" content="2021-08-22T20:52:11+00:00" />
<meta itemprop="wordCount" content="402">
<meta itemprop="keywords" content="imported,old blog,write.as,sueños," />
<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="A dream The mist"/>
<meta name="twitter:description" content="#dreamjournal For some reason tonight I dreamed with a lot of people with Asian features, some others were Latinos, I was in like a job but I wasn&rsquo;t really working, my mates and I were cyclically going to a store that was also like a place dinner place, but not quite a cafe, and there it was a girl that always attended us, and some other coworkers of her, and some other of our friends waiting by the tables."/>
</head>
<body class="text-black duration-200 ease-out dark:text-white">
<header class="mx-auto flex h-[5rem] max-w-3xl px-8 lg:justify-center">
<div class="relative z-50 mr-auto flex items-center">
<a
class="-translate-x-[1px] -translate-y-[1px] text-2xl font-semibold"
href="https://gemini.novoa.nagoya/"
>Dark Envelope</a
>
<div
class="btn-dark text-[0] ml-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
role="button"
aria-label="Dark"
></div>
</div>
<div
class="btn-menu relative z-50 -mr-8 flex h-[5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden"
role="button"
aria-label="Menu"
></div>
<script>
const htmlClass = document.documentElement.classList;
setTimeout(() => {
htmlClass.remove('not-ready');
}, 10);
const btnMenu = document.querySelector('.btn-menu');
btnMenu.addEventListener('click', () => {
htmlClass.toggle('open');
});
const metaTheme = document.querySelector('meta[name="theme-color"]');
const lightBg = `#faf6f1`.replace(/"/g, '');
const setDark = (isDark) => {
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
htmlClass[isDark ? 'add' : 'remove']('dark');
localStorage.setItem('dark', isDark);
};
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
if (htmlClass.contains('dark')) {
setDark(true);
} else {
const darkVal = localStorage.getItem('dark');
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
}
darkScheme.addEventListener('change', (event) => {
setDark(event.matches);
});
const btnDark = document.querySelector('.btn-dark');
btnDark.addEventListener('click', () => {
setDark(localStorage.getItem('dark') !== 'true');
});
</script>
<div
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full select-none flex-col justify-center pb-16 duration-200 dark:bg-black lg:static lg:h-auto lg:flex-row lg:!bg-transparent lg:pb-0 lg:transition-none"
>
<nav
class="mt-12 flex justify-center space-x-10 dark:invert lg:ml-12 lg:mt-0 lg:items-center lg:space-x-6"
>
<a
class="h-8 w-8 text-[0] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
style="--url: url(./mastodon.svg)"
href="https://novoa.nagoya/@sarvo"
target="_blank"
rel="me"
>
mastodon
</a>
<a
class="h-8 w-8 text-[0] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
style="--url: url(./rss.svg)"
href="https://gemini.novoa.nagoya/index.xml"
target="_blank"
rel="alternate"
>
rss
</a>
</nav>
</div>
</header>
<main
class="prose prose-neutral relative mx-auto min-h-[calc(100%-10rem)] max-w-3xl px-8 pb-24 pt-16 dark:prose-invert"
>
<article>
<header class="mb-20">
<h1 class="!my-0 pb-2.5">A dream The mist</h1>
<div class="text-sm opacity-60">
<time>Aug 22, 2021</time>
<span class="mx-1">&middot;</span>
<span>Lumin</span>
</div>
</header>
<section><p>#dreamjournal
For some reason tonight I dreamed with a lot of people with Asian features, some others were Latinos, I was in like a job but I wasn&rsquo;t really working, my mates and I were cyclically going to a store that was also like a place dinner place, but not quite a cafe, and there it was a girl that always attended us, and some other coworkers of her, and some other of our friends waiting by the tables. They were my elementary and middle school friends that I never talked with since I left school behind. Rarely I thought about them as well, in the city that we were it was very generic yet not any place I could remember, block buildings, some shorts some high, but mostly short, it was a small city with various colors per locale but they were dimmed, opaque.</p>
<p>As days passed I saw less and less of my people in the city, at first nor I nor anyone noticed until we saw the mist, it was a silver cloud, very slowly moving towards the city, what we and how we saw it was from the edge of the town, it was like an oasis of existence in a desolate desert, of thought, the dark fog was engulfing everything, in the horizon, there was no separation between the sky and the sand, the mist was the only thing that there was for a gradient of &ldquo;dreams&rdquo; and color.</p>
<p>People were leaving or disappearing also gradually, one on one or per small groups until one day there only was the brunette girl of the store, and like one of two friends waiting and 3 that were still with me, it was all so ominous, we all knew something was happening but we still did our same routine, it was odd, it was weird because it was something also that couldn&rsquo;t be ignored, the girl was feeling feeble that day, next day she wasn&rsquo;t even there and the mist was already within the city, on our last round we went to visit her and met with our friends but they were all missing, except one that joined us before meeting there, we talked all nervous and anxious for the future, we step out of the store, the mist is all around us and only thing we can see is a pickup, we move towards it. I wake up.</p>
</section>
<footer class="mt-12 flex flex-wrap">
<a
class="mb-1.5 mr-1.5 rounded-lg bg-black/[3%] px-5 py-1.5 no-underline dark:bg-white/[8%]"
href="https://gemini.novoa.nagoya/tags/imported"
>imported</a
>
<a
class="mb-1.5 mr-1.5 rounded-lg bg-black/[3%] px-5 py-1.5 no-underline dark:bg-white/[8%]"
href="https://gemini.novoa.nagoya/tags/old-blog"
>old blog</a
>
<a
class="mb-1.5 mr-1.5 rounded-lg bg-black/[3%] px-5 py-1.5 no-underline dark:bg-white/[8%]"
href="https://gemini.novoa.nagoya/tags/write.as"
>write.as</a
>
<a
class="mb-1.5 mr-1.5 rounded-lg bg-black/[3%] px-5 py-1.5 no-underline dark:bg-white/[8%]"
href="https://gemini.novoa.nagoya/tags/sue%C3%B1os"
>sueños</a
>
</footer>
<nav class="mt-24 flex rounded-lg bg-black/[3%] text-lg dark:bg-white/[8%]">
<a
class="flex w-1/2 items-center rounded-l-md p-6 pr-3 no-underline hover:bg-black/[2%] dark:hover:bg-white/[3%]"
href="https://gemini.novoa.nagoya/blog/cyberespacio/the-withered-flower/"
><span class="mr-1.5"></span><span>The withered flower.</span></a
>
<a
class="ml-auto flex w-1/2 items-center justify-end rounded-r-md p-6 pl-3 no-underline hover:bg-black/[2%] dark:hover:bg-white/[3%]"
href="https://gemini.novoa.nagoya/blog/cyberespacio/a-dream-an-apocalypse-in-chocolate/"
><span>A dream &#34;An Apocalypse in chocolate&#34;</span><span class="ml-1.5"></span></a
>
</nav>
</article>
</main>
<footer
class="opaco mx-auto flex h-[5rem] max-w-3xl items-center px-8 text-[0.9em] opacity-60"
>
<div class="mr-auto">
&copy; 2024
<a class="link" href="https://gemini.novoa.nagoya/">Dark Envelope</a>
</div>
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
>Powered by Hugo</a
>
<a
class="link"
href="https://github.com/nanxiaobei/hugo-paper"
rel="noopener"
target="_blank"
>Theme Paper</a
>
</footer>
</body>
</html>