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