cybersiderality/public/blog/cyberespacio/un-dia-azul-un-dia-soleado/index.html

339 lines
8.9 KiB
HTML
Raw Permalink 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>Un día azul, un día soleado - Dark Envelope</title>
<meta name="theme-color" />
<meta name="description" content="Bajo el colibrí y sus alas se esconde un brillo Un enigma, un misterio falso ¿Qué es? ¿Qué murmuros grita? ¿Cuál es la grilla? ¿Cuál es la guía? Y dias eternos sin espera al batir de sus alas ¿Qué es lo que dice? ¿Qué es lo que sopla? ¿Cómo es el sonar del viento azul del colibrí?" />
<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="Un día azul, un día soleado" />
<meta property="og:description" content="Bajo el colibrí y sus alas se esconde un brillo Un enigma, un misterio falso ¿Qué es? ¿Qué murmuros grita? ¿Cuál es la grilla? ¿Cuál es la guía? Y dias eternos sin espera al batir de sus alas ¿Qué es lo que dice? ¿Qué es lo que sopla? ¿Cómo es el sonar del viento azul del colibrí?" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://gemini.novoa.nagoya/blog/cyberespacio/un-dia-azul-un-dia-soleado/" /><meta property="article:section" content="blog" />
<meta property="article:published_time" content="2022-02-15T22:18:02+00:00" />
<meta property="article:modified_time" content="2022-02-15T22:18:02+00:00" />
<meta itemprop="name" content="Un día azul, un día soleado">
<meta itemprop="description" content="Bajo el colibrí y sus alas se esconde un brillo Un enigma, un misterio falso ¿Qué es? ¿Qué murmuros grita? ¿Cuál es la grilla? ¿Cuál es la guía? Y dias eternos sin espera al batir de sus alas ¿Qué es lo que dice? ¿Qué es lo que sopla? ¿Cómo es el sonar del viento azul del colibrí?"><meta itemprop="datePublished" content="2022-02-15T22:18:02+00:00" />
<meta itemprop="dateModified" content="2022-02-15T22:18:02+00:00" />
<meta itemprop="wordCount" content="57">
<meta itemprop="keywords" content="imported,old blog,write.as," />
<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Un día azul, un día soleado"/>
<meta name="twitter:description" content="Bajo el colibrí y sus alas se esconde un brillo Un enigma, un misterio falso ¿Qué es? ¿Qué murmuros grita? ¿Cuál es la grilla? ¿Cuál es la guía? Y dias eternos sin espera al batir de sus alas ¿Qué es lo que dice? ¿Qué es lo que sopla? ¿Cómo es el sonar del viento azul del colibrí?"/>
</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">Un día azul, un día soleado</h1>
<div class="text-sm opacity-60">
<time>Feb 15, 2022</time>
<span class="mx-1">&middot;</span>
<span>Lumin</span>
</div>
</header>
<section><p>Bajo el colibrí y sus alas se esconde un brillo
Un enigma, un misterio falso
¿Qué es? ¿Qué murmuros grita?
¿Cuál es la grilla? ¿Cuál es la guía?
Y dias eternos sin espera al batir de sus alas
¿Qué es lo que dice? ¿Qué es lo que sopla?
¿Cómo es el sonar del viento azul del colibrí?</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
>
</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/a-dream-king-of-monkey-island/"
><span class="mr-1.5"></span><span>A dream, &#34;King of Monkey Island&#34;</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/and-the-angry-man-in-the-desert-at-the-end-of-times/"
><span>And the angry man in the desert at the end of times</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>