Rediseño de la enredadera y páginas nuevas

Portada
- La bajada del título pasa de un trazo de grosor constante a dos cintas
  trenzadas que se afilan, con la punta rematada en zarcillo. El viewBox es
  1000x72 y la caja mide el 7.2% del ancho de la rejilla, así que la escala
  sale uniforme y el dibujo no se deforma en ninguna pantalla.
- El giro de la esquina es una Bézier cúbica de salida vertical y la franja
  entra también vertical: radio mínimo 26 unidades en vez de 15.
- La franja entera pasa de trazos a cintas. La cola deja de ser un lazo y
  abre un bucle afilado que remata una espiral logarítmica verde, con centro
  y sentido derivados de la tangente del tallo.
- El rabillo de la hoja pasa de 24 a 42 unidades (recuadro 100x132) para que
  el limbo no cruce la raíz. Con él, el origen del giro (1.52%) y la etiqueta
  (62%), que se miden sobre ese alto.
- Letra de las etiquetas un 10% mayor. "La Enre" a 164 grados y tamaño 1.16;
  "Calendario", a 1.00.

Móvil
- El tallo pasa de una recta a una onda de coseno, media vuelta por celda, en
  un recuadro cuadrado para que la escala sea uniforme. Tres dibujos: la onda,
  su espejo para las celdas pares y el remate en espiral de la última.
- Las seis hojas entran sin deslizar de 320x568 en adelante: la celda reparte
  el alto disponible en vez de medir lo que mide la hoja, --ancho-hoja se mide
  contra las dos dimensiones y la cabecera baja de 104 a 68px.
- El abanico de REDES se recoloca (centro -0.25r, apertura 0.50r) para caber
  en el hueco nuevo.

Páginas
- colectivos.html, calendario.html, eventos.html, tatus.html, panel.html y
  404.html.
- El calendario semanal esconde la semana entera vacía que dibujaba de más.

Comprobado con qa.py: 0 fallos y 0 avisos en 150 mediciones (10 páginas por
15 pantallas), con contraste, foco, brotes y HTML roto incluidos.
This commit is contained in:
sito 2026-09-09 00:34:53 +02:00
parent f3823c4c53
commit 8bcaf1644c
17 changed files with 3812 additions and 1385 deletions

View file

