takethestreet/sites/tomalacalle/pt/index.html

<!doctype html>
<html lang="pt">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Toma la calle · Uma rua, todas as lutas</title>
<meta name="description" content="Rede internacional de acampadas nascida na Puerta del Sol, em Madrid, a 26 de setembro. Teto, Terra, Sem fronteiras e Paz: uma rua, todas as lutas.">
<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="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="../">ES</a><a href="../en/">EN</a><a href="../pt/" aria-current="page">PT</a><a href="../it/">IT</a><a href="../fr/">FR</a></nav>
</header>

<main>
<section class="portada">
  <h1>Uma rua,<br>todas as lutas</h1>
  <p class="ejes-lista"><span class="c-techo">Teto</span> · <span class="c-tierra">Terra</span> · <span class="c-fronteras">Sem fronteiras</span> · <span class="c-paz">Paz</span></p>
  <img class="calle" src="../img/calle.svg" alt="Uma multidão colorida enche a rua">
  <nav class="acciones">
    <a class="bt" href="#unete">Junta-te</a>
    <a class="bt" href="#acampadas">Encontra a tua acampada</a>
    <a class="bt" href="#difunde">Divulga</a>
  </nav>
</section>

<section class="bloque intro">
  <p>Nascemos na Puerta del Sol, em Madrid, a <b>26 de setembro</b>, pela habitação. Hoje juntam-se nas praças coletivos de habitação, ecologistas, antirracistas, antimilitaristas e feministas, e as acampadas estendem-se a Portugal e a Itália.</p>
  <p class="fuerte">Não nos tiram a casa, o planeta, os papéis e a paz em separado. É o mesmo modelo, que põe o lucro de uma minoria acima da vida de todas. Por isso saímos juntas para a mesma rua.</p>
</section>

<section class="bloque" id="ejes">
  <h2>Quatro eixos</h2>
  <div class="ejes">
    <article class="eje e-techo">
      <img src="../img/eje-techo.svg" alt="">
      <h3>Teto</h3>
      <p class="lema">A habitação é um direito, não um negócio.</p>
      <p>Contra os despejos, a especulação, os fundos abutre e a turistificação. Pela habitação pública e por bairros onde se possa viver.</p>
    </article>
    <article class="eje e-tierra">
      <img src="../img/eje-tierra.svg" alt="">
      <h3>Terra</h3>
      <p class="lema">O planeta também é a nossa casa.</p>
      <p>Justiça climática: que pague quem polui, não os bairros. Cidades verdes, transportes públicos e travar a destruição do território.</p>
    </article>
    <article class="eje e-fronteras">
      <img src="../img/eje-fronteras.svg" alt="">
      <h3>Sem fronteiras</h3>
      <p class="lema">Nenhuma pessoa é ilegal.</p>
      <p>Regularização, fim das rusgas racistas e dos centros de detenção, e os mesmos direitos para quem cá vive.</p>
    </article>
    <article class="eje e-paz">
      <img src="../img/eje-paz.svg" alt="">
      <h3>Paz</h3>
      <p class="lema">Mais casas, menos tanques.</p>
      <p>Dinheiro para a vida, não para a guerra. Fim do comércio de armas e solidariedade com os povos que sofrem a guerra e a ocupação: com a Palestina, alto e bom som.</p>
    </article>
  </div>
  <div class="transversal e-feminismos">
    <img src="../img/eje-feminismos.svg" alt="">
    <p><b>Feminismos em tudo.</b> As que mais sofrem os despejos, as que sustentam os cuidados, as que atravessam fronteiras: os quatro eixos olham-se com óculos violeta.</p>
  </div>
</section>

<section class="bloque" id="acampadas">
  <h2>Acampadas</h2>
  <div class="paises">
    <div class="pais">
      <h3>Espanha</h3>
      <p>Desde o 26S, acampadas em 18 cidades. Todas em <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>Itália</h3>
      <p>Milano · Statale<br>Roma · piazza Bologna<br>Tendas em cerca de dez universidades</p>
    </div>
    <div class="pais nuevo">
      <h3>E a tua cidade?</h3>
      <p>Se há uma acampada onde vives, ou a querem montar, escrevam-nos e juntamo-la ao mapa.</p>
    </div>
  </div>
</section>

<section class="bloque" id="unete">
  <h2>Como nos organizamos</h2>
  <ul class="principios">
    <li><b>Assembleia.</b> As decisões tomam-se nas praças. Ninguém fala em nome de todas sem mandato.</li>
    <li><b>Autonomia.</b> Sem partidos nem siglas à frente. Os coletivos vêm com o seu nome, mas a rua é de todas.</li>
    <li><b>Apoio mútuo e cuidados.</b> Ninguém fica para trás: comida, abrigo, apoio jurídico e saúde.</li>
    <li><b>Rede de redes.</b> Cada acampada é dona da sua voz. O comum coordena-se no OASIS.</li>
    <li><b>A rua como ferramenta.</b> Ocupar o espaço público de forma aberta e pacífica, com alegria e sem medo.</li>
  </ul>
</section>

<section class="bloque" id="difunde">
  <h2>Divulga</h2>
  <p class="etiquetas"><span>#takethestreet</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
  <p>No <b>dia 26 de cada mês</b>, todas as praças ao mesmo tempo. Publica na tua língua com a hashtag comum e a da tua cidade.</p>
  <p>Logótipos e desenho para cartazes e redes: <a href="../img/logotipo.svg" download>logótipo</a> · <a href="../img/simbolo.svg" download>símbolo</a> · <a href="../img/calle.svg" download>desenho</a></p>
</section>
</main>

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