PageSourceSearch

https://josetportfolio-delta.vercel.app/blog

html josetportfolio-delta.vercel.app collected 2026-10-03 07:09:15 UTC 53,390 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html data-dpl-id="dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" lang="en" class="bg-background"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.08e28id.o-okb.woff2?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/multimedia/misc-images/theremin-logo.png"/><link rel="preload" as="image" href="/multimedia/blog/hollow-knight.avif?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P"/><link rel="stylesheet" href="/_next/static/chunks/0vto3jr3kmskd.css?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/0vd~caf_lsmo7.css?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/05657rftlrwg~.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P"/>
1<script src="/_next/static/chunks/0pqt~8bl3ukh4.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" async=""></script>
1<script src="/_next/static/chunks/0rsr~dltgrthb.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" async=""></script>
1<script src="/_next/static/chunks/10u3y4bw1ayzs.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" async=""></script>
1<script src="/_next/static/chunks/turbopack-12jt3.lln2.g..js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" async=""></script>
1<script src="/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" async=""></script>
1<script src="/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" async=""></script>
1<script src="/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" async=""></script>
1<script src="/_next/static/chunks/14_rz312xmo7p.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Blog | Jose B. Gómez — Apuntes &amp; Reflexiones</title><meta name="description" content="Reflexiones sobre tecnología, diseño, música electrónica y humanidades por Jose B. Gómez."/><meta name="author" content="Joset"/><meta name="creator" content="Joset"/><meta name="publisher" content="Joset"/><meta property="og:title" content="Portfolio | Diseñador Web"/><meta property="og:description" content="Proyectos web construidos con propósito, código JavaScript."/><meta property="og:image" content="https://josetportfolio-delta.vercel.app/opengraph.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Portfolio de Joset"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Portfolio | Diseñador Web"/><meta name="twitter:description" content="Proyectos web construidos con propósito, código JavaScript."/><meta name="twitter:image" content="https://josetportfolio-delta.vercel.app/opengraph.jpg"/><meta name="twitter:image:alt" content="Portfolio de Joset"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text y=%22.9em%22 font-size=%2290%22&gt;💻&lt;/text&gt;&lt;/svg&gt;"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" noModule=""></script>
1</head><body class="font-sans antialiased bg-background text-foreground"><div hidden=""><!--$--><!--/$--></div><main class="min-h-screen bg-background flex flex-col justify-between text-foreground"><div class="w-full pt-6 px-6 md:px-12 lg:px-20"><div class="max-w-7xl mx-auto w-full flex items-stretch gap-1.5 md:gap-2"><div class="md:hidden flex items-center justify-center h-14 w-14 bg-background/95 dark:bg-[#121212]/95 backdrop-blur-md border border-border dark:border-white/10 rounded-xl shadow-sm"><button class="p-3 text-foreground cursor-pointer"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button></div><div class="hidden md:flex items-center justify-center h-14 bg-background/95 dark:bg-[#121212]/95 backdrop-blur-md border border-border dark:border-white/10 rounded-xl px-5 shadow-sm"><a class="flex items-center -my-5" href="/"><img src="/multimedia/misc-images/theremin-logo.png" alt="Logo" class="h-12 md:h-14 w-auto invert dark:invert-0"/></a></div><div class="flex-1 flex items-center justify-between h-14 bg-background/95 dark:bg-[#121212]/95 backdrop-blur-md border border-border dark:border-white/10 rounded-xl shadow-sm px-4 md:px-6"><div class="md:hidden w-full flex items-center justify-center"><a class="flex items-center -my-5" href="/"><img src="/multimedia/misc-images/theremin-logo.png" alt="Logo" class="h-12 w-auto invert dark:invert-0"/></a></div><div class="hidden md:flex items-center w-full relative h-full"><nav class="absolute left-1/2 -translate-x-1/2 flex items-center gap-6"><a class="relative py-1 text-sm font-semibold text-foreground/80 hover:text-accent transition-colors after:absolute after:bottom-0 after:left-0 after:w-full after:h-[1.5px] after:bg-accent after:scale-x-0 hover:after:scale-x-100 after:transition-transform after:duration-300 after:origin-left" href="/#works">Portafolio</a><span class="text-foreground/20 select-none">|</span><a class="relative py-1 text-sm font-semibold text-foreground/80 hover:text-accent transition-colors after:absolute after:bottom-0 after:left-0 after:w-full after:h-[1.5px] after:bg-accent after:scale-x-0 hover:after:scale-x-100 after:transition-transform after:duration-300 after:origin-left" href="/sobre-mi">Sobre mí</a><span class="text-foreground/20 select-none">|</span><a class="relative py-1 text-sm font-semibold text-foreground/80 hover:text-accent transition-colors shrink-0 after:absolute after:bottom-0 after:left-0 after:w-full after:h-[1.5px] after:bg-accent after:scale-x-0 hover:after:scale-x-100 after:transition-transform after:duration-300 after:origin-left" href="/blog">Theremin Notes</a></nav><a href="https://wa.me/573507482102" target="_blank" rel="noopener noreferrer" class="ml-auto flex items-center gap-2 px-5 h-10 text-foreground hover:text-accent transition-colors duration-300 rounded-full text-sm font-semibold cursor-pointer"><svg class="w-4 h-4 flex-shrink-0" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.746.953 3.71 1.444 5.703 1.447h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg><span class="w-[1px] h-3.5 bg-current opacity-30"></span><span>Hablemos</span></a></div></div></div></div><div class="flex-1 max-w-6xl mx-auto w-full px-6 md:px-12 lg:px-20 py-16 md:py-24"><section class="mb-16"><span class="font-mono text-xs tracking-widest text-[#1DB954] uppercase block mb-4">[ EL BLOG ]</span><h1 class="text-4xl md:text-5xl lg:text-6xl font-medium tracking-tight mb-6">Theremind Notes</h1><p class="text-lg md:text-xl text-muted-foreground max-w-2xl leading-relaxed font-light mb-6">Un espacio dedicado a compartir reflexiones filosóficas, epifanías y conclusiones medianamente profundas.</p></section><section class="space-y-16 mb-20"><div class="relative overflow-hidden rounded-3xl border border-border bg-card/30 backdrop-blur-sm group transition-all duration-500 hover:border-foreground
1/20"><div class="absolute top-0 right-0 w-[300px] h-[300px] bg-[#1DB954]/5 rounded-full blur-[80px] pointer-events-none"></div><div class="grid grid-cols-1 lg:grid-cols-12 gap-8 p-6 md:p-8 lg:p-10 items-center"><div class="lg:col-span-5 relative w-full aspect-[4/3] lg:aspect-[16/10] rounded-2xl overflow-hidden border border-white/5 bg-muted"><img alt="¿Por qué queremos que nos cure quien nos hizo daño?" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/multimedia/blog/hollow-knight.avif?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P"/></div><div class="lg:col-span-7 flex flex-col justify-between h-full"><div><div class="flex flex-wrap items-center gap-3 mb-4"><span class="font-mono text-xs text-[#1DB954] tracking-wider font-semibold uppercase">PSICOLOGÍA &amp; VÍNCULOS</span><span class="w-1 h-1 rounded-full bg-muted-foreground/40"></span><span class="font-mono text-[10px] text-muted-foreground px-2 py-0.5 rounded bg-white/5">Vista Previa</span></div><h3 class="text-2xl md:text-3xl font-medium tracking-tight mb-4 text-foreground dark:text-white group-hover:text-[#1DB954] transition-colors duration-300">¿Por qué queremos que nos cure quien nos hizo daño?</h3><p class="text-zinc-400 text-sm md:text-base leading-relaxed font-light line-clamp-4 lg:line-clamp-3">La autocompasión puede verse como la capacidad autorregenerativa encargada de reconstruir el sentido de la propia valía una vez nos enfrentamos a situaciones que comprometen la autoestima o cualquier pilar que nos dé nociones de la realidad... de nuestra realidad. En otras palabras, la autocompasión puede verse como la función que ejercen las células al momento de cerrar una herida. Cuando una relación termina (especialmente de forma dolorosa, repentina, vergonzosa o humillante), la ruptura no solo significa la pérdida de una pareja, sino también la pérdida de quienes somos; solo que, en este caso, perdemos lo que somos proyectados sobre la mirada del otro. Perdemos una mirada que nos reafirma quienes somos.</p></div><div class="mt-8 pt-6 border-t border-border/40 flex flex-wrap items-center justify-between gap-4 text-xs font-mono text-muted-foreground"><div class="flex items-center gap-4"><span class="flex items-center gap-1.5 text-[#1DB954]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-3.5 h-3.5" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Próximamente lectura completa</span></div><span class="inline-block px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[10px] text-zinc-400">Lectura no disponible — En desarrollo</span></div></div></div></div><div class="relative overflow-hidden rounded-3xl border border-border bg-card/30 backdrop-blur-sm group transition-all duration-500 hover:border-foreground
1/20"><div class="absolute top-0 right-0 w-[300px] h-[300px] bg-[#1DB954]/5 rounded-full blur-[80px] pointer-events-none"></div><div class="grid grid-cols-1 lg:grid-cols-12 gap-8 p-6 md:p-8 lg:p-10 items-center"><div class="lg:col-span-5 relative w-full aspect-[4/3] lg:aspect-[16/10] rounded-2xl overflow-hidden border border-white/5 bg-muted"><img alt="Deuda, culpabilidad y vergüenza: cómo elegir un regalo que no provoque incomodidad" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/multimedia/blog/apus.jpg?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P"/></div><div class="lg:col-span-7 flex flex-col justify-between h-full"><div><div class="flex flex-wrap items-center gap-3 mb-4"><span class="font-mono text-xs text-[#1DB954] tracking-wider font-semibold uppercase">PSICOLOGÍA &amp; COMPORTAMIENTO</span><span class="w-1 h-1 rounded-full bg-muted-foreground/40"></span><span class="font-mono text-[10px] text-muted-foreground px-2 py-0.5 rounded bg-white/5">Vista Previa</span></div><h3 class="text-2xl md:text-3xl font-medium tracking-tight mb-4 text-foreground dark:text-white group-hover:text-[#1DB954] transition-colors duration-300">Deuda, culpabilidad y vergüenza: cómo elegir un regalo que no provoque incomodidad</h3><p class="text-zinc-400 text-sm md:text-base leading-relaxed font-light line-clamp-4 lg:line-clamp-3">Siento que los regalos se dividen en varias escalas: gesto, reconocimiento, símbolo, regalo, ofrenda, tributo y sacrificio. Me gusta clasificarlos según la sensación que inconscientemente buscamos generar en el otro. El gesto, por su parte, va encaminado a lo social; es el cumplimiento de un protocolo destinado a preservar la integridad, el respeto y los valores del reconocimiento hacia el otro. El símbolo o reconocimiento implica tomar conciencia de la existencia ajena mediante un acto simbólico. Es algo así como respetar la ausencia del otro, o nombrarlo en su ausencia para que esta se propague de tal forma que los presentes lo recuerden y el impacto sea grupal.</p></div><div class="mt-8 pt-6 border-t border-border/40 flex flex-wrap items-center justify-between gap-4 text-xs font-mono text-muted-foreground"><div class="flex items-center gap-4"><span class="flex items-center gap-1.5 text-[#1DB954]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-3.5 h-3.5" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Próximamente lectura completa</span></div><span class="inline-block px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[10px] text-zinc-400">Lectura no disponible — En desarrollo</span></div></div></div></div><div class="relative overflow-hidden rounded-3xl border border-border bg-card/30 backdrop-blur-sm group transition-all duration-500 hover:border-foreground
1/20"><div class="absolute top-0 right-0 w-[300px] h-[300px] bg-[#1DB954]/5 rounded-full blur-[80px] pointer-events-none"></div><div class="grid grid-cols-1 lg:grid-cols-12 gap-8 p-6 md:p-8 lg:p-10 items-center"><div class="lg:col-span-5 relative w-full aspect-[4/3] lg:aspect-[16/10] rounded-2xl overflow-hidden border border-white/5 bg-muted"><img alt="Alienación paralela en política" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/multimedia/blog/harry.jpg?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P"/></div><div class="lg:col-span-7 flex flex-col justify-between h-full"><div><div class="flex flex-wrap items-center gap-3 mb-4"><span class="font-mono text-xs text-[#1DB954] tracking-wider font-semibold uppercase">POLÍTICA &amp; COMPORTAMIENTO</span><span class="w-1 h-1 rounded-full bg-muted-foreground/40"></span><span class="font-mono text-[10px] text-muted-foreground px-2 py-0.5 rounded bg-white/5">Vista Previa</span></div><h3 class="text-2xl md:text-3xl font-medium tracking-tight mb-4 text-foreground dark:text-white group-hover:text-[#1DB954] transition-colors duration-300">Alienación paralela en política</h3><p class="text-zinc-400 text-sm md:text-base leading-relaxed font-light line-clamp-4 lg:line-clamp-3">Es muy interesante cómo los grupos políticos pueden terminar adoptando los rasgos negativos que sus oponentes les atribuyen. También es fascinante cómo el discurso del &quot;otro&quot; puede internalizarse y moldear la propia identidad. Recuerdo que al principio y antes de las elecciones, los simpatizantes de la izquierda afirmaban no estar de acuerdo con...</p></div><div class="mt-8 pt-6 border-t border-border/40 flex flex-wrap items-center justify-between gap-4 text-xs font-mono text-muted-foreground"><div class="flex items-center gap-4"><span class="flex items-center gap-1.5 text-[#1DB954]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-3.5 h-3.5" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Próximamente lectura completa</span></div><span class="inline-block px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[10px] text-zinc-400">Lectura no disponible — En desarrollo</span></div></div></div></div></section></div><footer id="footer" class="relative w-full px-6 md:px-12 lg:px-20 py-12 border-t border-border bg-white text-foreground overflow-hidden"><div class="relative z-10 max-w-7xl mx-auto"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8 md:gap-12"><div><h3 class="text-sm font-semibold tracking-wider uppercase mb-4">Contacto</h3><div class="flex flex-col gap-2"><a href="mailto:[email protected]" class="flex items-center gap-2 text-muted-foreground text-sm hover:text-accent transition-colors group"><svg class="w-4 h-4 shrink-0 opacity-70 group-hover:opacity-100 transition-opacity" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span>[email protected]</span></a><a href="tel:+3507482102" class="flex items-center gap-2 text-muted-foreground text-sm hover:text-accent transition-colors group"><svg class="w-4 h-4 shrink-0 opacity-70 group-hover:opacity-100 transition-opacity" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>+3507482102</span></a></div></div><div>
1<h3 class="text-sm font-semibold tracking-wider uppercase mb-4">Redes Sociales</h3><div class="flex flex-col gap-3"><a target="_blank" class="flex items-center gap-2 text-muted-foreground text-sm hover:text-accent transition-colors group" href="https://www.linkedin.com/in/josetg/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="w-4 h-4 shrink-0 transition-transform group-hover:scale-110" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg><span>LinkedIn</span></a><a target="_blank" class="flex items-center gap-2 text-muted-foreground text-sm hover:text-accent transition-colors group" href="https://www.behance.net/josetgomez"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 576 512" class="w-4 h-4 shrink-0 transition-transform group-hover:scale-110" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z"></path></svg><span>Behance</span></a><a target="_blank" class="flex items-center gap-2 text-muted-foreground text-sm hover:text-accent transition-colors group" href="https://co.pinterest.com/joset_asperjet/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="w-4 h-4 shrink-0 transition-transform group-hover:scale-110" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"></path></svg><span>Pinterest</span></a></div></div><div><h3 class="text-sm font-semibold tracking-wider uppercase mb-4">Ubicación</h3><p class="text-muted-foreground text-sm">Cali, Colombia</p><p class="text-muted-foreground text-sm mt-2">Disponible para proyectos remotos</p><hr class="border-border/60 my-4"/><h4 class="text-xs font-semibold tracking-wider uppercase mb-3 text-muted-foreground">Tecnologías</h4><div class="flex flex-wrap gap-3 text-muted-foreground/60"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-5 h-5 hover:text-foreground transition-colors duration-300 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><title>JavaScript</title><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z"></path></svg><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-5 h-5 hover:text-foreground transition-colors duration-300 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Next.js</title><path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"></path></svg><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-5 h-5 hover:text-foreground transition-colors duration-300 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Supabase</title><path d="M11.9 1.036c-.015-.986-1.26-1.41-1.874-.637L.764 12.05C-.33 13.427.65 15.455 2.409 15.455h9.579l.113 7.51c.014.985 1.259 1.408 1.873.636l9.262-11.653c1.093-1.375.113-3.403-1.645-3.403h-9.642z"></path></svg><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-5 h-5 hover:text-foreground transition-colors duration-300 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Vercel</title><path d="m12 1.608 12 20.784H0Z"></path></svg><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-5 h-5 hover:text-foreground transition-colors duration-300 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Figma</title><path d="M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.
1665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z"></path></svg><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 hover:text-foreground transition-colors duration-300 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Photoshop</title><path d="M3 12c0 -4.243 0 -6.364 1.318 -7.682s3.44 -1.318 7.682 -1.318s6.364 0 7.682 1.318s1.318 3.44 1.318 7.682s0 6.364 -1.318 7.682s-3.44 1.318 -7.682 1.318s-6.364 0 -7.682 -1.318s-1.318 -3.44 -1.318 -7.682"></path><path d="M6.79 15.79v-3.79m0 0v-2.724c0 -.11 0 -.165 .004 -.211c.044 -.45 .4 -.806 .85 -.85c.046 -.004 .101 -.004 .211 -.004h1.303a1.895 1.895 0 1 1 0 3.789z"></path><path d="M17.178 11.263c-.164 -.659 -.935 -1.158 -1.862 -1.158c-1.047 0 -1.895 .637 -1.895 1.421c0 .785 .848 1.421 1.895 1.421c1.046 0 1.895 .637 1.895 1.421c0 .785 -.849 1.421 -1.895 1.421c-.93 0 -1.704 -.502 -1.864 -1.165"></path></svg><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 hover:text-foreground transition-colors duration-300 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><title>After Effects</title><path d="M3 12c0 -4.243 0 -6.364 1.318 -7.682s3.44 -1.318 7.682 -1.318s6.364 0 7.682 1.318s1.318 3.44 1.318 7.682s0 6.364 -1.318 7.682s-3.44 1.318 -7.682 1.318s-6.364 0 -7.682 -1.318s-1.318 -3.44 -1.318 -7.682"></path><path d="M12 15.79l-.82 -2.653m-4.864 2.652l.82 -2.652m0 0l.686 -2.218c.559 -1.806 .838 -2.708 1.336 -2.708s.777 .902 1.335 2.708l.686 2.218m-4.043 0h4.043"></path><path d="M13.895 12.824v1.07a1.895 1.895 0 0 0 3.54 .942m-3.54 -2.012v-.824a1.895 1.895 0 1 1 3.79 0v.824z"></path></svg></div></div><div><h3 class="text-sm font-semibold tracking-wider uppercase mb-4">Utilidades</h3><div class="flex flex-col gap-3"><a href="/multimedia/documents/CV - WEB DESIGNER JOSE B. GÓMEZ.pdf" download="CV - WEB DESIGNER JOSE B. GÓMEZ.pdf" class="text-muted-foreground text-sm hover:text-accent transition-colors">Hoja de Vida</a><button class="text-muted-foreground text-sm hover:text-accent transition-colors text-left cursor-pointer">Términos y condiciones</button><button class="text-muted-foreground text-sm hover:text-accent transition-colors text-left cursor-pointer">Tratamiento de datos</button></div></div></div><div class="mt-12 pt-8 border-t border-border flex flex-col md:flex-row justify-between items-start md:items-center gap-6"><p class="text-muted-foreground text-sm max-w-2xl leading-relaxed">Theremind Notes es un sitio web diseñado para compartir mi portafolio profesional, junto con artículos informativos sobre temas de interés cultural e individual, tales como reflexiones filosóficas, epifanías y algo de psicología.</p><div class="flex flex-col md:items-end gap-2 shrink-0 w-full md:w-auto"><span class="text-[11px] text-muted-foreground/80 font-mono">Última actualización: 11 de julio de 2026</span></div></div></div></footer></main><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
1<script src="/_next/static/chunks/05657rftlrwg~.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"default\"]\n4:I[67057,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"ContactWidget\"]\n5:I[2355,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"Analytics\"]\n6:I[13293,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/14_rz312xmo7p.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"Header\"]\n7:I[5500,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/14_rz312xmo7p.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"Image\"]\n10:I[68027,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"default\",1]\n:HL[\"/_next/static/chunks/0vto3jr3kmskd.css?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"style\"]\n:HL[\"/_next/static/chunks/0vd~caf_lsmo7.css?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.08e28id.o-okb.woff2?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"blog\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0vto3jr3kmskd.css?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0vd~caf_lsmo7.css?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"bg-background\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans antialiased bg-background text-foreground\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"className\":\"min-h-screen bg-background flex flex-col justify-between text-foreground\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-6xl mx-auto w-full px-6 md:px-12 lg:px-20 py-16 md:py-24\",\"children\":[[\"$\",\"section\",null,{\"className\":\"mb-16\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-xs tracking-widest text-[#1DB954] uppercase block mb-4\",\"children\":\"[ EL BLOG ]\"}],[\"$\",\"h1\",null,{\"className\":\"text-4xl md:text-5xl lg:text-6xl font-medium tracking-tight mb-6\",\"children\":\"Theremind Notes\"}],[\"$\",\"p\",null,{\"className\":\"text-lg md:text-xl text-muted-foreground max-w-2xl leading-relaxed font-light mb-6\",\"children\":\"Un espacio dedicado a compartir reflexiones filosóficas, epifanías y conclusiones medianamente profundas.\"}]]}],[\"$\",\"section\",null,{\"className\":\"space-y-16 mb-20\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"relative overflow-hidden rounded-3xl border border-border bg-card/30 backdrop-blur-sm group transition-all duration-500 hover:border-foreground
1/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-[300px] h-[300px] bg-[#1DB954]/5 rounded-full blur-[80px] pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 lg:grid-cols-12 gap-8 p-6 md:p-8 lg:p-10 items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:col-span-5 relative w-full aspect-[4/3] lg:aspect-[16/10] rounded-2xl overflow-hidden border border-white/5 bg-muted\",\"children\":[\"$\",\"$L7\",null,{\"src\":\"/multimedia/blog/hollow-knight.avif\",\"alt\":\"¿Por qué queremos que nos cure quien nos hizo daño?\",\"fill\":true,\"className\":\"object-cover transition-transform duration-700 group-hover:scale-105\",\"sizes\":\"(max-width: 1024px) 100vw, 40vw\",\"priority\":true}]}],\"$L8\"]}]]}],\"$L9\",\"$La\"]}]]}],\"$Lb\"]}],[\"$Lc\"],\"$Ld\"]}],{},null,false,null]},null,false,\"$@e\"]},null,false,null],\"$Lf\",false]],\"m\":\"$undefined\",\"G\":[\"$10\",[\"$L11\",\"$L12\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"13:I[76841,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/14_rz312xmo7p.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"Footer\"]\n14:I[97367,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"OutletBoundary\"]\n15:\"$Sreact.suspense\"\n18:I[97367,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"ViewportBoundary\"]\n1a:I[97367,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"MetadataBoundary\"]\n"])</script>
1<script>self.__next_f.push([1,"8:[\"$\",\"div\",null,{\"className\":\"lg:col-span-7 flex flex-col justify-between h-full\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-xs text-[#1DB954] tracking-wider font-semibold uppercase\",\"children\":\"PSICOLOGÍA \u0026 VÍNCULOS\"}],[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-muted-foreground/40\"}],[\"$\",\"span\",null,{\"className\":\"font-mono text-[10px] text-muted-foreground px-2 py-0.5 rounded bg-white/5\",\"children\":\"Vista Previa\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-2xl md:text-3xl font-medium tracking-tight mb-4 text-foreground dark:text-white group-hover:text-[#1DB954] transition-colors duration-300\",\"children\":\"¿Por qué queremos que nos cure quien nos hizo daño?\"}],[\"$\",\"p\",null,{\"className\":\"text-zinc-400 text-sm md:text-base leading-relaxed font-light line-clamp-4 lg:line-clamp-3\",\"children\":\"La autocompasión puede verse como la capacidad autorregenerativa encargada de reconstruir el sentido de la propia valía una vez nos enfrentamos a situaciones que comprometen la autoestima o cualquier pilar que nos dé nociones de la realidad... de nuestra realidad. En otras palabras, la autocompasión puede verse como la función que ejercen las células al momento de cerrar una herida. Cuando una relación termina (especialmente de forma dolorosa, repentina, vergonzosa o humillante), la ruptura no solo significa la pérdida de una pareja, sino también la pérdida de quienes somos; solo que, en este caso, perdemos lo que somos proyectados sobre la mirada del otro. Perdemos una mirada que nos reafirma quienes somos.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 pt-6 border-t border-border/40 flex flex-wrap items-center justify-between gap-4 text-xs font-mono text-muted-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 text-[#1DB954]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open w-3.5 h-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Próximamente lectura completa\"]}]}],[\"$\",\"span\",null,{\"className\":\"inline-block px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[10px] text-zinc-400\",\"children\":\"Lectura no disponible — En desarrollo\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"9:[\"$\",\"div\",\"1\",{\"className\":\"relative overflow-hidden rounded-3xl border border-border bg-card/30 backdrop-blur-sm group transition-all duration-500 hover:border-foreground/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-[300px] h-[300px] bg-[#1DB954]/5 rounded-full blur-[80px] pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 lg:grid-cols-12 gap-8 p-6 md:p-8 lg:p-10 items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:col-span-5 relative w-full aspect-[4/3] lg:aspect-[16/10] rounded-2xl overflow-hidden border border-white/5 bg-muted\",\"children\":[\"$\",\"$L7\",null,{\"src\":\"/multimedia/blog/apus.jpg\",\"alt\":\"Deuda, culpabilidad y vergüenza: cómo elegir un regalo que no provoque incomodidad\",\"fill\":true,\"className\":\"object-cover transition-transform duration-700 group-hover:scale-105\",\"sizes\":\"(max-width: 1024px) 100vw, 40vw\",\"priority\":false}]}],[\"$\",\"div\",null,{\"className\":\"lg:col-span-7 flex flex-col justify-between h-full\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-xs text-[#1DB954] tracking-wider font-semibold uppercase\",\"children\":\"PSICOLOGÍA \u0026 COMPORTAMIENTO\"}],[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-muted-foreground/40\"}],[\"$\",\"span\",null,{\"className\":\"font-mono text-[10px] text-muted-foreground px-2 py-0.5 rounded bg-white/5\",\"children\":\"Vista Previa\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-2xl md:text-3xl font-medium tracking-tight mb-4 text-foreground dark:text-white group-hover:text-[#1DB954] transition-colors duration-300\",\"children\":\"Deuda, culpabilidad y vergüenza: cómo elegir un regalo que no provoque incomodidad\"}],[\"$\",\"p\",null,{\"className\":\"text-zinc-400 text-sm md:text-base leading-relaxed font-light line-clamp-4 lg:line-clamp-3\",\"children\":\"Siento que los regalos se dividen en varias escalas: gesto, reconocimiento, símbolo, regalo, ofrenda, tributo y sacrificio. Me gusta clasificarlos según la sensación que inconscientemente buscamos generar en el otro. El gesto, por su parte, va encaminado a lo social; es el cumplimiento de un protocolo destinado a preservar la integridad, el respeto y los valores del reconocimiento hacia el otro. El símbolo o reconocimiento implica tomar conciencia de la existencia ajena mediante un acto simbólico. Es algo así como respetar la ausencia del otro, o nombrarlo en su ausencia para que esta se propague de tal forma que los presentes lo recuerden y el impacto sea grupal.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 pt-6 border-t border-border/40 flex flex-wrap items-center justify-between gap-4 text-xs font-mono text-muted-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 text-[#1DB954]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open w-3.5 h-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Próximamente lectura completa\"]}]}],[\"$\",\"span\",null,{\"className\":\"inline-block px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[10px] text-zinc-400\",\"children\":\"Lectura no disponible — En desarrollo\"}]]}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"a:[\"$\",\"div\",\"2\",{\"className\":\"relative overflow-hidden rounded-3xl border border-border bg-card/30 backdrop-blur-sm group transition-all duration-500 hover:border-foreground/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-[300px] h-[300px] bg-[#1DB954]/5 rounded-full blur-[80px] pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 lg:grid-cols-12 gap-8 p-6 md:p-8 lg:p-10 items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:col-span-5 relative w-full aspect-[4/3] lg:aspect-[16/10] rounded-2xl overflow-hidden border border-white/5 bg-muted\",\"children\":[\"$\",\"$L7\",null,{\"src\":\"/multimedia/blog/harry.jpg\",\"alt\":\"Alienación paralela en política\",\"fill\":true,\"className\":\"object-cover transition-transform duration-700 group-hover:scale-105\",\"sizes\":\"(max-width: 1024px) 100vw, 40vw\",\"priority\":false}]}],[\"$\",\"div\",null,{\"className\":\"lg:col-span-7 flex flex-col justify-between h-full\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-mono text-xs text-[#1DB954] tracking-wider font-semibold uppercase\",\"children\":\"POLÍTICA \u0026 COMPORTAMIENTO\"}],[\"$\",\"span\",null,{\"className\":\"w-1 h-1 rounded-full bg-muted-foreground/40\"}],[\"$\",\"span\",null,{\"className\":\"font-mono text-[10px] text-muted-foreground px-2 py-0.5 rounded bg-white/5\",\"children\":\"Vista Previa\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-2xl md:text-3xl font-medium tracking-tight mb-4 text-foreground dark:text-white group-hover:text-[#1DB954] transition-colors duration-300\",\"children\":\"Alienación paralela en política\"}],[\"$\",\"p\",null,{\"className\":\"text-zinc-400 text-sm md:text-base leading-relaxed font-light line-clamp-4 lg:line-clamp-3\",\"children\":\"Es muy interesante cómo los grupos políticos pueden terminar adoptando los rasgos negativos que sus oponentes les atribuyen. También es fascinante cómo el discurso del \\\"otro\\\" puede internalizarse y moldear la propia identidad. Recuerdo que al principio y antes de las elecciones, los simpatizantes de la izquierda afirmaban no estar de acuerdo con...\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 pt-6 border-t border-border/40 flex flex-wrap items-center justify-between gap-4 text-xs font-mono text-muted-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 text-[#1DB954]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open w-3.5 h-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Próximamente lectura completa\"]}]}],[\"$\",\"span\",null,{\"className\":\"inline-block px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[10px] text-zinc-400\",\"children\":\"Lectura no disponible — En desarrollo\"}]]}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[\"$\",\"$L13\",null,{}]\nc:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/14_rz312xmo7p.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"async\":true,\"nonce\":\"$undefined\"}]\nd:[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$15\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@16\"}]}]\n17:[]\ne:\"$W17\"\nf:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L18\",null,{\"children\":\"$L19\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1a\",null,{\"children\":[\"$\",\"$15\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1b\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n11:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0vto3jr3kmskd.css?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n12:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0vd~caf_lsmo7.css?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
1<script>self.__next_f.push([1,"19:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"1c:I[27201,[\"/_next/static/chunks/0h8o63~bz.e74.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0mt99m0i4med_.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_EzFdi3MeaXr2W19f9aQZBgTD3A2P\"],\"IconMark\"]\n16:null\n"])</script>
1<script>self.__next_f.push([1,"1b:[[\"$\",\"title\",\"0\",{\"children\":\"Blog | Jose B. Gómez — Apuntes \u0026 Reflexiones\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Reflexiones sobre tecnología, diseño, música electrónica y humanidades por Jose B. Gómez.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Joset\"}],[\"$\",\"meta\",\"3\",{\"name\":\"creator\",\"content\":\"Joset\"}],[\"$\",\"meta\",\"4\",{\"name\":\"publisher\",\"content\":\"Joset\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Portfolio | Diseñador Web\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Proyectos web construidos con propósito, código JavaScript.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://josetportfolio-delta.vercel.app/opengraph.jpg\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Portfolio de Joset\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Portfolio | Diseñador Web\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"Proyectos web construidos con propósito, código JavaScript.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"content\":\"https://josetportfolio-delta.vercel.app/opengraph.jpg\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image:alt\",\"content\":\"Portfolio de Joset\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"data:image/svg+xml,\u003csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22\u003e\u003ctext y=%22.9em%22 font-size=%2290%22\u003e💻\u003c/text\u003e\u003c/svg\u003e\"}],[\"$\",\"$L1c\",\"19\",{}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.