@ -3,118 +3,101 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Enredadera de Tetuán — Campañas</title>
<link rel="preload" href="/Code462WPink-Regular.ttf" as="font" type="font/ttf">
<title>Campañas · La Enredadera de Tetuán</title>
<meta name="description" content="Campañas activas e históricas del CSO La Enredadera de Tetuán.">
<!-- Vista previa al compartir el enlace (Mastodon, Telegram, WhatsApp). -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="CSO La Enredadera de Tetuán">
<meta property="og:locale" content="es_ES">
<meta property="og:title" content="Campañas · La Enredadera de Tetuán">
<meta property="og:description" content="Campañas activas e históricas del CSO La Enredadera de Tetuán.">
<meta property="og:image" content="/INFO/cso_laenre.jpeg">
<meta property="og:image:alt" content="Fachada del CSO La Enredadera: el cartel «La Enredadera» pintado a mano letra a letra sobre la puerta, y encima el mural «El último tesoro que le queda a la ciudad, es el barrio»">
<meta name="twitter:card" content="summary_large_image">
<link rel="preload" href="/Code462WPink-Regular.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anton&family=Rock+Salt&display=swap">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div class="container">
<!-- Marquesinas laterales -->
<div class="vertical-marquee left-marquee">
<marquee behavior="scroll" direction="up" scrollamount="2">
NI DIOS NI AMO, NI PATRIA NI ESTADO -0->
</marquee>
</div>
<div class="vertical-marquee right-marquee">
<marquee behavior="scroll" direction="up" scrollamount="2">
OKUPA RESISTE 1312 <3
</marquee>
</div>
<input type="checkbox" id="nav-toggle" class="sr-only">
<label for="nav-toggle" class="sb-toggle" aria-label="Abrir o cerrar el menú">☰</label>
<label for="nav-toggle" class="sb-overlay" aria-hidden="true"></label>
<!-- Sidebar -->
<aside class="sidebar">
<img src="/INFO/logo_enre_negro.png" alt="Logo de La Enredadera" class="logo">
<h2>La Enredadera</h2>
<p>Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
<nav class="sidebar-nav">
<ul>
<li><a href="/subdir/sobre_nosotrxs.html">Sobre Nosotrxs</a></li>
<li><a href="https://okupanel.laenre.net">Actividades</a></li>
<li><a href="https://mad.convoca.la/place/CSO%20La%20Enredadera">Eventos</a></li>
<li><a href="comunicados.html">Comunicados</a></li>
<li><a href="mailto:enredadera@riseup.net">Contacto</a></li>
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
<li><a href="https://twitter.com/Laenredadera">Twitter</a></li>
</ul>
</nav>
</aside>
<div class="container">
<!-- Contenido principal -->
<main class="main-content">
<header>
<h1>CSO LA ENREDADERA DE TETUÁN</h1>
<aside class="sidebar">
<img src="/INFO/logo_enre_negro.png" alt="" class="logo" width="192" height="192">
<!-- Es la marca del panel, no un encabezado de sección: como el panel
va ANTES del <main>, un <h2> aquí hacía que el primer encabezado
del documento fuera de nivel 2 y el <h1> viniera después. -->
<p class="sb-marca">La Enredadera</p>
<p class="lema">Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
<nav class="sidebar-nav" aria-label="Secciones">
<ul>
<li><a href="/colectivos.html">Colectivos</a></li>
<li><a href="/calendario.html">Calendario</a></li>
<li><a href="/eventos.html">Eventos</a></li>
<li><a href="/subdir/campa.html" aria-current="page">Campañas</a></li>
<li><a href="/subdir/sobre_nosotrxs.html">La Enre</a></li>
<li><a href="/subdir/contacto.html">Contacto</a></li>
<li><a href="https://okupanel.laenre.net">Actividades</a></li>
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
<li><a href="https://masto.es/@csolaenre">Mastodon</a></li>
</ul>
</nav>
</aside>
<!-- Respeto tu último nav tal cual -->
<nav class="top-nav">
<ul>
<li><a href="/campa.html/">CAMPAÑAS</a></li>
<li><a href="/">Inicio</a></li>
<li><a href="https://hacklab.laenre.net">Hacklab</a></li>
<li><a href="/index.html#yoga">Yoga</a></li>
<li><a href="/index.html#feminismo">Feminismos</a></li>
<li><a href="/index.html#fridays">F.F.F</a></li>
<li><a href="/index.html#OVT">OVt</a></li>
</ul>
</nav>
<nav class="top-nav second">
<ul>
<li><a href="/#musica_andina/">Música Andina</a></li>
<li><a href="/#biblioteka/">Biblioteka</a></li>
<li><a href="/#Warawas/">Warawas</a></li>
<li><a href="/#felines/">Felines</a></li>
<li><a href="/#Hongos/">Hongos</a></li>
<li><a href="/#Fermentos/">Fermentos</a></li>
<li><a href="/#bicilab/">Bicilab</a></li>
</ul>
</nav>
</header>
<main class="main">
<!-- Intro campañas -->
<section id="presentacion">
<h2>📣 Campañas</h2>
<header class="cabecera">
<h1>CAMPAÑAS</h1>
<p class="sub">En lo que andamos metidas ahora mismo</p>
</header>
<a class="volver" href="/index.html">← Volver a la enredadera</a>
<article class="texto">
<p>
Aquí reunimos las campañas que impulsamos desde La Enredadera y con el barrio:
defensa de vivienda, espacios comunes, apoyo mutuo y cultura libre.
Súmate, difunde y participa en las asambleas abiertas.
</p>
</section>
<!-- Campañas activas -->
<section id="activas">
<h2>🔥 Activas</h2>
<h2>Activas</h2>
<h3>Stop Desahucios Tetuán</h3>
<div class="tarjeta"><h3>Stop Desahucios Tetuán</h3>
<p>
Red de apoyo vecinal para frenar desahucios, acompañar a familias y presionar por soluciones reales.
</p>
<p>
<button onclick="window.location.href='#'">🗓️ Próximas convocatorias</button>
<button onclick="window.location.href='#'">📥 Cartelería / materiales</button>
</p>
<h3>Barrios Vivos: Espacio Público para la Gente</h3>
</div><div class="tarjeta"><h3>Barrios Vivos: Espacio Público para la Gente</h3>
<p>
Recuperar plazas y calles para la vida social, el juego, la cultura y el encuentro, frente a la especulación y el coche.
</p>
<p>
<button onclick="window.location.href='#'">📝 Propuestas ciudadanas</button>
<button onclick="window.location.href='#'">📥 Dossier de campaña</button>
</p>
<h3>Red de Cuidados y Apoyo Mutuo</h3>
</div><div class="tarjeta"><h3>Red de Cuidados y Apoyo Mutuo</h3>
<p>
Red comunitaria para acompañamiento a mayores, comedores vecinales, ropero y banco de alimentos.
</p>
<p>
<button onclick="window.location.href='#'">🤝 Cómo sumarte</button>
<button onclick="window.location.href='#'">📥 Recursos y guías</button>
</p>
</section>
</div>
<!-- Campañas pasadas / histórico -->
<section id="historico">
<h2>📚 Histórico</h2>
<!-- Los botones originales de estas tarjetas no llevaban a ninguna parte
(onclick="window.location.href='#'"). Los he quitado. Prometían:
🗓️ Próximas convocatorias · 📥 Cartelería / materiales · 📝 Propuestas ciudadanas · 📥 Dossier de campaña · 🤝 Cómo sumarte · 📥 Recursos y guías
Cuando exista el destino, se ponen como <ul class="enlaces">. -->
<h2>Histórico</h2>
<ul>
<li>Defensa de Centros Sociales (2009–2024)</li>
<li>Escuela Pública y de Barrio</li>
@ -125,14 +108,19 @@
Si quieres consultar materiales antiguos, escríbenos a
<a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a>.
</p>
</section>
</article>
<footer class="pie-pagina">
<p>
Calle de la Coruña nº 5, Madrid ·
<a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a> ·
<a href="https://masto.es/@csolaenre">@csolaenre</a>
</p>
</footer>
</main>
</div>
<footer>
<p>📩 Contacto: <a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a></p>
<p>📌 Plaza de la Resistencia, Local 3, Madrid</p>
<p>⚡ Mastodon: <a href="https://mastodon.social/@laenre">@laenre@mastodon.social</a></p>
</footer>
</main>
</div>
</body>
</html>

