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

añadido coso para la layout

Browse Source
This commit is contained in:
fedpo
2025-05-02 02:40:27 -03:00
parent f67d88f2bc
commit 4022064442
2 changed files with 196 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
layouts/_default/index.html
View File

@@ -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 }}