cybersiderality/public/blog/cyberespacio/index.html

416 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> - Dark Envelope</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.122.0">
<link
rel="alternate"
type="application/rss&#43;xml"
href="https://gemini.novoa.nagoya/blog/cyberespacio/index.xml"
title="Dark Envelope"
/>
<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/"
>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"
>
<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">Quizá una de las cosas más especiales y representativ</h2>
<time class="text-sm opacity-60"
>Feb 9, 2023</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/la-muerte-en-mexico/">Quizá una de las cosas más especiales y representativ</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">Quiero compartir mi realidad contigo, pero antes de hac</h2>
<time class="text-sm opacity-60"
>Feb 5, 2023</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/quiero-compartir-mi-realidad-contigo-pero-antes-de-hacerlo-quiero-estar-seguro/">Quiero compartir mi realidad contigo, pero antes de hac</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">Just realized I want to make a world for people that do</h2>
<time class="text-sm opacity-60"
>Feb 5, 2023</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/just-realized-i-want-to-make-a-world-for-people-that-dont-exist-and-if-we-do/">Just realized I want to make a world for people that do</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">Supongo que es una forma de certeza</h2>
<time class="text-sm opacity-60"
>Feb 4, 2023</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/confianza/">Supongo que es una forma de certeza</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">La gran tarea, lo complejo, de lo que me doy cuenta jus</h2>
<time class="text-sm opacity-60"
>Feb 3, 2023</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/la-gran-tarea-lo-complejo-de-lo-que-me-doy-cuenta-justo-ahora-es-que-la/">La gran tarea, lo complejo, de lo que me doy cuenta jus</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">La luz del viento</h2>
<time class="text-sm opacity-60"
>Oct 28, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/la-luz-del-viento/">La luz del viento</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">Hay varias verdades en el mundo, y así mismo consenso</h2>
<time class="text-sm opacity-60"
>Oct 28, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/hay-varias-verdades-en-el-mundo-y-asi-mismo-consenso-multitadinales-pero/">Hay varias verdades en el mundo, y así mismo consenso</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">Sin sueños, sin viento</h2>
<time class="text-sm opacity-60"
>Oct 28, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/sin-suenos-sin-viento/">Sin sueños, sin viento</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">Las noches raramente están en silencio</h2>
<time class="text-sm opacity-60"
>Oct 23, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/las-noches-raramente-estan-en-silencio/">Las noches raramente están en silencio</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 mundo con una paz absurda</h2>
<time class="text-sm opacity-60"
>Oct 23, 2022</time
>
<a class="absolute inset-0 text-[0]" href="https://gemini.novoa.nagoya/blog/cyberespacio/un-mundo-con-una-paz-absurda/">Un mundo con una paz absurda</a>
</section>
<nav class="mt-24 flex">
<a class="btn ml-auto" href="/blog/cyberespacio/page/2/"
>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; 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>