View file

@ -3,76 +3,112 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Enredadera de Tetuán</title>
<link rel="preload" href="/Code462WPink-Regular.ttf" as="font" type="font/ttf">
<title>Contacto · La Enredadera de Tetuán</title>
<meta name="description" content="Cómo contactar y visitar el CSO La Enredadera de Tetuán: Calle de la Coruña 5, Madrid. Asamblea abierta los lunes.">
<!-- Vista previa al compartir el enlace (Mastodon, Telegram, WhatsApp). -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="CSO La Enredadera de Tetuán">
<meta property="og:locale" content="es_ES">
<meta property="og:title" content="Contacto · La Enredadera de Tetuán">
<meta property="og:description" content="Cómo contactar y visitar el CSO La Enredadera de Tetuán: Calle de la Coruña 5, Madrid. Asamblea abierta los lunes.">
<meta property="og:image" content="/INFO/cso_laenre.jpeg">
<meta property="og:image:alt" content="Fachada del CSO La Enredadera: el cartel «La Enredadera» pintado a mano letra a letra sobre la puerta, y encima el mural «El último tesoro que le queda a la ciudad, es el barrio»">
<meta name="twitter:card" content="summary_large_image">
<link rel="preload" href="/Code462WPink-Regular.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anton&family=Rock+Salt&display=swap">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div class="container">
<div class="vertical-marquee left-marquee">
<marquee behavior="scroll" direction="up" scrollamount="2">
NI DIOS NI AMO, NI PATRIA NI ESTADO -0->
</marquee>
</div>
<div class="vertical-marquee right-marquee">
<marquee behavior="scroll" direction="up" scrollamount="2">
OKUPA RESISTE 1312 <3
</marquee>
</div>
<input type="checkbox" id="nav-toggle" class="sr-only">
<label for="nav-toggle" class="sb-toggle" aria-label="Abrir o cerrar el menú">☰</label>
<label for="nav-toggle" class="sb-overlay" aria-hidden="true"></label>
<aside class="sidebar">
<img src="/INFO/logo_enre_negro.png" alt="Logo de La Enredadera" class="logo">
<h2>La Enredadera</h2>
<p>Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
<nav class="sidebar-nav">
<ul>
<li><a href="/subdir/sobre_nosotrxs.html">Sobre Nosotrxs</a></li>
<li><a href="https://okupanel.laenre.net">Actividades</a></li>
<li><a href="https://mad.convoca.la/place/CSO%20La%20Enredadera">Eventos</a></li>
<li><a href="comunicados.html">Comunicados</a></li>
<li><a href="mailto:enredadera@riseup.net">Contacto</a></li>
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
<li><a href="https://masto.es/@csolaenre">Mastodon</a></li>
</ul>
</nav>
</aside>
<div class="container">
<main class="main-content">
<header>
<h1>CSO LA ENREDADERA DE TETUÁN</h1>
<nav class="top-nav">
<ul>
<li><a href="/subdir/campa.html">campañas</a></li>
<li><a href="/">inicio</a></li>
<li><a href="https://hacklab.laenre.net">hacklab</a></li>
<li><a href="/index.html#yoga">yoga</a></li>
<li><a href="/index.html#feminismos">feminismos tetuan</a></li>
<li><a href="/index.html#fridays">f.f.f</a></li>
<li><a href="/index.html#OVT">ovt</a></li>
</ul>
</nav>
<nav class="top-nav second">
<ul>
<li><a href="/#circo/"></a>circo</li>
<li><a href="/#circo/"></a>Tienda Gratis</li>
<li><a href="/#biblioteka/">biblioteka</a></li>
<li><a href="/#Warawas/">warawas</a></li>
<li><a href="/#Hongos/">hongos</a></li>
<li><a href="/#Fermentos/">fermentos</a></li>
<li><a href="/#bicilab/">bicilab</a></li>
</ul>
</nav>
</header>
<aside class="sidebar">
<img src="/INFO/logo_enre_negro.png" alt="" class="logo" width="192" height="192">
<!-- Es la marca del panel, no un encabezado de sección: como el panel
va ANTES del <main>, un <h2> aquí hacía que el primer encabezado
del documento fuera de nivel 2 y el <h1> viniera después. -->
<p class="sb-marca">La Enredadera</p>
<p class="lema">Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
<nav class="sidebar-nav" aria-label="Secciones">
<ul>
<li><a href="/colectivos.html">Colectivos</a></li>
<li><a href="/calendario.html">Calendario</a></li>
<li><a href="/eventos.html">Eventos</a></li>
<li><a href="/subdir/campa.html">Campañas</a></li>
<li><a href="/subdir/sobre_nosotrxs.html">La Enre</a></li>
<li><a href="/subdir/contacto.html" aria-current="page">Contacto</a></li>
<li><a href="https://okupanel.laenre.net">Actividades</a></li>
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
<li><a href="https://masto.es/@csolaenre">Mastodon</a></li>
</ul>
</nav>
</aside>
<main class="main">
<header class="cabecera">
<h1>CONTACTO</h1>
<p class="sub">Cómo llegar, cuándo venir y cómo escribirnos</p>
</header>
<a class="volver" href="/index.html">← Volver a la enredadera</a>
<article class="texto">
<h2>Dónde estamos</h2>
<p>El CSO La Enredadera está en la <strong>Calle de la Coruña nº 5</strong>, en el barrio de
Tetuán, Madrid. Metro de Estrecho y Alvarado a un paseo.</p>
<div class="tarjeta">
<h3>Asamblea de bienvenida</h3>
<p>Si quieres conocer el espacio, proponer una actividad o sumarte a un colectivo,
el sitio es la asamblea. <strong>Todos los lunes de 19:00 a 20:00</strong> atendemos a
quien viene de fuera, y a las <strong>20:00</strong> empieza la asamblea de la Enre.</p>
<p>No hace falta avisar ni traer nada preparado. Ven y cuéntanos.</p>
</div>
<h2>Escríbenos</h2>
<ul class="enlaces">
<li><a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a></li>
<li><a href="https://masto.es/@csolaenre" rel="me">Mastodon</a></li>
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
</ul>
<h2>Quiero organizar algo aquí</h2>
<p>La Enre acoge actividades de colectivos y eventos puntuales de gente de fuera, pero
con unos acuerdos: asistencia a la asamblea previa, turno de puerta y barra durante el
evento, limpieza del espacio después y un 10% de lo recaudado para sostener la casa.</p>
<p>La música para a las 23:00 y el espacio se desaloja a las 23:30, por respeto al
vecindario. Los conciertos y pinchadas van en la planta baja, nunca en Villa Paloma.</p>
<p><strong>Líneas rojas:</strong> no hay sitio aquí para actitudes machistas, racistas,
homófobas, tránsfobas ni excluyentes de ningún tipo. Tampoco para espacios de
masculinidad exclusiva.</p>
<h2>Qué pasa cada semana</h2>
<p>Los horarios fijos de cada colectivo están en el <a href="/calendario.html">calendario</a>,
y lo que se convoca puntualmente en <a href="/eventos.html">eventos</a>.</p>
</article>
<footer>
<p>📩 Contacto: <a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a></p>
<p>📌 Calle de la coruña nº5</p>
<p>⚡ Mastodon: <a href="https://mastodon.social/@laenre">@laenre@mastodon.social</a></p>
</footer>
</main>
</div>
<footer class="pie-pagina">
<p>
Calle de la Coruña nº 5, Madrid ·
<a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a> ·
<a href="https://masto.es/@csolaenre">@csolaenre</a>
</p>
</footer>
</main>
</div>
</body>
</html>

