cybersiderality/public/blog/cyberespacio/quiero-compartir-mi-realida.../index.html

295 lines
7.1 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>Un llamado a la realidad compartida - The void of my mind</title>
<meta name="theme-color" />
<meta name="description" content="Quiero compartir mi realidad contigo, pero antes de hacerlo quiero estar seguro de que es algo que tú también deseas. Quiero que sea una unión, no un arrebato.
The question is&hellip; do you want to share yours with mine?" />
<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.110.0">
<meta property="og:title" content="Un llamado a la realidad compartida" />
<meta property="og:description" content="Quiero compartir mi realidad contigo, pero antes de hacerlo quiero estar seguro de que es algo que tú también deseas. Quiero que sea una unión, no un arrebato.
The question is&hellip; do you want to share yours with mine?" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://gemini.novoa.nagoya/blog/cyberespacio/quiero-compartir-mi-realidad-contigo-pero-antes-de-hacerlo-quiero-estar-seguro_ta17u8igszirnydh/" /><meta property="article:section" content="blog" />
<meta itemprop="name" content="Un llamado a la realidad compartida">
<meta itemprop="description" content="Quiero compartir mi realidad contigo, pero antes de hacerlo quiero estar seguro de que es algo que tú también deseas. Quiero que sea una unión, no un arrebato.
The question is&hellip; do you want to share yours with mine?">
<meta itemprop="wordCount" content="39">
<meta itemprop="keywords" content="" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Un llamado a la realidad compartida"/>
<meta name="twitter:description" content="Quiero compartir mi realidad contigo, pero antes de hacerlo quiero estar seguro de que es algo que tú también deseas. Quiero que sea una unión, no un arrebato.
The question is&hellip; do you want to share yours with mine?"/>
</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-0.5 text-3xl font-bold"
href="https://gemini.novoa.nagoya/"
>The void of my mind</a
>
<a
class="btn-dark ml-6 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
></a>
</div>
<a
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"
></a>
<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:mt-0 lg:ml-12 lg:items-center lg:space-x-6"
>
<a
class="h-8 w-8 [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"
></a>
<a
class="h-8 w-8 [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"
></a>
</nav>
</div>
</header>
<main
class="prose prose-neutral relative mx-auto min-h-[calc(100%-10rem)] max-w-3xl px-8 pt-20 pb-32 dark:prose-invert"
>
<article>
<header class="mb-20">
<h1 class="!my-0 pb-2.5">Un llamado a la realidad compartida</h1>
<div class="text-sm opacity-60">
<span class="mx-1">&middot;</span>
<span>Lumin</span>
</div>
</header>
<section><p>Quiero compartir mi realidad contigo, pero antes de hacerlo quiero estar seguro de que es algo que tú también deseas. Quiero que sea una unión, no un arrebato.</p>
<p>The question is&hellip; do you want to share yours with mine?</p>
</section>
<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%]"
href="https://gemini.novoa.nagoya/blog/cyberespacio/you-had-many-chances-at-living-but-you-lost-them-all_ambarc8x3nk0dagq/"
><span class="mr-1.5"></span><span></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; 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"
>▷ Paper 6</a
>
</footer>
</body>
</html>