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
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue