takethestreet/sites/tomalacalle/index.html

<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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/">
<link rel="alternate" hreflang="it" href="https://tomalacalle.net/it/">
<link rel="alternate" hreflang="fr" href="https://tomalacalle.net/fr/">
<link rel="icon" href="favicon.svg">
<link rel="stylesheet" href="css/web.css">
</head>
<body>
<header class="cab">
  <a class="simbolo" href="./"><img src="img/simbolo.svg" alt=""></a>
  <h1><a class="firma" href="./"><img class="logotipo" src="img/logotipo.svg" alt="Toma la calle"></a></h1>
  <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>
</header>

<main>
<section class="portada">
  <img class="calle" src="img/calle.svg" alt="Gente de colores llega por dos calles y llena el cruce">
  <nav class="acciones">
    <a class="bt" href="#unete">Únete</a>
    <a class="bt" href="#acampadas">Encuentra tu acampada</a>
    <a class="bt" href="#difunde">Difunde</a>
  </nav>
</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="ejes">
  <h2>Cuatro ejes</h2>
  <div class="ejes">
    <article class="eje e-techo">
      <img src="img/eje-techo.svg" alt="">
      <h3>Techo</h3>
      <p class="lema">La vivienda es un derecho, no un negocio.</p>
      <p>Contra los desahucios, la especulación, los fondos buitre y la turistificación. Por la vivienda pública y unos barrios donde se pueda vivir.</p>
    </article>
    <article class="eje e-tierra">
      <img src="img/eje-tierra.svg" alt="">
      <h3>Tierra</h3>
      <p class="lema">El planeta también es nuestra casa.</p>
      <p>Justicia climática: que paguen quienes contaminan, no los barrios. Ciudades verdes, transporte público y frenar la destrucción del territorio.</p>
    </article>
    <article class="eje e-fronteras">
      <img src="img/eje-fronteras.svg" alt="">
      <h3>Sin fronteras</h3>
      <p class="lema">Ninguna persona es ilegal.</p>
      <p>Regularización, fin de las redadas racistas y de los CIE, y los mismos derechos para quien vive aquí.</p>
    </article>
    <article class="eje e-paz">
      <img src="img/eje-paz.svg" alt="">
      <h3>Paz</h3>
      <p class="lema">Más casas, menos tanques.</p>
      <p>Dinero para la vida, no para la guerra. Fin del comercio de armas y solidaridad con los pueblos que sufren la guerra y la ocupación: con Palestina, alto y claro.</p>
    </article>
  </div>
  <div class="transversal e-feminismos">
    <img src="img/eje-feminismos.svg" alt="">
    <p><b>Feminismos en todo.</b> Las que más sufren los desahucios, las que sostienen los cuidados, las que cruzan fronteras: los cuatro ejes se miran con gafas violetas.</p>
  </div>
</section>

<section class="bloque intro">
  <p>Nacimos en la Puerta del Sol el <b>26 de septiembre</b>, por la vivienda. Hoy en las plazas estamos colectivos de vivienda, ecologistas, antirracistas, antimilitaristas y feministas, y las acampadas se extienden a Portugal e Italia.</p>
  <p class="fuerte">No nos quitan la casa, el planeta, los papeles y la paz por separado. Es el mismo modelo, que pone el beneficio de una minoría por encima de la vida de todas. Por eso salimos juntas a la misma calle.</p>
</section>

