cybersiderality/public/blog/confianza_eebgoyizelp2ytps/index.html

361 lines
9 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>Confianza - The void of my mind</title>
<meta name="theme-color" />
<meta name="description" content="Supongo que es una forma de certeza
Y una promesa sin serlo, una promesa al aire, que no se dice
No es algo que se pida ni que se otorgue
Es algo que existe por sí mismo, que nace de la interacción
Y, por lo tanto, siempre requiere de un otro
No se puede confiar en un algo, porque no hay una reciprocidad
Solo existe una confianza cuando hay una promesa silente detrás" />
<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">
<meta property="og:title" content="Confianza" />
<meta property="og:description" content="¿Dónde están los alebrijes?" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://gemini.novoa.nagoya/blog/confianza_eebgoyizelp2ytps/" /><meta property="article:section" content="blog" />
<meta property="article:published_time" content="2023-02-02T23:51:25-06:00" />
<meta property="article:modified_time" content="2023-02-02T23:51:25-06:00" />
<meta itemprop="name" content="Confianza">
<meta itemprop="description" content="¿Dónde están los alebrijes?"><meta itemprop="datePublished" content="2023-02-02T23:51:25-06:00" />
<meta itemprop="dateModified" content="2023-02-02T23:51:25-06:00" />
<meta itemprop="wordCount" content="159">
<meta itemprop="keywords" content="ideas,social,reflexión,español," />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Confianza"/>
<meta name="twitter:description" content="¿Dónde están los alebrijes?"/>
</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"
>
<article>
<header class="mb-20">
<h1 class="!my-0 pb-2.5">Confianza</h1>
<div class="text-sm opacity-60">
<time>Feb 2, 2023</time>
<span class="mx-1">&middot;</span>
<span>Lumin</span>
</div>
</header>
<section><p>Supongo que es una forma de certeza</p>
<p>Y una promesa sin serlo, una promesa al aire, que no se dice</p>
<p>No es algo que se pida ni que se otorgue</p>
<p>Es algo que existe por sí mismo, que nace de la interacción</p>
<p>Y, por lo tanto, siempre requiere de un otro</p>
<p>No se puede confiar en un algo, porque no hay una reciprocidad</p>
<p>Solo existe una confianza cuando hay una promesa silente detrás</p>
<p>Y solo aparece cuando la promesa se cumple</p>
<p>Y es por eso por lo cual es tan profunda</p>
<p>Por eso nos afecta tanto como individuos</p>
<p>Porque está conectada al corazón, pues no es solo algo emotivo</p>
<p>De hecho, el que sea emotivo proviene del proceso de unión</p>
<p>Porque al romperla se deshace la realidad compartida
――――――――――――――――――――――――――――</p>
<p>And attachment to the world.
This post is about women.</p>
<p>Y la confianza de verdad es de lo más precioso que existe en este mundo, una pura sensación de calidez.</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/ideas"
>ideas</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/social"
>social</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/reflexi%C3%B3n"
>reflexión</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/espa%C3%B1ol"
>español</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/confianza/"
><span class="mr-1.5"></span><span>Supongo que es una forma de certeza</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/la-gran-tarea-lo-complejo-de-lo-que-me-doy-cuenta-justo-ahora-es-que-la/"
><span>La gran tarea, lo complejo, de lo que me doy cuenta jus</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; 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>