feat(infra): migración a tema Apollo, reestructuración del blog y página 'Sobre mí'

- 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.
2025-12-14 19:05:54 +01:00 · 2025-12-14 19:05:54 +01:00 · 4fb49961b4
commit 4fb49961b4
parent 0bbe34e8da
115 changed files with 6580 additions and 72 deletions
--- a/templates/base.html
+++ b/templates/base.html
@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="es">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% block title %}{{ config.title }}{% endblock title %}</title>
-    <style>
-        body {
-            background-color: #1a1a1a;
-            color: #e0e0e0;
-            font-family: 'Courier New', Courier, monospace; /* Estética terminal */
-            max-width: 800px;
-            margin: 0 auto;
-            padding: 2rem;
-            line-height: 1.6;
-        }
-        a { color: #fe8019; text-decoration: none; } /* Naranja Rust/Gruvbox */
-        a:hover { text-decoration: underline; }
-        h1, h2, h3 { color: #fabd2f; }
-        nav { margin-bottom: 2rem; border-bottom: 1px solid #333; padding-bottom: 1rem; }
-        footer { margin-top: 4rem; font-size: 0.8rem; color: #666; border-top: 1px solid #333; padding-top: 1rem; }
-    </style>
-</head>
-<body>
-    <nav>
-        <a href="/"><strong>~/alejandrogs.es</strong></a>
-        <span style="float: right;">
-            <a href="/blog">Blog</a> | 
-            <a href="{{ config.extra.github }}">GitHub</a>
-        </span>
-    </nav>
-
-    <main>
-        {% block content %}{% endblock content %}
-    </main>
-
-    <footer>
-        <p>&copy; 2025 Alejandro GS. Hecho con <a href="https://www.getzola.org">Zola</a> y Honor.</p>
-    </footer>
-</body>
-</html>
--- a/templates/homepage.html
+++ b/templates/homepage.html
@ -0,0 +1,66 @@
+{% 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 }}] &rarr;
+                </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 %}
--- a/templates/index.html
+++ b/templates/index.html
@ -1,18 +0,0 @@
-{% extends "base.html" %}
-
-{% block content %}
-    <h1>{{ section.title }}</h1>
-    
-    <div class="intro">
-        {{ section.content | safe }}
-    </div>
-
-    <h2>Últimas Entradas</h2>
-    <ul>
-    {% for page in section.pages %}
-        <li>
-            {{ page.date }} - <a href="{{ page.permalink }}">{{ page.title }}</a>
-        </li>
-    {% endfor %}
-    </ul>
-{% endblock content %}