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/fr/index.html
View file

@ -20,8 +20,69 @@
</header>
<main>
<section class="bloque panel" id="red">
<h2>Suis-les</h2>
<p>Chaque campement parle de sa propre voix. Voici leurs comptes.</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="Collectifs">
<h3>Collectifs</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>Place: 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>Place: 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>Place: 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">levé le 12/10, les assemblées continuent</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>Carte <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>levé</span></li><li><span>Granada</span><span>sans compte</span></li><li><span>Oviedo</span><span>sans compte</span></li><li><span>Alicante</span><span>sans compte</span></li><li><span>Lanzarote</span><span>sans compte</span></li><li><span>Tenerife</span><span>sans compte</span></li><li><span>Las Palmas</span><span>sans compte</span></li><li><span>Zamora</span><span>sans compte</span></li><li><span>Cádiz</span><span>sans compte</span></li><li><span>Zaragoza</span><span>sans compte</span></li></ul>
</section>
</div>
</div>
</section>
<section class="portada">
<p class="ejes-lista"><span class="c-techo">Toit</span> · <span class="c-tierra">Terre</span> · <span class="c-fronteras">Sans frontières</span> · <span class="c-paz">Paix</span></p>
<img class="calle" src="../img/calle.svg" alt="Une place pleine de monde en couleurs et de tentes">
<nav class="acciones">
<a class="bt" href="#unete">Rejoins-nous</a>
@ -30,11 +91,6 @@
</nav>
</section>
<section class="bloque intro">
<p>Nous sommes nées à la Puerta del Sol, à Madrid, le <b>26 septembre</b>, pour le logement. Aujourd'hui, sur les places, se retrouvent des collectifs pour le logement, écologistes, antiracistes, antimilitaristes et féministes, et les campements s'étendent au Portugal et en Italie.</p>
<p class="fuerte">On ne nous prend pas le logement, la planète, les papiers et la paix séparément. C'est le même modèle, qui place le profit d'une minorité au-dessus de la vie de toutes. C'est pour ça que nous descendons ensemble dans la même rue.</p>
</section>
<section class="bloque" id="ejes">
<h2>Quatre axes</h2>
<div class="ejes">
@ -69,6 +125,11 @@
</div>
</section>
<section class="bloque intro">
<p>Nous sommes nées à la Puerta del Sol, à Madrid, le <b>26 septembre</b>, pour le logement. Aujourd'hui, sur les places, se retrouvent des collectifs pour le logement, écologistes, antiracistes, antimilitaristes et féministes, et les campements s'étendent au Portugal et en Italie.</p>
<p class="fuerte">On ne nous prend pas le logement, la planète, les papiers et la paix séparément. C'est le même modèle, qui place le profit d'une minorité au-dessus de la vie de toutes. C'est pour ça que nous descendons ensemble dans la même rue.</p>
</section>
<section class="bloque" id="acampadas">
<h2>Campements</h2>
<p>Depuis le 26S, des campements dans 18 villes. La liste complète sur <a href="https://acampada26s.net" target="_blank">acampada26s.net</a>.</p>
@ -132,67 +193,6 @@
</div>
</section>
<section class="bloque panel" id="red">
<h2>Suis-les</h2>
<p>Chaque campement parle de sa propre voix. Voici leurs comptes.</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="Collectifs">
<h3>Collectifs</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>Place: 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>Place: 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>Place: 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">levé le 12/10, les assemblées continuent</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>Carte <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>levé</span></li><li><span>Granada</span><span>sans compte</span></li><li><span>Oviedo</span><span>sans compte</span></li><li><span>Alicante</span><span>sans compte</span></li><li><span>Lanzarote</span><span>sans compte</span></li><li><span>Tenerife</span><span>sans compte</span></li><li><span>Las Palmas</span><span>sans compte</span></li><li><span>Zamora</span><span>sans compte</span></li><li><span>Cádiz</span><span>sans compte</span></li><li><span>Zaragoza</span><span>sans compte</span></li></ul>
</section>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Comment on s'organise</h2>