diff --git a/hugo_stats.json b/hugo_stats.json
index 3b44ab9..713fb23 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -5,13 +5,18 @@
       "body",
       "br",
       "button",
+      "code",
       "defs",
       "div",
+      "em",
       "footer",
+      "h1",
+      "h2",
       "head",
       "hr",
       "html",
       "img",
+      "li",
       "lineargradient",
       "link",
       "main",
@@ -19,135 +24,150 @@
       "nav",
       "p",
       "path",
+      "pre",
       "script",
       "span",
       "stop",
+      "strong",
       "svg",
-      "title"
+      "title",
+      "ul"
     ],
     "classes": [
-      "-mt-16",
-      "-z-0",
-      "-z-1",
-      "-z-10",
       "absolute",
       "animate-bounce",
-      "bg-[radial-gradient(circle,rgba(0,0,0,0)_0%,rgba(0,0,0,0.5)_70%,#ffff00_100%),repeating-linear-gradient(45deg,#000000,#000000_10px,#ffff00_10px,#ffff00_20px)]",
       "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)]",
-      "bg-[radial-gradient(circle,rgba(240,240,240,0)_0%,rgba(240,240,240,0.5)_70%,rgba(240,240,240,1)_100%),repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0_10px,#ffffff_10px,#ffffff_20px)]",
-      "bg-[radial-gradient(circle,rgba(240,240,240,1)_0%,rgba(240,240,240,0.5)_70%,rgba(240,240,240,0)_100%),repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0_10px,#ffffff_10px,#ffffff_20px)]",
-      "bg-[repeating-linear-gradient(45deg,#e2e8f0,#e2e8f0_10px,#f8fafc_10px,#f8fafc_20px)]",
-      "bg-[repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0_10px,#ffffff_10px,#ffffff_20px)]",
       "bg-[repeating-linear-gradient(transparent,transparent_27px,#333_28px)]",
       "bg-[size:100%_28px]",
       "bg-black",
+      "bg-blue-500",
       "bg-cyan-200",
       "bg-gray-200",
-      "bg-gray-300",
+      "bg-gray-600",
+      "bg-gray-700",
       "bg-gray-800",
-      "bg-green-100",
       "bg-white",
-      "block",
       "border",
       "border-2",
       "border-4",
-      "border-b-2",
       "border-gray-400",
-      "border-gray-700",
-      "border-green-600",
-      "border-s-2",
-      "border-solid",
       "border-t",
       "bottom-8",
+      "container",
+      "dark:bg-[radial-gradient(circle,rgba(0,0,0,0)_0%,rgba(0,0,0,0.7)_70%,#333333_100%),repeating-linear-gradient(45deg,#000000,#000000_10px,#333333_10px,#333333_20px)]",
+      "dark:bg-[repeating-linear-gradient(transparent,transparent_27px,#666_28px)]",
+      "dark:bg-[repeating-linear-gradient(transparent,transparent_27px,#aaa_28px)]",
+      "dark:bg-[repeating-linear-gradient(transparent,transparent_27px,#ccc_28px)]",
+      "dark:bg-black",
+      "dark:bg-blue-600",
+      "dark:bg-cyan-500",
+      "dark:bg-cyan-800",
+      "dark:bg-emerald-500",
+      "dark:bg-emerald-950",
+      "dark:bg-gray-600",
+      "dark:bg-gray-700",
+      "dark:bg-gray-800",
+      "dark:bg-gray-900",
+      "dark:bg-sky-950",
+      "dark:bg-slate-600",
+      "dark:bg-white",
+      "dark:bg-zinc-800",
+      "dark:bg-zinc-900",
+      "dark:border-gray-600",
+      "dark:border-gray-700",
+      "dark:border-white",
+      "dark:hover:bg-gray-500",
+      "dark:hover:text-blue-300",
+      "dark:shadow-[0_4px_6px_-1px_rgb(200,200,200)]",
+      "dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.5)]",
+      "dark:text-blue-400",
+      "dark:text-gray-200",
+      "dark:text-gray-300",
+      "dark:text-gray-400",
+      "dark:text-white",
       "duration-200",
+      "duration-300",
       "ease-in-out",
       "fixed",
       "flex",
       "flex-col",
-      "flex-row",
       "font-bold",
       "font-light",
+      "font-medium",
       "font-mono",
-      "font-normal",
       "font-semibold",
       "font-serif",
+      "gap-6",
       "grayscale",
-      "h-10",
-      "h-10rem",
-      "h-12",
-      "h-14",
+      "grid",
+      "grid-cols-1",
       "h-16",
-      "h-1rem",
-      "h-2rem",
-      "h-4",
+      "h-48",
+      "h-5",
       "h-6",
-      "h-8",
       "h-screen",
       "hidden",
+      "highlight",
+      "hover:bg-blue-600",
+      "hover:bg-gray-600",
+      "hover:bg-gray-700",
       "hover:grayscale-0",
+      "hover:shadow-xl",
+      "hover:text-blue-700",
       "hover:text-white",
+      "inline",
       "inline-block",
       "items-center",
       "justify-between",
       "justify-center",
+      "lg:grid-cols-3",
       "lg:text-5xl",
       "m-4",
-      "max-w-[80%]",
-      "max-w-sm",
       "mb-2",
+      "mb-4",
+      "mb-6",
+      "mb-8",
       "md:flex",
+      "md:grid-cols-2",
       "md:hidden",
-      "md:rounded-full",
       "md:text-4xl",
       "md:text-xl",
-      "ml-2",
+      "ml-4",
       "mr-2",
-      "ms-2",
       "mt-12",
-      "mt-4",
+      "mt-8",
       "muted",
-      "mx-2",
       "mx-auto",
       "object-cover",
       "overflow-hidden",
       "p-2",
       "p-4",
-      "p-6",
       "p-8",
-      "pb-2",
-      "ps-2",
-      "pt-4",
       "px-2",
       "px-3",
       "px-4",
       "px-6",
       "py-1",
       "py-2",
+      "py-3",
       "py-4",
       "py-6",
+      "py-8",
       "right-0",
       "rounded",
       "rounded-full",
-      "rounded-ld",
       "rounded-lg",
       "rounded-md",
-      "rounded-sm",
       "self-center",
       "shadow-2xl",
       "shadow-[0_4px_6px_-1px_rgb(107,114,128)]",
-      "shadow-lg",
+      "shadow-md",
       "sm:flex",
       "sm:flex-row",
       "sm:mb-0",
-      "sm:rounded-lg",
-      "sm:rounded-md",
-      "sm:rounded-sm",
-      "sm:text-md",
-      "sm:text-sm",
       "text-2xl",
-      "text-4xl",
-      "text-base",
       "text-black",
+      "text-blue-500",
       "text-center",
       "text-gray-300",
       "text-gray-500",
@@ -155,16 +175,18 @@
       "text-sm",
       "text-white",
       "text-xl",
+      "text-xs",
       "top-0",
       "top-16",
       "transform",
-      "transition-all",
+      "transition",
+      "transition-colors",
+      "transition-shadow",
       "transition-transform",
       "translate-x-full",
       "underline",
-      "w-0.5",
-      "w-10",
       "w-22",
+      "w-5",
       "w-6",
       "w-64",
       "w-[2px]",
@@ -175,8 +197,30 @@
       "z-1"
     ],
     "ids": [
+      "buenas",
+      "características",
+      "coordkeeper",
+      "darkModeIcon",
+      "darkModeToggle",
+      "descripción",
+      "el-inicio-de-la-catastrofe",
+      "gestor-de-stock---sistema-de-inventario",
+      "gimp",
       "grad",
-      "offCanvas"
+      "instanciacion-del-sqlconnection",
+      "lightModeIcon",
+      "moonIcon",
+      "motivacion",
+      "offCanvas",
+      "que-es",
+      "que-es-advent-of-code",
+      "que-es-el-screen-tear",
+      "que-es-esto",
+      "sistema-de-inventario",
+      "sunIcon",
+      "themeIcon",
+      "themeStatus",
+      "themeToggle"
     ]
   }
 }
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index 12309c8..b2d1ada 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -109,9 +109,11 @@
     }
 </script>
 <div
