feat: calendario gancio-calendar + horarios semanales + mejoras CSS

- Integra gancio-calendar desde mad.convoca.la (place ID 42, CSO La Enredadera) - Añade calendario semanal de colectivos debajo del gancio con pills de colores - Corrige ID del lugar: 42 (no 286) confirmado via API - Tema light + custom properties --calendar-* para colores blanco/negro/rosa - Sidebar más compacto en móvil (65vw/220px), nav con fuente Impact uppercase - Leyenda más grande y legible (0.75rem, puntos 16px) - Márgenes 25px izquierda / 10px derecha en calendario semanal - Añade context.txt con guía completa de despliegue y referencias técnicas - Elimina botón "Calendario" redundante y espacio entre nav y calendario Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-09 00:09:34 +02:00 · 2026-04-09 00:09:34 +02:00 · f3823c4c53
commit f3823c4c53
parent 976e45f156
3 changed files with 265 additions and 68 deletions
--- a/context.txt
+++ b/context.txt
@ -0,0 +1,132 @@
+================================================================================
+  CSO LA ENREDADERA DE TETUÁN — CONTEXTO Y DESPLIEGUE
+  laenre.net
+================================================================================
+
+REPOSITORIO
+-----------
+  Git:    https://gitea.laenre.net/hacklab/ENRE_WEB.git
+  Usuario: hacklab
+  Rama principal: main
+
+ESTRUCTURA DE ARCHIVOS
+----------------------
+  index.html          → Página principal (calendario + secciones de colectivos)
+  index.css           → Estilos globales
+  convocala.html      → Página de eventos embebida con gancio-calendar
+  calendario.html     → Calendario semanal manual (referencia, no enlazado desde nav)
+  Code462WPink-Regular.ttf → Fuente personalizada del título
+  INFO/               → Imágenes de colectivos (logos, fotos)
+  subdir/             → Páginas secundarias (sobre_nosotrxs.html, campa.html...)
+
+DEPENDENCIAS EXTERNAS (CDN, sin instalar nada)
+----------------------------------------------
+  - Google Fonts: Rock Salt, Anton
+      https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap
+      https://fonts.googleapis.com/css2?family=Anton&display=swap
+
+  - Gancio Calendar web component (desarrollado por CSO La Rosa):
+      https://rosa.frama.io/gancio-calendar/gancio-calendar.js
+      Repo: https://framagit.org/rosa/gancio-calendar
+      Playground: https://rosa.frama.io/gancio-calendar/
+
+  - Fuente de datos de eventos: mad.convoca.la (instancia Gancio Madrid)
+      Lugar: CSOA La Enredadera de Tetuán
+      ID en mad.convoca.la: 42
+      URL pública: https://mad.convoca.la/place/CSO%20La%20Enredadera
+      API que usa el widget: https://mad.convoca.la/api/events?places=42
+
+CÓMO FUNCIONA EL CALENDARIO
+----------------------------
+  El calendario de index.html usa el web component <gancio-calendar>:
+
+    <script type="module"
+      src="https://rosa.frama.io/gancio-calendar/gancio-calendar.js"></script>
+
+    <gancio-calendar
+      baseurl="https://mad.convoca.la"
+      places="42"
+      accent_color="#ff00aa"
+      locale="es-ES"
+      theme="default">
+    </gancio-calendar>
+
+  - places="42" → filtra eventos del CSOA La Enredadera
+  - accent_color="#ff00aa" → rosa fucsia corporativo
+  - Los eventos se publican en mad.convoca.la y aparecen aquí automáticamente
+  - Guía para publicar eventos: https://convoca.la/mad/guias/publicar_evento
+
+  convocala.html es una página dedicada con el mismo widget + botones de acción
+  y enlace a la guía de publicación.
+
+PALETA DE COLORES
+-----------------
+  Rosa fucsia:  #ff00aa  (color principal, botones, bordes)
+  Negro:        #000000  (sidebar, fondos de títulos)
+  Blanco:       #ffffff  (fondo secciones)
+  Fuente:       Impact / Anton (nav, calendario)
+               Rock Salt (cuerpo general)
+               Code462WPink (título h1)
+
+DESPLIEGUE EN EL SERVIDOR
+--------------------------
+  La web es HTML/CSS estático, no necesita backend ni build.
+
+  1. Clonar el repo en el servidor:
+       git clone https://hacklab@gitea.laenre.net/hacklab/ENRE_WEB.git
+
+  2. Servir el directorio raíz con cualquier servidor web estático:
+       - Nginx: apuntar document_root al directorio clonado
+       - Apache: igual
+       - Caddy: igual
+       - Para pruebas locales: python3 -m http.server 8080
+
+  3. Actualizar desde el repo (sin reiniciar nada):
+       git pull
+
+  IMPORTANTE: La web necesita servirse desde un servidor HTTP real
+  (no abrir index.html directamente como archivo) porque:
+    - Las fuentes locales usan rutas absolutas (/Code462WPink-Regular.ttf)
+    - El web component gancio-calendar necesita hacer fetch a mad.convoca.la
+      (requiere contexto HTTP para CORS)
+
+SERVIDOR LOCAL PARA PRUEBAS
+----------------------------
+  cd /home/sito/COFRE/NETACTIVIST/ENRE_WEB
+  python3 -m http.server 8080
+  → Abrir http://localhost:8080
+
+NGINX (ejemplo mínimo)
+----------------------
+  server {
+      listen 80;
+      server_name laenre.net www.laenre.net;
+      root /var/www/ENRE_WEB;
+      index index.html;
+      location / {
+          try_files $uri $uri/ =404;
+      }
+  }
+
+REDES SOCIALES Y CONTACTO
+--------------------------
+  Email:     enredadera@riseup.net
+  Mastodon:  https://masto.es/@csolaenre
+  Instagram: https://www.instagram.com/la_enredadera_de_tetuan/
+  Hacklab:   https://hacklab.laenre.net
+  Okupanel:  https://okupanel.laenre.net
+
+NOTAS TÉCNICAS
+--------------
+  - El ID del lugar en mad.convoca.la es 42 (no confundir con 286 que
+    corresponde a otro lugar. Se confirmó via API: /api/events?places=42
+    devuelve los eventos correctos de La Enredadera)
+
+  - La rama "pruebas-calendario" en el repo local contiene una versión
+    anterior con el calendario semanal manual (JS puro, sin gancio).
+    Se puede recuperar si se quiere volver a ese enfoque.
+
+  - El bot de reenvío a Mastodon/Bluesky está pendiente de configurar.
+    Cuando esté disponible, añadirlo a la sección de difusión en convocala.html
+
+================================================================================