<section class="bloque" id="acampadas">
  <h2>Acampadas</h2>
  <p>Desde el 26S, acampadas en 18 ciudades. Todas en <a href="https://acampada26s.net" target="_blank">acampada26s.net</a>.</p>
  <div class="paises">
    <div class="pais">
      <h3>Madrid</h3>
      <p><a href="https://madrid.acampada26s.net" target="_blank">Madrid · Sol</a></p>
    </div>
    <div class="pais">
      <h3>Andalucía</h3>
      <p><a href="https://acampada26s.net/cadiz/" target="_blank">Cádiz</a><br><a href="https://acampada26s.net/cordoba/" target="_blank">Córdoba</a><br><a href="https://acampada26s.net/granada/" target="_blank">Granada</a><br><a href="http://malaga.acampada26s.net" target="_blank">Málaga</a><br><a href="https://acampada26s.net/sevilla/" target="_blank">Sevilla</a></p>
    </div>
    <div class="pais">
      <h3>Aragón</h3>
      <p><a href="https://acampada26s.net/zaragoza/" target="_blank">Zaragoza</a></p>
    </div>
    <div class="pais">
      <h3>Asturias</h3>
      <p><a href="https://acampada26s.net/oviedo/" target="_blank">Oviedo</a></p>
    </div>
    <div class="pais">
      <h3>Canarias</h3>
      <p><a href="https://acampada26s.net/laspalmas/" target="_blank">Las Palmas</a><br><a href="https://acampada26s.net/tenerife/" target="_blank">Tenerife</a></p>
    </div>
    <div class="pais">
      <h3>Cantabria</h3>
      <p><a href="https://acampada26s.net/santander/" target="_blank">Santander</a></p>
    </div>
    <div class="pais">
      <h3>Catalunya</h3>
      <p><a href="https://acampada26s.net/barcelona/" target="_blank">Barcelona</a></p>
    </div>
    <div class="pais">
      <h3>Comunitat Valenciana</h3>
      <p><a href="https://acampada26s.net/alicante/" target="_blank">Alicante</a><br><a href="https://acampada26s.net/valencia/" target="_blank">Valencia</a></p>
    </div>
    <div class="pais">
      <h3>Euskadi</h3>
      <p><a href="https://acampada26s.net/bilbao/" target="_blank">Bilbao</a></p>
    </div>
    <div class="pais">
      <h3>Galicia</h3>
      <p><a href="https://acampada26s.net/santiago/" target="_blank">Santiago</a></p>
    </div>
    <div class="pais">
      <h3>Illes Balears</h3>
      <p><a href="https://acampada26s.net/palma/" target="_blank">Palma</a></p>
    </div>
    <div class="pais">
      <h3>Murcia</h3>
      <p><a href="https://acampada26s.net/murcia/" target="_blank">Murcia</a></p>
    </div>
    <div class="pais nuevo">
      <h3>¿Y tu ciudad?</h3>
      <p>Si hay una acampada donde vives, o queréis montarla, escribidnos a <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> y la sumamos a la red.</p>
    </div>
    <div class="pais nuevo">
      <h3>Fuera de España</h3>
      <p>Portugal, Italia, Francia, Bélgica, India, Sudáfrica… en <a href="https://takethestreet.net" target="_blank">takethestreet.net</a>.</p>
    </div>
  </div>
</section>


<section class="bloque" id="unete">
  <h2>Cómo nos organizamos</h2>
  <ul class="principios">
    <li><b>Asamblea.</b> Las decisiones se toman en las plazas. Nadie habla en nombre de todas sin mandato.</li>
    <li><b>Autonomía.</b> Sin partidos ni siglas al frente. Los colectivos vienen con su nombre, pero la calle es de todas.</li>
    <li><b>Apoyo mutuo y cuidados.</b> Nadie se queda atrás: comida, abrigo, acompañamiento legal y salud.</li>
    <li><b>Red de redes.</b> Cada acampada es dueña de su voz. Lo común se coordina en OASIS.</li>
    <li><b>La calle como herramienta.</b> Ocupar el espacio público de forma abierta y pacífica, con alegría y sin miedo.</li>
  </ul>
</section>

<section class="bloque" id="difunde">
  <h2>Difunde</h2>
  <p class="etiquetas"><span>#tomalacalle</span><span>#26s</span></p>
  <p>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>
</main>

<footer class="pie">
  <p>Toma la calle · red estatal de acampadas · 26S</p>
  <p>Textos y dibujo CC BY-SA 4.0 · Código AGPL-3.0</p>
</footer>
</body>
</html>