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

2
layouts/partials/nav.html
View File

@@ -1,4 +1,4 @@
<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">

56
layouts/partials/posts.html Normal file
View File

@@ -0,0 +1,56 @@
<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
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
"
>
{{ 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 font-mono text-sm">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 font-sans">
{{ with .Params.description }}{{ . | truncate 150 }}{{ else
}}{{ .Summary | truncate 150 }}{{ end }}
</p>
<div class="flex justify-between items-center">
<a
href="{{ .Permalink }}"
class="text-blue-700 underline hover:text-blue-900 font-medium"
>Leer más</a
>
<span class="text-sm text-gray-600 font-mono">
{{ .Date.Format "Jan 2, 2006" }}
</span>
</div>
</div>
</div>
{{ end }}
</div>
</div>

52
layouts/partials/proyectos.html Normal file
View File

@@ -0,0 +1,52 @@
<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="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"
>
{{ 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>