================================================================================ 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 : - 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 ================================================================================