Portada: sin la lista de ejes; panel arriba, luego el dibujo y las tarjetas

This commit is contained in:
hacklab 2026-10-14 12:34:41 +02:00
parent 56df311e4b
commit deef1dc77c
13 changed files with 708 additions and 707 deletions

View file

@ -20,78 +20,6 @@
</header>
<main>
<section class="portada">
<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 praça cheia de gente colorida e de tendas">
<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 para <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> e juntamo-la à rede.</p>
</div>
</div>
</section>
<section class="bloque panel" id="red">
<h2>Segue-as</h2>
<p>Cada acampada fala com a sua própria voz. Aqui estão as suas contas.</p>
@ -134,6 +62,78 @@
</div>
</section>
<section class="portada">
<img class="calle" src="../img/calle.svg" alt="Uma praça cheia de gente colorida e de tendas">
<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" 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 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="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 para <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> e juntamo-la à rede.</p>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Como nos organizamos</h2>
<ul class="principios">