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

takethestreet en inglés por defecto, firma centrada sin lema y panel de acampadas

Browse source
This commit is contained in:
hacklab 2026-10-14 11:58:17 +02:00
parent 56b74e7ac8
commit 107d57c90c
12 changed files with 825 additions and 121 deletions
Download patch file Download diff file Expand all files Collapse all files

71
sites/tomalacalle/en/index.html
View file

@ -3,8 +3,8 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Toma la calle · One street, every struggle</title>
<meta name="description" content="Network of protest camps across Spain, born in Madrid's Puerta del Sol on 26 September. Home, Land, No borders and Peace: one street, every struggle.">
<title>Toma la calle</title>
<meta name="description" content="Network of protest camps across Spain, born in Madrid's Puerta del Sol on 26 September. Home, Land, No borders and Peace.">
<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/">
@ -15,13 +15,12 @@
</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="Language"><a href="../">ES</a><a href="../en/" aria-current="page">EN</a><a href="../pt/">PT</a><a href="../it/">IT</a><a href="../fr/">FR</a></nav>
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a></h1>
</header>
<main>
<section class="portada">
<h1>One street,<br>every struggle</h1>
<p class="ejes-lista"><span class="c-techo">Home</span> · <span class="c-tierra">Land</span> · <span class="c-fronteras">No borders</span> · <span class="c-paz">Peace</span></p>
<img class="calle" src="../img/calle.svg" alt="A colourful crowd fills the street">
<nav class="acciones">
@ -133,6 +132,68 @@
</div>
</section>
<section class="bloque panel" id="red">
<h2>Follow them</h2>
<p>Each camp speaks with its own voice. Here are their accounts.</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="Groups">
<h3>Groups</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>Square: 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>Square: 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>Square: 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">camp lifted on 12/10, assemblies go on</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>Map <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>lifted</span></li><li><span>Granada</span><span>no account yet</span></li><li><span>Oviedo</span><span>no account yet</span></li><li><span>Alicante</span><span>no account yet</span></li><li><span>Lanzarote</span><span>no account yet</span></li><li><span>Tenerife</span><span>no account yet</span></li><li><span>Las Palmas</span><span>no account yet</span></li><li><span>Zamora</span><span>no account yet</span></li><li><span>Cádiz</span><span>no account yet</span></li><li><span>Zaragoza</span><span>no account yet</span></li></ul>
</section>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>How we organise</h2>
<ul class="principios">
@ -146,7 +207,7 @@
<section class="bloque" id="difunde">
<h2>Spread the word</h2>
<p class="etiquetas"><span>#tomalacalle</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
<p class="etiquetas"><span>#tomalacalle</span><span>#26s</span></p>
<p>On the <b>26th of every month</b>, every square at once. Post in your language with the common hashtag and your city's.</p>
<p>Logos and drawing for posters and social media: <a href="../img/logotipo.svg" download>logotype</a> · <a href="../img/simbolo.svg" download>symbol</a> · <a href="../img/calle.svg" download>drawing</a></p>
</section>