añadida pagina para los posts
This commit is contained in:
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,19 +122,59 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">RetroArchivements</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 22 Sep 2023</p>
|
||||
</div>
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><p>Hace ya un par de dias que estoy usando un <a href="https://retroachievements.org/user/fedpo2">servicio</a> que implementa una api para trackear tu progreso en distintos juegos retro y no tan retro.</p>
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">RetroArchivements</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Sep 22, 2023</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<p>Hace ya un par de dias que estoy usando un <a href="https://retroachievements.org/user/fedpo2">servicio</a> que implementa una api para trackear tu progreso en distintos juegos retro y no tan retro.</p>
|
||||
<p>Uno de los que estoy jugando es <code>Kirby's dream land 2</code><br>
|
||||
<img src="https://media.retroachievements.org/Images/046585.png" alt="kirby"></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
Reference in New Issue
Block a user