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

102
layouts/_default/index.html
View File

@@ -38,7 +38,10 @@
</div>
</div>
<hr class="m-4" />
<div class="flex justify-center p-8">
<!-- Aca esta la parte de abajo de la portada -->
<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)]"
>
@@ -57,100 +60,7 @@
</span>
</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>
{{partial "proyectos.html" .}}
{{partial "posts.html" .}}
</div>
{{ end }}