takethestreet/site/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 · Una calle, todas las luchas</title>
<meta name="description" content="Red internacional de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz: una calle, todas las luchas.">
<link rel="icon" href="favicon.svg">
<link rel="stylesheet" href="css/web.css">
</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>
</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">
    <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 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 unos pocos por encima de la vida de todas. Por eso salimos juntas a la misma calle.</p>
</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">Ningún ser humano 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" id="acampadas">
  <h2>Acampadas</h2>
  <div class="paises">
    <div class="pais">
      <h3>España</h3>
      <p>Desde el 26S, acampadas en 18 ciudades. Todas en <a href="https://acampada26s.net" target="_blank">acampada26s.net</a>.</p>
      <p><a href="https://madrid.acampada26s.net" target="_blank">Madrid · Sol</a></p>
    </div>
    <div class="pais">
      <h3>Portugal</h3>
      <p><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
    </div>
    <div class="pais">
      <h3>Italia</h3>
      <p>Milano · Statale<br>Roma · piazza Bologna<br>Tiendas en una decena de universidades</p>
    </div>
    <div class="pais nuevo">
      <h3>¿Y tu ciudad?</h3>
      <p>Si hay una acampada donde vives, o queréis montarla, escribidnos y la sumamos al mapa.</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>#takethestreet</span><span>#unacalletodaslasluchas</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>
</main>

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