View file

@ -1,87 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Enredadera de Tetuán</title>
<link rel="preload" href="/Code462WPink-Regular.ttf" as="font" type="font/ttf">
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div class="container">
<div class="vertical-marquee left-marquee">
<marquee behavior="scroll" direction="up" scrollamount="2">
NI DIOS NI AMO, NI PATRIA NI ESTADO -0->
</marquee>
</div>
<div class="vertical-marquee right-marquee">
<marquee behavior="scroll" direction="up" scrollamount="2">
OKUPA RESISTE 1312 <3
</marquee>
</div>
<aside class="sidebar">
<img src="/INFO/logo_enre_negro.png" alt="Logo de La Enredadera" class="logo">
<h2>La Enredadera</h2>
<p>Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
<nav class="sidebar-nav">
<ul>
<li><a href="/subdir/sobre_nosotrxs.html">Sobre Nosotrxs</a></li>
<li><a href="https://okupanel.laenre.net">Actividades</a></li>
<li><a href="https://mad.convoca.la/place/CSO%20La%20Enredadera">Eventos</a></li>
<li><a href="comunicados.html">Comunicados</a></li>
<li><a href="mailto:enredadera@riseup.net">Contacto</a></li>
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
<li><a href="https://masto.es/@csolaenre">Mastodon</a></li>
</ul>
</nav>
</aside>
<main class="main-content">
<header>
<h1>CSO LA ENREDADERA DE TETUÁN</h1>
<nav class="top-nav">
<ul>
<li><a href="/subdir/campa.html">campañas</a></li>
<li><a href="/">inicio</a></li>
<li><a href="https://hacklab.laenre.net">hacklab</a></li>
<li><a href="/index.html#yoga">yoga</a></li>
<li><a href="/index.html#feminismos">feminismos tetuan</a></li>
<li><a href="/index.html#fridays">f.f.f</a></li>
<li><a href="/index.html#OVT">ovt</a></li>
</ul>
</nav>
<nav class="top-nav second">
<ul>
<li><a href="/#circo/"></a>circo</li>
<li><a href="/#circo/"></a>Tienda Gratis</li>
<li><a href="/#biblioteka/">biblioteka</a></li>
<li><a href="/#Warawas/">warawas</a></li>
<li><a href="/#Hongos/">hongos</a></li>
<li><a href="/#Fermentos/">fermentos</a></li>
<li><a href="/#bicilab/">bicilab</a></li>
</ul>
</nav>
</header>
<section id="ovt">
<h2> Ven a conocernos!</h2>
<p>Asamblea externos los lunes a las 19:00 - 20:00 </p>
<button <a href="https://okupanel.laenre.net">ACTIVIDADES COLECTIVES</button>
<button <a href="https://www.laenre.net/subdir/sobre_nosotrxs.html">SOBRE NOSOTRES</button>
<button <a href="https://www.laenre.net/#calendario">EVENTOS</button>
<button <a href="https://www.laenre.net/valores.html">CARTA DE VALORES</button>
</section>
<footer>
<p>📩 Contacto: <a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a></p>
<p>📌 Calle de la coruña nº5</p>
<p>⚡ Mastodon: <a href="https://mastodon.social/@laenre">@laenre@mastodon.social</a></p>
</footer>
</main>
</div>
</body>
</html>

