fede/Blogv3
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

añadida pagina para los posts

Browse Source
This commit is contained in:
fedpo
2025-06-18 16:14:17 -03:00
parent 66f53c9fbf
commit 9826085cb1
22 changed files with 872 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
public/index.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="generator" content="Hugo 0.147.5">
<meta name="generator" content="Hugo 0.147.7">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blog Fede</title>
@@ -13,7 +13,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">
@@ -161,7 +161,10 @@
</div>
</div>
<hr class="m-4" />
<div class="flex justify-center p-8">
<div class="flex justify-center p-8 flex-col items-center bg-sky-200 rounded-t-lg shadow-md">
<div
class="w-[80%] rounded-lg overflow-hidden border-2 shadow-2xl bg-[radial-gradient(circle,rgba(0,0,0,0)_0%,rgba(0,0,0,0.5)_70%,#ffffff_100%),repeating-linear-gradient(45deg,#000000,#000000_10px,#ffffff_10px,#ffffff_20px)]"
>
@@ -180,12 +183,12 @@
</span>
</div>
</div>
</div>
<div class="container mx-auto px-4 py-8">
<div class="container mx-auto px-4 py-8">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="hover:scale-120 hover:z-2 transform-3d hover:rotate-z-2 duration-100 hover:-translate-y-2
bg-white rounded-lg shadow-md overflow-hidden border-3 hover:shadow-xl ease-in"
>
<div
@@ -214,7 +217,8 @@
</div>
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="hover:scale-120 hover:z-2 transform-3d hover:rotate-z-2 duration-100 hover:-translate-y-2
bg-white rounded-lg shadow-md overflow-hidden border-3 hover:shadow-xl ease-in"
>
<div
@@ -243,7 +247,8 @@
</div>
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="hover:scale-120 hover:z-2 transform-3d hover:rotate-z-2 duration-100 hover:-translate-y-2
bg-white rounded-lg shadow-md overflow-hidden border-3 hover:shadow-xl ease-in"
>
<div
@@ -273,12 +278,25 @@
</div>
</div>
<div class="container mx-auto px-4 py-8">
<div class="container mx-auto px-4 py-8">
<h2 class="text-2xl font-bold mb-6 text-center">Todos los Posts</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="
bg-white rounded-lg
border-4 border-black
shadow-[0_4px_0_black]
hover:shadow-[0_8px_0_black]
hover:-translate-y-1
hover:scale-105
transition-all duration-100 ease-linear
overflow-hidden
transform
mx-auto
hover:z-2
"
>
<img
@@ -290,7 +308,7 @@
<div class="p-4">
<h2 class="text-xl font-bold mb-2">Coord Keeper</h2>
<p class="text-gray-700 mb-4">
<p class="text-gray-700 mb-4 font-sans">
<h1 id="motivacion">Motivacion</h1>
<p>He notado que en versiones actuales de minecraft han puesto mucha informacion en el menu de debug (el <!-- raw HTML omitted -->f3<!-- raw HTML omitted -->) lo que lo hace cada vez más …</!--></!--></p>
</p>
@@ -298,19 +316,31 @@
<div class="flex justify-between items-center">
<a
href="https://fedesrv.ddns.net/posts/coord-keeper/"
class="text-blue-500 hover:text-blue-700"
class="text-blue-700 underline hover:text-blue-900 font-medium"
>Leer más</a
>
<span class="text-sm text-gray-500"
>Mar 19, 2025</span
>
<span class="text-sm text-gray-600 font-mono">
Mar 19, 2025
</span>
</div>
</div>
</div>
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="
bg-white rounded-lg
border-4 border-black
shadow-[0_4px_0_black]
hover:shadow-[0_8px_0_black]
hover:-translate-y-1
hover:scale-105
transition-all duration-100 ease-linear
overflow-hidden
transform
mx-auto
hover:z-2
"
>
<img
@@ -322,7 +352,7 @@
<div class="p-4">
<h2 class="text-xl font-bold mb-2">Sistema Alquileres DevLog n1</h2>
<p class="text-gray-700 mb-4">
<p class="text-gray-700 mb-4 font-sans">
<h1 id="que-es-esto">¿Que es esto?</h1>
<p>Estas son pequeñas updates que voy a estar haciendo sobre el proyecto final mio de &ldquo;Ingenieria de Software&rdquo; (asi se llama la …</p>
</p>
@@ -330,19 +360,31 @@
<div class="flex justify-between items-center">
<a
href="https://fedesrv.ddns.net/posts/sist_alquileres_devlog_1/"
class="text-blue-500 hover:text-blue-700"
class="text-blue-700 underline hover:text-blue-900 font-medium"
>Leer más</a
>
<span class="text-sm text-gray-500"
>Nov 10, 2024</span
>
<span class="text-sm text-gray-600 font-mono">
Nov 10, 2024
</span>
</div>
</div>
</div>
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="
bg-white rounded-lg
border-4 border-black
shadow-[0_4px_0_black]
hover:shadow-[0_8px_0_black]
hover:-translate-y-1
hover:scale-105
transition-all duration-100 ease-linear
overflow-hidden
transform
mx-auto
hover:z-2
"
>
<img
@@ -354,7 +396,7 @@
<div class="p-4">
<h2 class="text-xl font-bold mb-2">Fix Screen Tear x11</h2>
<p class="text-gray-700 mb-4">
<p class="text-gray-700 mb-4 font-sans">
<h1 id="que-es-el-screen-tear">¿Que es el screen tear?</h1>
<p>buenas, Si alguna vez instalaron un wm liviano en linux que no use wayland seguramente habrán notado que al momento de mover …</p>
</p>
@@ -362,31 +404,43 @@
<div class="flex justify-between items-center">
<a
href="https://fedesrv.ddns.net/posts/fix_screen_tear_xfce/"
class="text-blue-500 hover:text-blue-700"
class="text-blue-700 underline hover:text-blue-900 font-medium"
>Leer más</a
>
<span class="text-sm text-gray-500"
>Nov 9, 2024</span
>
<span class="text-sm text-gray-600 font-mono">
Nov 9, 2024
</span>
</div>
</div>
</div>
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="
bg-white rounded-lg
border-4 border-black
shadow-[0_4px_0_black]
hover:shadow-[0_8px_0_black]
hover:-translate-y-1
hover:scale-105
transition-all duration-100 ease-linear
overflow-hidden
transform
mx-auto
hover:z-2
"
>
<div
class="w-full h-48 bg-gray-200 flex items-center justify-center"
>
<span class="text-gray-500">No image</span>
<span class="text-gray-500 font-mono text-sm">No image</span>
</div>
<div class="p-4">
<h2 class="text-xl font-bold mb-2">String Interpolation</h2>
<p class="text-gray-700 mb-4">
<p class="text-gray-700 mb-4 font-sans">
<h1 id="que-es">¿Que es?</h1>
<p>Es un proceso de evaluado, en el cual se reemplazan placeholders en <code>string</code> por valores, en nuestro caso, de variables en momento de …</p>
</p>
@@ -394,31 +448,43 @@
<div class="flex justify-between items-center">
<a
href="https://fedesrv.ddns.net/posts/string-interpolation/"
class="text-blue-500 hover:text-blue-700"
class="text-blue-700 underline hover:text-blue-900 font-medium"
>Leer más</a
>
<span class="text-sm text-gray-500"
>Oct 24, 2023</span
>
<span class="text-sm text-gray-600 font-mono">
Oct 24, 2023
</span>
</div>
</div>
</div>
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="
bg-white rounded-lg
border-4 border-black
shadow-[0_4px_0_black]
hover:shadow-[0_8px_0_black]
hover:-translate-y-1
hover:scale-105
transition-all duration-100 ease-linear
overflow-hidden
transform
mx-auto
hover:z-2
"
>
<div
class="w-full h-48 bg-gray-200 flex items-center justify-center"
>
<span class="text-gray-500">No image</span>
<span class="text-gray-500 font-mono text-sm">No image</span>
</div>
<div class="p-4">
<h2 class="text-xl font-bold mb-2">Anuncio Aoc 2023</h2>
<p class="text-gray-700 mb-4">
<p class="text-gray-700 mb-4 font-sans">
<h1 id="que-es-advent-of-code">¿Que es Advent of Code?</h1>
<p>Son un grupo de puzzles de programacion presentados en forma de calendario que suelen ser utizados como:</p>
<ul>
@@ -428,31 +494,43 @@
<div class="flex justify-between items-center">
<a
href="https://fedesrv.ddns.net/posts/anuncio-aoc-2023/"
class="text-blue-500 hover:text-blue-700"
class="text-blue-700 underline hover:text-blue-900 font-medium"
>Leer más</a
>
<span class="text-sm text-gray-500"
>Oct 3, 2023</span
>
<span class="text-sm text-gray-600 font-mono">
Oct 3, 2023
</span>
</div>
</div>
</div>
<div
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
class="
bg-white rounded-lg
border-4 border-black
shadow-[0_4px_0_black]
hover:shadow-[0_8px_0_black]
hover:-translate-y-1
hover:scale-105
transition-all duration-100 ease-linear
overflow-hidden
transform
mx-auto
hover:z-2
"
>
<div
class="w-full h-48 bg-gray-200 flex items-center justify-center"
>
<span class="text-gray-500">No image</span>
<span class="text-gray-500 font-mono text-sm">No image</span>
</div>
<div class="p-4">
<h2 class="text-xl font-bold mb-2">Bootloader Incident</h2>
<p class="text-gray-700 mb-4">
<p class="text-gray-700 mb-4 font-sans">
<h1 id="el-inicio-de-la-catastrofe">El inicio de la catastrofe</h1>
<p>En pocas palabras, <strong>Nunca Corten Un <code>pacman -Syu</code></strong>.<br>
Si utilizan <strong>arch</strong> sabrán que se pueden configurar &lsquo;hooks&rsquo; antes …</p>
@@ -461,18 +539,20 @@ Si utilizan <strong>arch</strong> sabrán que se pueden configurar &lsquo;hooks&
<div class="flex justify-between items-center">
<a
href="https://fedesrv.ddns.net/posts/bootloaderincident/"
class="text-blue-500 hover:text-blue-700"
class="text-blue-700 underline hover:text-blue-900 font-medium"
>Leer más</a
>
<span class="text-sm text-gray-500"
>Sep 26, 2023</span
>
<span class="text-sm text-gray-600 font-mono">
Sep 26, 2023
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</main>