takethestreet/sites/takethestreet/index.html

184 lines
12 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Take the Street</title>
<meta name="description" content="International network of protest camps born in Madrid's Puerta del Sol on 26 September. Home, Land, No borders and Peace.">
<link rel="alternate" hreflang="en" href="https://takethestreet.net/">
<link rel="alternate" hreflang="es" href="https://takethestreet.net/es/">
<link rel="alternate" hreflang="pt" href="https://takethestreet.net/pt/">
<link rel="alternate" hreflang="it" href="https://takethestreet.net/it/">
<link rel="alternate" hreflang="fr" href="https://takethestreet.net/fr/">
<link rel="icon" href="favicon.svg">
<link rel="stylesheet" href="css/web.css">
</head>
<body>
<header class="cab">
<a class="simbolo" href="./"><img src="img/simbolo.svg" alt=""></a>
<h1><a class="firma" href="./"><img class="logotipo" src="img/logotipo.svg" alt="Take the Street"></a></h1>
<nav class="idiomas" aria-label="Language"><a href="./" aria-current="page">EN</a><a href="es/">ES</a><a href="pt/">PT</a><a href="it/">IT</a><a href="fr/">FR</a></nav>
</header>
<main>
<section class="portada">
<img class="calle" src="img/calle.svg" alt="Colourful people pour in from two streets and fill the crossing">
<nav class="acciones">
<a class="bt" href="#unete">Join us</a>
<a class="bt" href="#acampadas">Find your camp</a>
<a class="bt" href="#difunde">Spread the word</a>
</nav>
</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>#takethestreet</span><span>#26s</span><span>#acampadaporto</span><span>#11N</span></div>
<div class="deck">
<nav class="arbol" aria-label="Groups">
<h3>Groups</h3>
<ul><li><span class="on">TAKE THE STREET</span><ul><li>Spain <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>…</li></ul></li><li>Portugal <span class="n">2</span><ul><li>Porto</li><li>Lisboa</li></ul></li><li>Italy <span class="n">2</span><ul><li>Milano</li><li>Roma</li></ul></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>Porto <small>@acampadaporto</small></h3>
<div class="post"><div class="meta"><span>Square: Praça D. João I</span></div><p class="nota">evicted on 12/10, the assembly goes on</p><p class="redes"><a class="red" href="https://instagram.com/acampadaporto" target="_blank">Instagram</a></p></div>
</section>
<section class="col">
<h3>Italy <small>Milano · Roma</small></h3>
<div class="post"><p class="nota">Milano · Statale<br>Roma · piazza Bologna · Sapienza · Montecitorio<br>accounts to be confirmed</p><p class="redes"></p></div>
</section>
<section class="col">
<h3>Spain <small></small></h3>
<div class="post"><p class="nota">Every camp in Spain, at:</p><p class="redes"><a class="red" href="https://tomalacalle.net" target="_blank">tomalacalle.net</a><a class="red" href="https://acampada26s.net" target="_blank">acampada26s.net</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>Map <small>14/10</small></h3>
<ul class="mapa"><li><span>Madrid · Sol</span><span></span></li><li><span>Porto</span><span>assembly</span></li><li><span>Lisboa</span><span>17/10</span></li><li><span>Milano · Statale</span><span></span></li><li><span>Roma · piazza Bologna</span><span></span></li><li><span>Roma · Sapienza</span><span></span></li><li><span>Roma · Montecitorio</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 class="ko"><span>Málaga</span><span>lifted</span></li></ul>
</section>
</div>
</div>
</section>
<section class="bloque" id="ejes">
<h2>Four axes</h2>
<div class="ejes">
<article class="eje e-techo">
<img src="img/eje-techo.svg" alt="">
<h3>Home</h3>
<p class="lema">Housing is a right, not a business.</p>
<p>Against evictions, speculation, vulture funds and touristification. For public housing and neighbourhoods people can actually live in.</p>
</article>
<article class="eje e-tierra">
<img src="img/eje-tierra.svg" alt="">
<h3>Land</h3>
<p class="lema">The planet is our home too.</p>
<p>Climate justice: polluters pay, not neighbourhoods. Green cities, public transport and an end to the destruction of the land.</p>
</article>
<article class="eje e-fronteras">
<img src="img/eje-fronteras.svg" alt="">
<h3>No borders</h3>
<p class="lema">No one is illegal.</p>
<p>Regularisation, an end to racist raids and detention centres, and equal rights for everyone who lives here.</p>
</article>
<article class="eje e-paz">
<img src="img/eje-paz.svg" alt="">
<h3>Peace</h3>
<p class="lema">More homes, fewer tanks.</p>
<p>Money for life, not for war. An end to the arms trade and solidarity with peoples living under war and occupation: with Palestine, loud and clear.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="img/eje-feminismos.svg" alt="">
<p><b>Feminisms throughout.</b> The women hit hardest by evictions, the women who carry the care work, the women who cross borders: we look at all four axes through purple glasses.</p>
</div>
</section>
<section class="bloque intro">
<p>We were born in Madrid's Puerta del Sol on <b>26 September</b>, fighting for housing. Today housing groups, environmentalists, anti-racists, anti-militarists and feminists share the squares, and the camps are spreading to Portugal and Italy.</p>
<p class="fuerte">They don't take our homes, the planet, our papers and our peace one at a time. It's the same system, putting the profit of a few above everyone's lives. That's why we take to the same street together.</p>
</section>
<section class="bloque" id="acampadas">
<h2>Camps and protests</h2>
<p>The squares are not alone. These are the struggles taking the streets today, camping or not.</p>
<div class="paises">
<div class="pais">
<h3>Spain</h3>
<p>Since 26 September, camps in 18 cities. All of them at <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><b><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></b><br>camp since 10/10 · <a class="fuente" href="https://www.dn.pt/sociedade/acampada-no-porto-chega-desta-merda-queremos-rendas-acessveis" target="_blank">news</a></p>
<p><b>Lisboa · Praça do Município</b><br>camp called for 17/10</p>
</div>
<div class="pais">
<h3>Italy</h3>
<p><b>Milano · Statale</b><br>tents since 23/09 · <a class="fuente" href="https://www.ilgiorno.it/milano/cronaca/tende-statale-caro-affitti-guerra-tdzyfgjp" target="_blank">news</a></p>
<p><b>Roma · piazza Bologna · Sapienza · Montecitorio</b><br>student tents · <a class="fuente" href="https://www.lapresse.it/scuola/2026/10/13/caro-affitti-alla-sapienza-tornano-le-tende-degli-studenti-in-protesta/" target="_blank">news</a></p>
<p><b>Bologna · Genova · Pavia · Napoli · Lecce · Padova · Torino · Parma · Firenze</b><br>tents at the universities · <a class="fuente" href="https://www.orizzontescuola.it/gli-studenti-universitari-piantano-le-tende-contro-caro-vita-e-alloggi-alle-stelle-udu-questo-paese-ci-costa-troppo/" target="_blank">news</a></p>
<p><b>Torino · Roma</b><br>schools occupied · <a class="fuente" href="https://freedompress.org.uk/2026/10/12/gen-z-on-the-barricades/" target="_blank">news</a></p>
</div>
<div class="pais">
<h3>France</h3>
<p><b>Paris · Saint-Denis</b><br>over a thousand high schools blockaded; next day of action 17/10 · <a class="fuente" href="https://fr.wikipedia.org/wiki/Mouvement_lyc%C3%A9en_et_%C3%A9tudiant_de_2026_en_France" target="_blank">news</a></p>
</div>
<div class="pais">
<h3>Belgium</h3>
<p><b>Liège</b><br>young people against education cuts; gatherings banned since 8/10 · <a class="fuente" href="https://www.news.at/politik/dutzende-festnahmen-bei-schulerprotesten-in-belgien" target="_blank">news</a></p>
</div>
<div class="pais">
<h3>India</h3>
<p><b>New Delhi</b><br>Gen Z on the streets for free and fair elections · <a class="fuente" href="https://wbur.org/hereandnow/2026/10/13/india-gen-z-protesters" target="_blank">news</a></p>
</div>
<div class="pais">
<h3>South Africa</h3>
<p><b>Cape Town</b><br>against oil and gas at African Energy Week (13/10) · <a class="fuente" href="https://www.wftv.com/news/business/environmentalists/7R5Q47RHYI5ERN26VUGKS45ZKY/" target="_blank">news</a></p>
</div>
<div class="pais nuevo">
<h3>What about your city?</h3>
<p>If there's a camp where you live, or you want to start one, write to us at <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> and we'll add it to the network.</p>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>How we organise</h2>
<ul class="principios">
<li><b>Assembly.</b> Decisions are made in the squares. No one speaks for everyone without a mandate.</li>
<li><b>Autonomy.</b> No parties or acronyms out front. Groups come with their own names, but the street belongs to everyone.</li>
<li><b>Mutual aid and care.</b> No one gets left behind: food, shelter, legal support and health care.</li>
<li><b>A network of networks.</b> Each camp owns its voice. What we share is coordinated on OASIS.</li>
<li><b>The street as a tool.</b> Taking public space openly and peacefully, with joy and without fear.</li>
</ul>
</section>
<section class="bloque" id="difunde">
<h2>Spread the word</h2>
<p class="etiquetas"><span>#takethestreet</span><span>#26s</span></p>
<p>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>
</main>
<footer class="pie">
<p>Take the Street · international network of protest camps · 26S</p>
<p>Text and drawing CC BY-SA 4.0 · Code AGPL-3.0</p>
</footer>
</body>
</html>