nuevo tema con tailwind css

.gitignore

@@ -2,4 +2,6 @@ __pycache__
 output/
 *.DS_Store
 env/
-venv/
+venv/
+.venv/
+node_modules/

README.md

@@ -39,11 +39,17 @@
 
 ## Información adicional
 
-* El tema que se utiliza actualmente, es un tema basado en el tema oficial
-  `simple`, pero utilizando componentes de bootstrap para poder mejorar el
-  diseño. Más información relacionada a la configuración del tema y como
-  modificarlo, en la
-  [documentación oficial](https://docs.getpelican.com/en/latest/themes.html).
-  El tema está ubicado en el directorio `pycltheme`.
+* El tema utilizado actualmente es **pycltheme2026**, una evolución moderna basada en Tailwind CSS que reemplaza la versión anterior de Bootstrap.
+* El tema se encuentra en el directorio `pycltheme2026`.
+
+### Gestión de Estilos (Tailwind CSS)
+
+El tema utiliza Tailwind CSS con un flujo de trabajo local basado en Node.js. Para realizar cambios en el diseño:
+
+1. Entra a la carpeta del tema: `cd pycltheme2026`
+2. Instala las dependencias: `npm install`
+3. Ejecuta el compilador en modo escucha: `npm run watch` (esto regenerará `static/css/tailwind.css` automáticamente).
+
+Para más detalles técnicos, consulta el [README del tema](pycltheme2026/README.md).
 
 

pelicanconf.py

@@ -18,7 +18,7 @@
 PATH = "content"
 TIMEZONE = "America/Santiago"
 DEFAULT_LANG = "es"
-THEME = os.path.join(os.path.dirname(__file__), "pycltheme")
+THEME = os.path.join(os.path.dirname(__file__), "pycltheme2026")
 
 # Feed generation is usually not desired when developing
 FEED_ALL_ATOM = None
@@ -27,6 +27,8 @@
 AUTHOR_FEED_ATOM = None
 AUTHOR_FEED_RSS = None
 
+STATIC_PATHS = ['images']
+
 DATE_FORMATS = { "es": "%d-%m-%Y"}
 
 MENUELEMENTS = {
@@ -108,7 +110,7 @@
     },
 }
 
-PLUGINS = ["pelican.plugins.image_process"]
+# PLUGINS = ["pelican.plugins.image_process"]
 
 IMAGE_PROCESS = {
     "large-photo": {
@@ -131,4 +133,4 @@
 DEFAULT_PAGINATION = 6
 
 # Uncomment following line if you want document-relative URLs when developing
-# RELATIVE_URLS = True
+RELATIVE_URLS = True

pycltheme2026/README.md

@@ -0,0 +1,69 @@
+# Python Chile 2026 Theme (pycltheme2026)
+
+Este es el tema oficial de Python Chile, diseñado para ser moderno, rápido y fácil de mantener. Utiliza **Pelican** como generador de sitio estático y **Tailwind CSS** para el diseño.
+
+## 🚀 Tecnologías
+- **Pelican** (Jinja2 Templates)
+- **Tailwind CSS v3** (vía npm)
+- **Plugins de Tailwind**: Typography (prose), Forms, Aspect-Ratio, Line-clamp.
+- **Iconos**: FontAwesome 6.5.1
+- **Fuentes**: Inter (Sans) y Fira Code (Mono) vía Google Fonts.
+
+## 📦 Estructura del Tema
+```text
+pycltheme2026/
+├── static/
+│   ├── css/
+│   │   ├── tailwind.src.css  # Archivo fuente con directivas @tailwind
+│   │   ├── tailwind.css      # Archivo generado (NO EDITAR DIRECTAMENTE)
+│   │   └── pygment.css       # Resaltado de sintaxis para código
+│   ├── images/               # Assets estáticos del tema (logos, favicons)
+│   └── js/                   # Scripts (Dark mode, Menu mobile)
+├── templates/
+│   ├── base.html             # Esqueleto principal
+│   ├── index.html            # Portada con grilla de artículos
+│   ├── article.html          # Vista de artículo individual
+│   ├── page.html             # Vista de páginas estáticas
+│   ├── includes/             # Componentes reutilizables
+│   │   ├── header.html       # Header de 3 niveles (Nav, Hero, Social)
+│   │   ├── footer.html       # Footer unificado
+│   │   ├── article_card.html # Tarjeta de artículo (grillas)
+│   │   ├── pagination.html   # Componente de navegación de páginas
+│   │   └── communities.html  # Sección de Comunidades Amigas
+│   └── headermeta.html       # Metadatos, SEO y carga de assets
+├── tailwind.config.js        # Configuración de colores y fuentes de marca
+└── package.json              # Dependencias de Node.js y scripts
+```
+
+## 🛠️ Desarrollo (Tailwind CSS)
+
+Para modificar los estilos del tema, sigue estos pasos:
+
+1. **Instalar dependencias** (solo la primera vez):
+   ```bash
+   cd pycltheme2026
+   npm install
+   ```
+
+2. **Compilar en tiempo real** (Recomendado):
+   ```bash
+   npm run watch
+   ```
+   *Esto vigila cambios en los archivos `.html` y actualiza el CSS automáticamente.*
+
+3. **Compilar para producción**:
+   ```bash
+   npm run build
+   ```
+   *Genera un archivo CSS minificado y optimizado (solo incluye las clases usadas).*
+
+## 🎨 Personalización
+La paleta de colores de marca está definida en `tailwind.config.js`:
+- `python-blue`: `#306998`
+- `python-yellow`: `#FFD43B`
+- `python-dark`: `#1e293b`
+
+Para usar estos colores en el HTML, puedes usar clases como `bg-python-blue`, `text-python-yellow`, etc.
+
+## 🔍 Resaltado de Sintaxis
+El resaltado de sintaxis utiliza **Pygments**. Se ha añadido un override CSS en `headermeta.html` para asegurar que el bloque de código conviva correctamente con el plugin `prose` de Tailwind.