cybersiderality/public/blog/cyberespacio/page/3/index.html

418 lines
9.7 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> - The void of my mind</title>
<meta name="theme-color" />
<meta
name="description"
content="A personal blog"
/>
<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.112.3">
<link
rel="alternate"
type="application/rss&#43;xml"
href="https://gemini.novoa.nagoya/blog/cyberespacio/index.xml"
title="The void of my mind"
/>
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gemini.novoa.nagoya/blog/cyberespacio/" />
<meta itemprop="name" content="">
<meta itemprop="description" content="">
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content=""/>
<meta name="twitter:description" content=""/>
</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/"
>The void of my mind</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"
>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">_And now, everything is silent._</h2>
<time class="text-sm opacity-60"
>Apr 29, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/and-now-everything-is-silent/">_And now, everything is silent._</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">A dream, &#34;King of Monkey Island&#34;</h2>
<time class="text-sm opacity-60"
>Mar 15, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/a-dream-king-of-monkey-island/">A dream, &#34;King of Monkey Island&#34;</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">Un día azul, un día soleado</h2>
<time class="text-sm opacity-60"
>Feb 15, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/un-dia-azul-un-dia-soleado/">Un día azul, un día soleado</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">And the angry man in the desert at the end of times</h2>
<time class="text-sm opacity-60"
>Feb 9, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/and-the-angry-man-in-the-desert-at-the-end-of-times/">And the angry man in the desert at the end of times</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">In a world of nothingness, a creator, the artist is wha</h2>
<time class="text-sm opacity-60"
>Feb 9, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/in-a-world-of-nothingness-a-creator-the-artist-is-what-is-the-most-valuable/">In a world of nothingness, a creator, the artist is wha</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">Alchemy Pt. 1</h2>
<time class="text-sm opacity-60"
>Feb 9, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/alchemy-pt/">Alchemy Pt. 1</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">A creature past the end of time</h2>
<time class="text-sm opacity-60"
>Feb 9, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/a-creature-past-the-end-of-time/">A creature past the end of time</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">_Karenasfaralon_ - the word of battle</h2>
<time class="text-sm opacity-60"
>Jan 28, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/karenasfaralon-the-word-of-battle/">_Karenasfaralon_ - the word of battle</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">Y es porque el hombre moderno, el hombre de occidente y</h2>
<time class="text-sm opacity-60"
>Jan 28, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/y-es-porque-el-hombre-moderno-el-hombre-de-occidente-y-civilizado-que-no-sabe/">Y es porque el hombre moderno, el hombre de occidente y</a>
</section>
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0">
<h2 class="!my-0 pb-1 font-bold !leading-none">One of the characteristics of life is death, everything</h2>
<time class="text-sm opacity-60"
>Jan 27, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/one-of-the-characteristics-of-life-is-death-everything-that-lives-in-this/">One of the characteristics of life is death, everything</a>
</section>
<nav class="mt-24 flex">
<a class="btn" href="/blog/cyberespacio/page/2/">← Prev Page</a>
<a class="btn ml-auto" href="/blog/cyberespacio/page/4/"
>Next Page →</a
>
</nav>
</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; 2023
<a class="link" href="https://gemini.novoa.nagoya/">The void of my mind</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>