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

61
sites/tomalacalle/css/web.css
View file

@ -19,17 +19,18 @@ body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.55 var(-
a { color: inherit; }
img { max-width: 100%; }
.cab { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 10px 20px; border-bottom: var(--bd); }
.firma { display: flex; align-items: center; gap: 12px; }
.firma .simbolo { height: 52px; }
.firma .logotipo { height: 34px; }
.idiomas { display: flex; gap: 6px; font: 20px/1 var(--bt); letter-spacing: .04em; }
.cab { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 20px 22px; }
.cab h1 { margin: 0; line-height: 0; }
.firma { display: flex; align-items: flex-end; justify-content: center; gap: 18px; }
.firma .simbolo { height: 120px; }
.firma .logotipo { height: 78px; margin-bottom: 6px; }
.idiomas { align-self: flex-end; display: flex; gap: 6px; font: 20px/1 var(--bt); letter-spacing: .04em; }
.idiomas a { border: var(--bd); border-radius: 6px; padding: 4px 9px 2px; text-decoration: none; box-shadow: 3px 3px 0 var(--fg); }
.idiomas a[aria-current] { background: var(--fg); color: var(--bg); box-shadow: 3px 3px 0 var(--neon); }
.portada { padding: 36px 20px 24px; border-bottom: var(--bd); text-align: center; overflow: hidden; }
.portada { padding: 0 20px 24px; border-bottom: var(--bd); text-align: center; overflow: hidden; }
h1 { margin: 0; font: 400 clamp(52px, 8vw, 112px)/.92 var(--bt); text-transform: uppercase; }
.ejes-lista { margin: 14px 0 0; font: 400 clamp(22px, 2.6vw, 32px)/1 var(--bt); letter-spacing: .08em; text-transform: uppercase; }
.ejes-lista { margin: 0; font: 400 clamp(22px, 2.6vw, 32px)/1 var(--bt); letter-spacing: .08em; text-transform: uppercase; }
.c-techo { color: var(--techo); } .c-tierra { color: var(--tierra); } .c-fronteras { color: #c99500; } .c-paz { color: var(--paz); }
.calle { display: block; width: 100%; max-width: 1200px; height: auto; margin: 10px auto 0; }
.acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 18px; }
@ -72,16 +73,52 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp
.pie { border-top: var(--bd); padding: 18px 20px; text-align: center; font-size: 14px; }
.pie p { margin: 4px 0; }
.panel > p { margin: 0 0 14px; }
.tags { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0; font: 20px var(--bt); letter-spacing: .03em; }
.tags span { border: 2px dashed var(--fg); padding: 1px 8px; }
.tags span:first-child { background: var(--neon); color: #fff; border-style: solid; }
.deck { display: grid; grid-template-columns: 200px minmax(0, 1fr); border: var(--bd); border-radius: 10px; box-shadow: 6px 6px 0 var(--fg); overflow: hidden; }
.arbol { border-right: var(--bd); padding: 14px 16px; font: 15px/1.7 var(--txt); }
.arbol h3, .col h3 { font: 400 22px/1 var(--bt); text-transform: uppercase; margin: 0 0 10px; }
.arbol ul { list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 2px solid var(--fg); }
.arbol > ul { padding: 0; border: 0; }
.arbol .on { background: var(--fg); color: var(--bg); padding: 0 4px; }
.arbol .n { float: right; font: 13px var(--bt); }
.cols { display: grid; grid-auto-flow: column; grid-auto-columns: 270px; overflow-x: auto; }
.col { border-right: var(--bd); padding: 14px 12px; }
.col:last-child { border-right: 0; }
.col h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; border-bottom: var(--bd); padding-bottom: 6px; }
.col h3 small { font: 12px var(--txt); text-transform: none; overflow-wrap: anywhere; text-align: right; }
.post { border: var(--bd); border-radius: 8px; padding: 10px 12px; box-shadow: 4px 4px 0 var(--fg); font-size: 15px; }
.post.ko { box-shadow: 4px 4px 0 var(--neon); }
.post p { margin: 0 0 8px; }
.post .nota { font-size: 14px; }
.meta { font-size: 13px; margin-bottom: 8px; }
.redes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.red { font: 15px/1 var(--bt); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; border: 2px solid var(--fg); border-radius: 4px; padding: 4px 7px 2px; }
.red:hover { background: var(--neon); border-color: var(--neon); color: #fff; }
.mapa { font: 14px/1.6 var(--txt); margin: 0; padding: 0; list-style: none; }
.mapa li { display: flex; justify-content: space-between; gap: 8px; border-bottom: 1px dashed var(--fg); }
.mapa li span + span { font-size: 12px; opacity: .75; }
.mapa .ko span:first-child { text-decoration: line-through; }
@media (max-width: 900px) {
.ejes, .paises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.cab { flex-direction: column; padding: 10px 12px; }
.firma .simbolo { height: 40px; }
.firma .logotipo { height: 26px; }
.portada { padding-top: 22px; }
.deck { grid-template-columns: minmax(0, 1fr); }
.arbol { display: none; }
.cols { grid-auto-columns: 82vw; scroll-snap-type: x mandatory; }
.col { scroll-snap-align: start; }
.cab { padding: 10px 12px 16px; }
.idiomas { align-self: center; }
.firma { gap: 10px; }
.firma .simbolo { height: 56px; }
.firma .logotipo { height: 32px; margin-bottom: 3px; }
.calle { width: 150%; max-width: none; margin-left: -25%; }
.ejes, .paises, .principios { grid-template-columns: minmax(0, 1fr); }
.ejes, .principios { grid-template-columns: minmax(0, 1fr); }
.paises { gap: 14px; }
.pais p { overflow-wrap: anywhere; }
.bt { font-size: 22px; }
.bloque { padding: 32px 14px; }
.intro p { font-size: 18px; }

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>

71
sites/tomalacalle/fr/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 · Une rue, toutes les luttes</title>
<meta name="description" content="Réseau de campements en Espagne né à la Puerta del Sol, à Madrid, le 26 septembre. Toit, Terre, Sans frontières et Paix&nbsp;: une rue, toutes les luttes.">
<title>Toma la calle</title>
<meta name="description" content="Réseau de campements en Espagne né à la Puerta del Sol, à Madrid, le 26 septembre. Toit, Terre, Sans frontières et Paix.">
<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="Langue"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/">PT</a><a href="../it/">IT</a><a href="../fr/" aria-current="page">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>Une rue,<br>toutes les luttes</h1>
<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 foule colorée remplit la rue">
<nav class="acciones">
@ -133,6 +132,68 @@
</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>
<ul class="principios">
@ -146,7 +207,7 @@
<section class="bloque" id="difunde">
<h2>Fais tourner</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>Le <b>26 de chaque mois</b>, toutes les places en même temps. Publie dans ta langue avec le hashtag commun et celui de ta ville.</p>
<p>Logos et dessin pour affiches et réseaux&nbsp;: <a href="../img/logotipo.svg" download>logotype</a> · <a href="../img/simbolo.svg" download>symbole</a> · <a href="../img/calle.svg" download>dessin</a></p>
</section>

71
sites/tomalacalle/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 · Una calle, todas las luchas</title>
<meta name="description" content="Red estatal de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz: una calle, todas las luchas.">
<title>Toma la calle</title>
<meta name="description" content="Red estatal de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz.">
<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="Idioma"><a href="./" aria-current="page">ES</a><a href="en/">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>Una calle,<br>todas las luchas</h1>
<p class="ejes-lista"><span class="c-techo">Techo</span> · <span class="c-tierra">Tierra</span> · <span class="c-fronteras">Sin fronteras</span> · <span class="c-paz">Paz</span></p>
<img class="calle" src="img/calle.svg" alt="Una piña de gente de colores llena la calle">
<nav class="acciones">
@ -133,6 +132,68 @@
</div>
</section>
<section class="bloque panel" id="red">
<h2>Síguelas</h2>
<p>Cada acampada habla con su propia voz. Aquí están sus cuentas.</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="Colectivos">
<h3>Colectivos</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>Plaza: 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>Plaza: 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>Plaza: 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 el 12/10, siguen las asambleas</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>sin cuenta</span></li><li><span>Oviedo</span><span>sin cuenta</span></li><li><span>Alicante</span><span>sin cuenta</span></li><li><span>Lanzarote</span><span>sin cuenta</span></li><li><span>Tenerife</span><span>sin cuenta</span></li><li><span>Las Palmas</span><span>sin cuenta</span></li><li><span>Zamora</span><span>sin cuenta</span></li><li><span>Cádiz</span><span>sin cuenta</span></li><li><span>Zaragoza</span><span>sin cuenta</span></li></ul>
</section>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Cómo nos organizamos</h2>
<ul class="principios">
@ -146,7 +207,7 @@
<section class="bloque" id="difunde">
<h2>Difunde</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>El <b>26 de cada mes</b>, todas las plazas a la vez. Publica en tu idioma con la etiqueta común y la de tu ciudad.</p>
<p>Logos y dibujo para carteles y redes: <a href="img/logotipo.svg" download>logotipo</a> · <a href="img/simbolo.svg" download>símbolo</a> · <a href="img/calle.svg" download>dibujo</a></p>
</section>

71
sites/tomalacalle/it/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 · Una strada, tutte le lotte</title>
<meta name="description" content="Rete di accampate in Spagna nata a Puerta del Sol, a Madrid, il 26 settembre. Tetto, Terra, Senza frontiere e Pace: una strada, tutte le lotte.">
<title>Toma la calle</title>
<meta name="description" content="Rete di accampate in Spagna nata a Puerta del Sol, a Madrid, il 26 settembre. Tetto, Terra, Senza frontiere e Pace.">
<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="Lingua"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/">PT</a><a href="../it/" aria-current="page">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>Una strada,<br>tutte le lotte</h1>
<p class="ejes-lista"><span class="c-techo">Tetto</span> · <span class="c-tierra">Terra</span> · <span class="c-fronteras">Senza frontiere</span> · <span class="c-paz">Pace</span></p>
<img class="calle" src="../img/calle.svg" alt="Una folla colorata riempie la strada">
<nav class="acciones">
@ -133,6 +132,68 @@
</div>
</section>
<section class="bloque panel" id="red">
<h2>Seguile</h2>
<p>Ogni accampata parla con la propria voce. Ecco i loro account.</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="Collettivi">
<h3>Collettivi</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>Piazza: 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>Piazza: 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>Piazza: 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">smontata il 12/10, le assemblee continuano</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>Mappa <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>smontata</span></li><li><span>Granada</span><span>senza account</span></li><li><span>Oviedo</span><span>senza account</span></li><li><span>Alicante</span><span>senza account</span></li><li><span>Lanzarote</span><span>senza account</span></li><li><span>Tenerife</span><span>senza account</span></li><li><span>Las Palmas</span><span>senza account</span></li><li><span>Zamora</span><span>senza account</span></li><li><span>Cádiz</span><span>senza account</span></li><li><span>Zaragoza</span><span>senza account</span></li></ul>
</section>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Come ci organizziamo</h2>
<ul class="principios">
@ -146,7 +207,7 @@
<section class="bloque" id="difunde">
<h2>Diffondi</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>Il <b>26 di ogni mese</b>, tutte le piazze insieme. Pubblica nella tua lingua con l'hashtag comune e quello della tua città.</p>
<p>Loghi e disegno per manifesti e social: <a href="../img/logotipo.svg" download>logotipo</a> · <a href="../img/simbolo.svg" download>simbolo</a> · <a href="../img/calle.svg" download>disegno</a></p>
</section>

71
sites/tomalacalle/pt/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 · Uma rua, todas as lutas</title>
<meta name="description" content="Rede de acampadas em Espanha nascida na Puerta del Sol, em Madrid, a 26 de setembro. Teto, Terra, Sem fronteiras e Paz: uma rua, todas as lutas.">
<title>Toma la calle</title>
<meta name="description" content="Rede de acampadas em Espanha nascida na Puerta del Sol, em Madrid, a 26 de setembro. Teto, Terra, Sem fronteiras e Paz.">
<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="Idioma"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/" aria-current="page">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>Uma rua,<br>todas as lutas</h1>
<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 multidão colorida enche a rua">
<nav class="acciones">
@ -133,6 +132,68 @@
</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>
<ul class="principios">
@ -146,7 +207,7 @@
<section class="bloque" id="difunde">
<h2>Divulga</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>No <b>dia 26 de cada mês</b>, todas as praças ao mesmo tempo. Publica na tua língua com a hashtag comum e a da tua cidade.</p>
<p>Logótipos e desenho para cartazes e redes: <a href="../img/logotipo.svg" download>logótipo</a> · <a href="../img/simbolo.svg" download>símbolo</a> · <a href="../img/calle.svg" download>desenho</a></p>
</section>