añadido coso para la layout
This commit is contained in:
150
hugo_stats.json
150
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"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 dark:bg-emerald-500 border-2 dark:border-white rounded-lg p-2"
|
||||
>
|
||||
<div class="bg-cyan-200 border-2 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 }}
|
||||
|
||||
Reference in New Issue
Block a user