View file

@ -1,81 +1,68 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>La Enredadera de Tetuán — Sobre Nosotrxs</title>
<!-- Fuentes/estilos globales del sitio -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiénes somos · La Enredadera de Tetuán</title>
<meta name="description" content="Quiénes somos, cómo empezó todo y cómo vemos Tetuán. CSO La Enredadera.">
<!-- Vista previa al compartir el enlace (Mastodon, Telegram, WhatsApp). -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="CSO La Enredadera de Tetuán">
<meta property="og:locale" content="es_ES">
<meta property="og:title" content="Quiénes somos · La Enredadera de Tetuán">
<meta property="og:description" content="Quiénes somos, cómo empezó todo y cómo vemos Tetuán. CSO La Enredadera.">
<meta property="og:image" content="/INFO/cso_laenre.jpeg">
<meta property="og:image:alt" content="Fachada del CSO La Enredadera: el cartel «La Enredadera» pintado a mano letra a letra sobre la puerta, y encima el mural «El último tesoro que le queda a la ciudad, es el barrio»">
<meta name="twitter:card" content="summary_large_image">
<link rel="preload" href="/Code462WPink-Regular.ttf" as="font" type="font/ttf" crossorigin>
<link rel="stylesheet" href="/index.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anton&family=Rock+Salt&display=swap">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div class="container">
<!-- Marquesinas laterales -->
<div class="vertical-marquee left-marquee">
<marquee behavior="scroll" direction="up" scrollamount="2">
NI DIOS NI AMO, NI PATRIA NI ESTADO -0->
</marquee>
</div>
<div class="vertical-marquee right-marquee">
<marquee behavior="scroll" direction="up" scrollamount="2">
OKUPA RESISTE 1312 &lt;3
</marquee>
</div>
<aside class="sidebar">
<img src="/INFO/logo_enre_negro.png" alt="Logo de La Enredadera" class="logo">
<h2>La Enredadera</h2>
<p>Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
<nav class="sidebar-nav">
<ul>
<li><a href="/subdir/sobre_nosotrxs.html">Sobre Nosotrxs</a></li>
<li><a href="https://okupanel.laenre.net">Actividades</a></li>
<li><a href="https://t.me/laenredadera">Eventos</a></li>
<li><a href="comunicados.html">Comunicados</a></li>
<li><a href="mailto:enredadera@riseup.net">Contacto</a></li>
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
<li><a href="https://twitter.com/Laenredadera">Twitter</a></li>
</ul>
</nav>
</aside>
<input type="checkbox" id="nav-toggle" class="sr-only">
<label for="nav-toggle" class="sb-toggle" aria-label="Abrir o cerrar el menú">☰</label>
<label for="nav-toggle" class="sb-overlay" aria-hidden="true"></label>
<!-- Contenido principal -->
<main class="main-content">
<header>
<h1>CSO LA ENREDADERA DE TETUÁN</h1>
<div class="container">
<nav class="top-nav">
<ul>
<li><a href="/">Inicio</a></li>
<li><a href="/CAMPAÑAS/">Campañas</a></li>
<li><a href="/colectivos/">Colectivos</a></li>
<li><a href="/feminismos/">Feminismos</a></li>
<li><a href="/hacklab/">Hacklab</a></li>
<li><a href="/OVT/">O.v.t</a></li>
<li><a href="/yoga/">Yoga</a></li>
<li><a href="/fridays/">Fridays for Future</a></li>
</ul>
</nav>
<aside class="sidebar">
<img src="/INFO/logo_enre_negro.png" alt="" class="logo" width="192" height="192">
<!-- Es la marca del panel, no un encabezado de sección: como el panel
va ANTES del <main>, un <h2> aquí hacía que el primer encabezado
del documento fuera de nivel 2 y el <h1> viniera después. -->
<p class="sb-marca">La Enredadera</p>
<p class="lema">Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
<nav class="sidebar-nav" aria-label="Secciones">
<ul>
<li><a href="/colectivos.html">Colectivos</a></li>
<li><a href="/calendario.html">Calendario</a></li>
<li><a href="/eventos.html">Eventos</a></li>
<li><a href="/subdir/campa.html">Campañas</a></li>
<li><a href="/subdir/sobre_nosotrxs.html" aria-current="page">La Enre</a></li>
<li><a href="/subdir/contacto.html">Contacto</a></li>
<li><a href="https://okupanel.laenre.net">Actividades</a></li>
<li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
<li><a href="https://masto.es/@csolaenre">Mastodon</a></li>
</ul>
</nav>
</aside>
<nav class="top-nav second">
<ul>
<li><a href="/Musica_andina/">Música Andina</a></li>
<li><a href="/biblioteka/">Biblioteka</a></li>
<li><a href="/Warawas/">Warawas</a></li>
<li><a href="/felines/">Felines</a></li>
<li><a href="/Hongos/">Hongos</a></li>
<li><a href="/Fermentos/">Fermentos</a></li>
<li><a href="/Bicilab/">Bicilab</a></li>
</ul>
</nav>
</header>
<main class="main">
<!-- Página: Sobre Nosotrxs -->
<article class="content-page readable">
<h2>Sobre Nosotrxs</h2>
<header class="cabecera">
<h1>LA ENRE</h1>
<p class="sub">Quiénes somos y cómo empezó todo esto</p>
</header>
<h3>QUIÉNES SOMOS</h3>
<a class="volver" href="/index.html">← Volver a la enredadera</a>
<article class="texto">
<h2>QUIÉNES SOMOS</h2>
<p>Somos un grupo muy diverso de vecinxs de Tetuán.</p>
<p>Algunxs vivimos en el barrio desde hace muchos años, otrxs hemos llegado recientemente o simplemente venimos de visita de vez en cuando, porque Tetuán es un buen «barrio de acogida«.</p>
<p>Algunxs somos jóvenes, otrxs ya tenemos alguna edad aunque conservamos un corazón joven aún.</p>
@ -87,7 +74,7 @@
<p>Entendemos La Enredadera como un espacio para la transformación social, donde aprendemos a relacionarnos de manera diferente, eliminando las relaciones de poder y donde damos pasos para construirnos como seres más libres. Intentamos generar herramientas para cambiar verdades inamovibles de nuestra vida y de nuestra sociedad, cambiar un sistema que nos oprime, basado en desigualdades y en la explotación del planeta.</p>
<p>¿No te dan ganas de conocernos? 🙂</p>
<h3>CÓMO EMPEZÓ TODO ESTO</h3>
<h2>CÓMO EMPEZÓ TODO ESTO</h2>
<p>Esa es una buena pregunta… seguramente todas las personas que participamos en la Enredadera podríamos contar una historia diferente de cuándo pisamos la Enre por primera vez. O de quién nos contó acerca de ella, o qué estaba ocurriendo el primer día que asomamos la cabeza por la puerta. Como en casi todo, aquí cada unx tiene su historia!</p>
<p>Pero podemos contarles sobre cómo surgió la idea de okupar un Centro Social para el Barrio.</p>
<p>Durante el final de 2007 y todo el año 2008, un grupo de vecinas y vecinos de la zona de Bellas Vistas habían estado, durante meses, organizando y disfrutando actividades en plena calle. La intención era recuperar el espacio público, recordarnos que la calle es de todos y todas y que merece la pena habitarla y encontrarnos con otrxs vecinxs en ella. En esa época entre cada vez más vecinxs, organizamos varios Mercadillos de Trueque, en la plaza de la calle Tenerife esq. San Raimundo, y también juegos callejeros, dos Pasacalles por un Barrio Mestizo y Solidario y, para culminar, todo un verano de sesiones de cine nocturno en plena calle.</p>
@ -95,7 +82,7 @@
<p>Y fue así que, pensando, esas personas decidimos okupar un edificio abandonado en el barrio de Tetuán, para que el mal tiempo no fuese un problema para todo el entusiasmo y la ilusión que teníamos en nuestro proyecto. Y durante la navidad de 2008, con mucho frío, algunas personas entramos en el edificio que ahora conocemos, que entonces aún no se llamaba Enredadera, y que estaba realmente en mal estado, porque los edificios que se dejan abandonados, como quizás ya sabrán, se llenan pronto de basura, ratas, goteras, humedades, y escombros. Pero como teníamos muchas ganas de utilizar ese espacio, trabajamos durante varios meses y en Junio de 2009, oficialmente, abrió las puertas La Enredadera, con una bonita fiesta de inauguración en la que armamos un pequeño taller de radio en plena calle, samba, payasos y hasta un dragón chino que vino desde China para apoyarnos!</p>
<p>Y desde entonces… pues han pasado muchas cosas! Mucha gente nos hemos ido acercando y conociendo, y muchas actividades, muchos aprendizajes y muchas cosas que nos hemos enseñado unxs a otrxs…. y hasta un desalojo judicial, en Febrero de 2010! Y una amenaza de precinto iniciada en verano de 2016 por parte del Ayuntamiento de Madrid! Pero, como advertíamos, La Enre No Se Toca y aquí seguimos, llevando a cabo todo aquello que no hemos dejado de soñar ni por un minuto!</p>
<h3>CÓMO VEMOS NUESTRO BARRIO</h3>
<h2>CÓMO VEMOS NUESTRO BARRIO</h2>
<p>Tetuán es un barrio muy diverso, ¿no creen?</p>
<p>En sus calles se encuentran personas de muchos países diferentes, que hablan lenguas muy distintas; hay jóvenes y no tan jóvenes, hay diferentes rostros, diferentes modas, diferentes peinados y muchas formas distintas de vestir, cantar, reír, bailar…</p>
<p>Sí, ¿verdad? Nuestro barrio es muy variado! Hay calles que parecen ser de un pequeño pueblito y hay grandes avenidas que van llenas de coches… demasiados coches, es cierto, en nuestro barrio el tráfico es bien cansado, aunque ya mucha gente se decide a coger la bici porque tanto coche hace que el aire sea difícil de respirar.</p>
@ -105,14 +92,19 @@
<p>Y la misma policía también saca a veces por la fuerza a personas que okupan casas o edificios de gente rica y que llevan abandonados muchos años, para reutilizarlos y darles un uso, porque ya saben que la vivienda está muy muy cara en Tetuán, como en Madrid. Y hay gente que ya dice que «ya es suficiente» y se mete en una casa abandonada para arreglarla y hacerla su hogar, pero la policía les molesta y les echa a la calle, y eso nos parece injusto, porque es una injusticia que con la necesidad de viviendas que hay, haya casas vacías en el barrio porque a sus propietarios ricos les apetece especular con ellas.</p>
<p>Esto es más o menos un conjunto de ideas de cómo vemos el barrio. Todo esto y muchas cosas más ocurren a diario en Tetuán; lo que ocurre es que a veces no nos enteramos porque caminamos por la calle cansad@s o no prestamos mucha atención a lo que vemos en la calle, porque tenemos ganas de regresar a casa a descansar. O porque creemos que lo que vemos en la calle «no es nuestro problema», porque a veces todavía se nos olvida que lo que les ocurre a nuestrxs vecinxs, podría ocurrirnos a nosotrxs mismxs, y que si no nos cuidamos entre nosotrxs, que somos la gente del barrio, nadie nos va a cuidar jamás.</p>
<p>Nuestro barrio, como decíamos, es un barrio muy variado. Hay de todo, y eso es una suerte, porque habiendo tanta variedad, podemos tener muchos puntos de vista y muchas ideas diferentes para trabajar juntxs en un barrio mejor. Pero aun así, todavía ocurre, según observamos, algunos vivimos muy separados de otros; por eso, ya desde hace un tiempo, estamos intentando crear una red de todos los vecinos y vecinas, para que así ya no seamos más desconocidos ni extraños y que nos reconozcamos, nos saludemos y nos preocupamos los unos de las otras, las unas de los otros. Esa es la forma más bonita y real de solidaridad que conocemos. Y queremos ponerla en práctica!</p>
</article>
</article>
<footer class="pie-pagina">
<p>
Calle de la Coruña nº 5, Madrid ·
<a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a> ·
<a href="https://masto.es/@csolaenre">@csolaenre</a>
</p>
</footer>
</main>
</div>
<footer>
<p>📩 Contacto: <a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a></p>
<p>📌 Plaza de la Resistencia, Local 3, Madrid</p>
<p>⚡ Mastodon: <a href="https://mastodon.social/@laenre">@laenre@mastodon.social</a></p>
</footer>
</main>
</div>
</body>
</html>