Published
- 2 min de lectura
Renovando este sitio

Así es como se ve el Enclave Azul por ahora.
Creo que voy a empezar reduciendo la opacidad del degradado superior.\
<img
src="{Gradient.src}"
width="750"
class="absolute translate-x-1/4 -translate-y-2/4 pointer-events-none z-0 opacity-60"
alt=""
/>
Ahora, agregar un poco más de letter spacing a los títulos. El logo un poco más grande
<h1 class="text-5xl font-bold first-letter:uppercase tracking-wide">
<slot />
</h1>
<svg width="61" height="81" viewBox="0 0 36 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M1 26.5273L17.2609 55L35 26.5273M1 26.5273L17.2609 1M1 26.5273L17.2609 32.4182M1 26.5273L17.2609 20.6364M1 26.5273C1 26.1345 5.69064 19.1636 7.25418 16.7091M17.2609 1L35 26.5273M17.2609 1L7.25418 16.7091M35 26.5273L17.2609 32.4182M35 26.5273L17.2609 20.6364M35 26.5273L28.1773 16.7091M17.2609 32.4182V20.6364M17.2609 32.4182L7.4058 36.3455L17.2609 40.2727M17.2609 32.4182V40.2727M17.2609 32.4182L22.6812 34.6273L28.1773 36.3455L17.2609 40.2727M17.2609 20.6364L17.2609 12.7818M17.2609 20.6364L7.25418 16.7091M17.2609 20.6364L28.1773 16.7091M7.25418 16.7091L17.2609 12.7818M17.2609 12.7818L28.1773 16.7091"
stroke="#1D24D7"
></path>
</svg>
Un subtítulo no vendría mal.
<span class="text-lg tracking-wide">Tecnocultura y programación</span>
Arreglando los estilos del layout para que sean más responsive
<h2 class="text-lg font-medium tracking-wide text-end">Últimos posts</h2>
Trabajando en la legibilidad del diseño (yo también soy bajo de vista), aplicando estilos más responsivos y un máximo ancho para evitar problemas en dispositivos con resoluciones más pequeñas, como el iPhone SE, entre otros.
<main class="max-w-7xl mx-auto px-4 grid gap-6 md:gap-12">
<BackgroundGradient />
<header />
<slot />
<footer />
</main>
Luego vamos a arreglar el footer que también molesta cómo sale de los límites en bajas resoluciones. Más limpio y ordenado, por favor.
<footer class="text-center max-w-7xl mx-auto mt-10 md:text-lg">
<span class="text-gray-500">
© {today.getFullYear()} Clave Azul / Nícolas Orozco. Las obras protegidas corresponden a
sus respectivos autores. Uso solo educativo e informativo.</span
>
</footer>
Creo que ahora se ve un poco mejor en móviles; estoy considerando agregar paletas y temas más elaborados en futuras actualizaciones para lograr un aspecto más pulido y atractivo.