-    class="rounded flex justify-center items-center h-screen w-screen bg-[repeating-linear-gradient(transparent,transparent_27px,#333_28px)] bg-[size:100%_28px] shadow-[0_4px_6px_-1px_rgb(107,114,128)]"
+    class="rounded flex dark:bg-black justify-center items-center h-screen w-screen bg-[repeating-linear-gradient(transparent,transparent_27px,#333_28px)] dark:bg-[repeating-linear-gradient(transparent,transparent_27px,#aaa_28px)] bg-[size:100%_28px] shadow-[0_4px_6px_-1px_rgb(107,114,128)]"
 >
-    <div class="bg-cyan-200 border-2 rounded-lg p-2">
+    <div
+        class="bg-cyan-200 dark:bg-emerald-500 border-2 dark:border-white rounded-lg p-2"
+    >
         <div class="flex flex-col sm:flex-row items-center">
             <img
                 src="fede.jpg"
@@ -164,4 +166,99 @@
         </div>
     </div>
 </div>
+<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">
+        {{ range first 3 (where .Site.RegularPages "Section" "proyectos") }}
+        <div
+            class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
+        >
+            {{ if .Params.image }}
+            <img
+                src="{{ .Params.image }}"
+                alt="{{ .Title }}"
+                class="w-full h-48 object-cover"
+            />
+            {{ else }}
+            <div
+                class="w-full h-48 bg-gray-200 flex items-center justify-center"
+            >
+                <span class="text-gray-500">No image</span>
+            </div>
+            {{ end }}
+
+            <div class="p-4">
+                <h2 class="text-xl font-bold mb-2">{{ .Title }}</h2>
+                <p class="text-gray-700 mb-4">
+                    {{ with .Params.description }}{{ . | truncate 150 }}{{ else
+                    }}{{ .Summary | truncate 150 }}{{ end }}
+                </p>
+
+                <div class="flex justify-between items-center">
+                    <a
+                        href="{{ .Permalink }}"
+                        class="text-blue-500 hover:text-blue-700"
+                        >Ver más</a
+                    >
+
+                    {{ with .Params.tags }}
+                    <div class="flex flex-wrap">
+                        {{ range first 2 . }}
+                        <span
+                            class="text-xs bg-gray-200 rounded-full px-2 py-1 mr-1 mb-1"
+                        >
+                            {{ . }}
+                        </span>
+                        {{ end }}
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</div>
+<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">
+        {{ range first 6 (where .Site.RegularPages "Section" "posts") }}
+        <div
+            class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
+        >
+            {{ if .Params.image }}
+            <img
+                src="{{ .Params.image }}"
+                alt="{{ .Title }}"
+                class="w-full h-48 object-cover"
+            />
+            {{ else }}
+            <div
+                class="w-full h-48 bg-gray-200 flex items-center justify-center"
+            >
+                <span class="text-gray-500">No image</span>
+            </div>
+            {{ end }}
+
+            <div class="p-4">
+                <h2 class="text-xl font-bold mb-2">{{ .Title }}</h2>
+                <p class="text-gray-700 mb-4">
+                    {{ with .Params.description }}{{ . | truncate 150 }}{{ else
+                    }}{{ .Summary | truncate 150 }}{{ end }}
+                </p>
+
+                <div class="flex justify-between items-center">
+                    <a
+                        href="{{ .Permalink }}"
+                        class="text-blue-500 hover:text-blue-700"
+                        >Leer más</a
+                    >
+
+                    <span class="text-sm text-gray-500"
+                        >{{ .Date.Format "Jan 2, 2006" }}</span
+                    >
+                </div>
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</div>
 {{ end }}