alejandrogs73
4fb49961b4
All checks were successful
Zola / build-and-deploy (push) Successful in 11s
- Implementado tema Apollo como base visual. - Segregación de contenido: Artículos movidos a /blog. - Creación de identidad: Nueva página 'Sobre mí' (about.md). - CI/CD: Actualizado workflow para soporte de submódulos recursivos. - UX: Ajustes en homepage para listado de últimos posts.
66 lines
2.3 KiB
HTML
66 lines
2.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block main_content %}
|
|
<main>
|
|
<article>
|
|
<section class="body" style="margin-bottom: 4rem;">
|
|
{{ section.content | safe }}
|
|
</section>
|
|
|
|
<section class="recent-posts">
|
|
<div style="border-bottom: 1px solid var(--content-border-color, #333); margin-bottom: 2rem;"></div>
|
|
|
|
|
|
{# Inicio seccion "BITACORA" #}
|
|
|
|
|
|
<h1 style="font-size: 1.2rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2rem; color: #888;">
|
|
Bitácora
|
|
</h1>
|
|
|
|
{% set posts = get_section(path="posts/_index.md") %}
|
|
|
|
<ul style="list-style: none; padding: 0; margin: 0;">
|
|
{% for page in posts.pages | sort(attribute="date") | reverse | slice(end=3) %}
|
|
<li style="margin-bottom: 2.5rem;">
|
|
|
|
<div style="font-family: monospace; font-size: 0.85rem; color: #666; margin-bottom: 0.25rem;">
|
|
> {{ page.date | date(format="%Y-%m-%d") }}
|
|
</div>
|
|
|
|
<h3 style="margin: 0 0 0.5rem 0; font-size: 1.5rem;">
|
|
<a href="{{ page.permalink }}" style="text-decoration: none; border-bottom: 1px dashed transparent; color: inherit;">
|
|
{{ page.title }}
|
|
</a>
|
|
</h3>
|
|
|
|
<p style="margin: 0; line-height: 1.6; color: var(--text-color, #ccc);">
|
|
{{ page.description | default(value="Sin descripción.") }}
|
|
</p>
|
|
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<div style="text-align: right; margin-top: 1rem;">
|
|
<a href="{{ posts.permalink }}" style="font-family: monospace; text-decoration: none; border: 1px solid #444; padding: 0.5rem 1rem; border-radius: 4px;">
|
|
Ver todos [{{ posts.pages | length }}] →
|
|
</a>
|
|
</div>
|
|
|
|
{# Fin seccion "BITACORA" #}
|
|
|
|
</section>
|
|
</article>
|
|
</main>
|
|
|
|
<style>
|
|
.recent-posts h3 a:hover {
|
|
color: #fe8019 !important; /* Naranja acento */
|
|
border-bottom-color: #fe8019 !important;
|
|
}
|
|
.recent-posts a {
|
|
color: inherit;
|
|
transition: color 0.2s ease;
|
|
}
|
|
</style>
|
|
{% endblock main_content %}
|