takethestreet en inglés por defecto, firma centrada sin lema y panel de acampadas

sites/tomalacalle/index.html

@@ -3,8 +3,8 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Toma la calle · Una calle, todas las luchas</title>
-<meta name="description" content="Red estatal de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz: una calle, todas las luchas.">
+<title>Toma la calle</title>
+<meta name="description" content="Red estatal de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz.">
 <link rel="alternate" hreflang="es" href="https://tomalacalle.net/">
 <link rel="alternate" hreflang="en" href="https://tomalacalle.net/en/">
 <link rel="alternate" hreflang="pt" href="https://tomalacalle.net/pt/">
@@ -15,13 +15,12 @@
 </head>
 <body>
 <header class="cab">
-  <a class="firma" href="./"><img class="simbolo" src="img/simbolo.svg" alt=""><img class="logotipo" src="img/logotipo.svg" alt="Toma la calle"></a>
   <nav class="idiomas" aria-label="Idioma"><a href="./" aria-current="page">ES</a><a href="en/">EN</a><a href="pt/">PT</a><a href="it/">IT</a><a href="fr/">FR</a></nav>
+  <h1><a class="firma" href="./"><img class="simbolo" src="img/simbolo.svg" alt=""><img class="logotipo" src="img/logotipo.svg" alt="Toma la calle"></a></h1>
 </header>
 
 <main>
 <section class="portada">
-  <h1>Una calle,<br>todas las luchas</h1>
   <p class="ejes-lista"><span class="c-techo">Techo</span> · <span class="c-tierra">Tierra</span> · <span class="c-fronteras">Sin fronteras</span> · <span class="c-paz">Paz</span></p>
   <img class="calle" src="img/calle.svg" alt="Una piña de gente de colores llena la calle">
   <nav class="acciones">
@@ -133,6 +132,68 @@
   </div>
 </section>
 
+<section class="bloque panel" id="red">
+  <h2>Síguelas</h2>
+  <p>Cada acampada habla con su propia voz. Aquí están sus cuentas.</p>
+  <div class="tags"><span>#tomalacalle</span><span>#26s</span><span>#11N</span><span>#viviendaya</span></div>
+  <div class="deck">
+    <nav class="arbol" aria-label="Colectivos">
+      <h3>Colectivos</h3>
+      <ul><li><span class="on">TOMA LA CALLE</span> <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>Santander</li><li>Compostela</li><li>Almería</li><li>Pontevedra</li><li>Mallorca</li><li>Málaga</li></ul></li></ul>
+    </nav>
+    <div class="cols">
+      <section class="col">
+        <h3>Madrid 26S <small>@acampada26s</small></h3>
+        <div class="post"><div class="meta"><span>Plaza: Sol</span></div><p class="redes"><a class="red" href="https://madrid.acampada26s.net" target="_blank">Web</a><a class="red" href="https://madrid.acampada26s.net/c/tribe/26s-com-w4rckanc" target="_blank">OASIS</a><a class="red" href="https://instagram.com/acampada26s" target="_blank">Instagram</a><a class="red" href="https://mastodon.social/@26s" target="_blank">Mastodon</a><a class="red" href="https://t.me/acampada26s" target="_blank">Telegram</a><a class="red" href="https://x.com/acampada26s" target="_blank">X</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Barcelona <small>@acampada.habitatge</small></h3>
+        <div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.habitatge" target="_blank">Instagram</a><a class="red" href="https://systerserver.town/@acampadahabitatge" target="_blank">Mastodon</a></p></div>
+      </section>
+      <section class="col">
+        <h3>València <small>@acampadavalencia1</small></h3>
+        <div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadavalencia1" target="_blank">Instagram</a><a class="red" href="https://terreta.org/@acampadavalencia1" target="_blank">Mastodon</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Sevilla <small>@acampadasetas</small></h3>
+        <div class="post"><div class="meta"><span>Plaza: Setas</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadasetas" target="_blank">Instagram</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Bilbao <small>@acampada.viviendabilbao</small></h3>
+        <div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.viviendabilbao" target="_blank">Instagram</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Santander <small>@acampada.vivienda.cantabria</small></h3>
+        <div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.vivienda.cantabria" target="_blank">Instagram</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Compostela <small>@acampadaobradoiro</small></h3>
+        <div class="post"><div class="meta"><span>Plaza: Obradoiro</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadaobradoiro" target="_blank">Instagram</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Almería <small>@acampadalmeria</small></h3>
+        <div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadalmeria" target="_blank">Instagram</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Pontevedra <small>@acampada.pontevedra</small></h3>
+        <div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.pontevedra" target="_blank">Instagram</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Mallorca <small>@acampada.per.habitar</small></h3>
+        <div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.per.habitar" target="_blank">Instagram</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Málaga <small>@malagaesxulaa</small></h3>
+        <div class="post ko"><p class="nota">levantada el 12/10, siguen las asambleas</p><p class="redes"><a class="red" href="http://malaga.acampada26s.net" target="_blank">Web</a><a class="red" href="https://instagram.com/malagaesxulaa" target="_blank">Instagram</a></p></div>
+      </section>
+      <section class="col">
+        <h3>Mapa <small>14/10</small></h3>
+        <ul class="mapa"><li><span>Madrid 26S</span><span></span></li><li><span>Barcelona</span><span></span></li><li><span>València</span><span></span></li><li><span>Sevilla</span><span></span></li><li><span>Bilbao</span><span></span></li><li><span>Santander</span><span></span></li><li><span>Compostela</span><span></span></li><li><span>Almería</span><span></span></li><li><span>Pontevedra</span><span></span></li><li><span>Mallorca</span><span></span></li><li class="ko"><span>Málaga</span><span>levantada</span></li><li><span>Granada</span><span>sin cuenta</span></li><li><span>Oviedo</span><span>sin cuenta</span></li><li><span>Alicante</span><span>sin cuenta</span></li><li><span>Lanzarote</span><span>sin cuenta</span></li><li><span>Tenerife</span><span>sin cuenta</span></li><li><span>Las Palmas</span><span>sin cuenta</span></li><li><span>Zamora</span><span>sin cuenta</span></li><li><span>Cádiz</span><span>sin cuenta</span></li><li><span>Zaragoza</span><span>sin cuenta</span></li></ul>
+      </section>
+    </div>
+  </div>
+</section>
+
 <section class="bloque" id="unete">
   <h2>Cómo nos organizamos</h2>
   <ul class="principios">
@@ -146,7 +207,7 @@
 
 <section class="bloque" id="difunde">
   <h2>Difunde</h2>
-  <p class="etiquetas"><span>#tomalacalle</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
+  <p class="etiquetas"><span>#tomalacalle</span><span>#26s</span></p>
   <p>El <b>26 de cada mes</b>, todas las plazas a la vez. Publica en tu idioma con la etiqueta común y la de tu ciudad.</p>
   <p>Logos y dibujo para carteles y redes: <a href="img/logotipo.svg" download>logotipo</a> · <a href="img/simbolo.svg" download>símbolo</a> · <a href="img/calle.svg" download>dibujo</a></p>
 </section>