f3823c4c53
- 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>
132 lines
4.9 KiB
Text
132 lines
4.9 KiB
Text
================================================================================
|
|
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
|
|
|
|
================================================================================
|