hacklab/takethestreet
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

134
sites/tomalacalle/pt/index.html
View file

@ -20,8 +20,69 @@
</header>
<main>
<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>
<div class="tags"><span>#tomalacalle</span><span>#26s</span><span>#11N</span><span>#viviendaya</span></div>
<div class="deck">
<nav class="arbol" aria-label="Coletivos">
<h3>Coletivos</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>Praça: 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>Praça: 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>Praça: 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 a 12/10, as assembleias continuam</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>sem conta</span></li><li><span>Oviedo</span><span>sem conta</span></li><li><span>Alicante</span><span>sem conta</span></li><li><span>Lanzarote</span><span>sem conta</span></li><li><span>Tenerife</span><span>sem conta</span></li><li><span>Las Palmas</span><span>sem conta</span></li><li><span>Zamora</span><span>sem conta</span></li><li><span>Cádiz</span><span>sem conta</span></li><li><span>Zaragoza</span><span>sem conta</span></li></ul>
</section>
</div>
</div>
</section>
<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>
@ -30,11 +91,6 @@
</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">
@ -69,6 +125,11 @@
</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>
<p>Desde o 26S, acampadas em 18 cidades. Todas em <a href="https://acampada26s.net" target="_blank">acampada26s.net</a>.</p>
@ -132,67 +193,6 @@
</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>
<div class="tags"><span>#tomalacalle</span><span>#26s</span><span>#11N</span><span>#viviendaya</span></div>
<div class="deck">
<nav class="arbol" aria-label="Coletivos">
<h3>Coletivos</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>Praça: 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>Praça: 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>Praça: 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 a 12/10, as assembleias continuam</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>sem conta</span></li><li><span>Oviedo</span><span>sem conta</span></li><li><span>Alicante</span><span>sem conta</span></li><li><span>Lanzarote</span><span>sem conta</span></li><li><span>Tenerife</span><span>sem conta</span></li><li><span>Las Palmas</span><span>sem conta</span></li><li><span>Zamora</span><span>sem conta</span></li><li><span>Cádiz</span><span>sem conta</span></li><li><span>Zaragoza</span><span>sem conta</span></li></ul>
</section>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Como nos organizamos</h2>