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
parent
f3823c4c53
commit
8bcaf1644c
17 changed files with 3812 additions and 1385 deletions
|
|
@ -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 <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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue