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

17
README.md
View file

@ -51,13 +51,14 @@ Borrador para la asamblea en [`docs/ideario.md`](docs/ideario.md). Propuesta: **
`sites/` tiene dos webs con el mismo diseño: `takethestreet/` (takethestreet.net, internacional) y `tomalacalle/` (tomalacalle.net, estatal). HTML y CSS, sin JavaScript, igual que acampada26s.net. El deck va aparte, en `deck.takethestreet.net`. La portada cuenta el ideario de arriba abajo:
1. **Portada**: la firma grande y centrada como título (sin lema), los cuatro ejes con su color, el dibujo de la plaza y tres botones (Únete, Encuentra tu acampada, Difunde).
2. **Quiénes somos**: dos párrafos, de Sol a todas las luchas.
3. **Cuatro ejes**: una tarjeta por eje, con una piña de monigotes en su color (los mismos colores que los regueros del dibujo: *Techo* naranja, *Tierra* verde, *Sin fronteras* amarillo, *Paz* azul). Debajo, la franja violeta de los feminismos.
4. **Acampadas**: por país en takethestreet.net y por territorio en tomalacalle.net, más «¿Y tu ciudad?».
5. **Síguelas**: un panel como el del deck, con el árbol de colectivos, una columna por acampada con sus cuentas de verdad y un mapa. Internacional en takethestreet.net y estatal en tomalacalle.net.
6. **Cómo nos organizamos**.
7. **Difunde**: etiquetas, el día 26 de cada mes y los logos para descargar.
1. **Cabecera**: la firma grande y centrada como título, sin lema.
2. **Síguelas**: un panel como el del deck, con el árbol de colectivos, una columna por acampada con sus cuentas de verdad y un mapa. Internacional en takethestreet.net y estatal en tomalacalle.net. En móvil va una acampada por fila.
3. **Dibujo** de la plaza y tres botones (Únete, Encuentra tu acampada, Difunde).
4. **Cuatro ejes**: una tarjeta por eje, con una piña de monigotes en su color (*Techo* naranja, *Tierra* verde, *Sin fronteras* amarillo, *Paz* azul). Debajo, la franja violeta de los feminismos.
5. **Quiénes somos**: dos párrafos, de Sol a todas las luchas.
6. **Acampadas**: por país en takethestreet.net y por territorio en tomalacalle.net, más «¿Y tu ciudad?».
7. **Cómo nos organizamos**.
8. **Difunde**: etiquetas, el día 26 de cada mes y los logos para descargar.
En castellano, inglés, portugués, italiano y francés, en femenino genérico. takethestreet.net abre en inglés (`es/`, `pt/`, `it/`, `fr/`) y tomalacalle.net en castellano (`en/`, `pt/`, `it/`, `fr/`). El contacto de «¿Y tu ciudad?» es acampada26s@riseup.net. Los iconos de los ejes se generan con `python3 tools/ejes.py sites/<web>/img`.
@ -254,7 +255,7 @@ Tres piezas, cada una con su uso:
![Hoja de marca](docs/marca/hoja.png)
- **Símbolo** (`docs/marca/simbolo*.svg`): la cabeza de una farola, con el cristal encendido en naranja. La farola es la calle de noche: la luz que se queda encendida en la plaza. Las farolas también salen en el dibujo. Sirve para el favicon, los avatares de redes y las pegatinas, y se lee hasta a 16 px. Tres versiones: positivo, negativo y sobre naranja.
- **Símbolo** (`docs/marca/simbolo*.svg`): una farola moderna que alumbra hacia abajo con dos rayos de luz entrelazados, naranja y amarillo. Es la luz que se queda encendida en la plaza. Se genera con `python3 tools/farola.py docs/marca`. Sirve para el favicon, los avatares de redes y las pegatinas, y se lee hasta a 16 px. Tres versiones: positivo, negativo y sobre naranja.
- **Logotipo** (`docs/marca/logotipo*.svg`): «TAKE THE STREET» en **Grindy Brush**, todo en negro (o en blanco sobre negro). Va convertido a trazados, así que no hace falta la fuente. Hay versión en una línea y en dos.
- **Firma**: símbolo + logotipo. Es lo que va arriba a la izquierda de la web.
- **Ilustración** (`docs/calle.svg`): la imagen principal de la portada, nunca en la cabecera. Ver el apartado 6.

4
sites/takethestreet/css/web.css
View file

@ -28,9 +28,8 @@ img { max-width: 100%; }
.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: 0 20px 24px; border-bottom: var(--bd); text-align: center; overflow: hidden; }
.portada { padding: 24px 20px 24px; border-top: var(--bd); 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: 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; }
@ -73,6 +72,7 @@ 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 { padding-top: 10px; border-bottom: 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; }

144
sites/takethestreet/es/index.html
View file

@ -20,78 +20,6 @@
</header>
<main>
<section class="portada">
<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 plaza llena de gente de colores y tiendas de campaña">
<nav class="acciones">
<a class="bt" href="#unete">Únete</a>
<a class="bt" href="#acampadas">Encuentra tu acampada</a>
<a class="bt" href="#difunde">Difunde</a>
</nav>
</section>
<section class="bloque intro">
<p>Nacimos en la Puerta del Sol el <b>26 de septiembre</b>, por la vivienda. Hoy en las plazas estamos colectivos de vivienda, ecologistas, antirracistas, antimilitaristas y feministas, y las acampadas se extienden a Portugal e Italia.</p>
<p class="fuerte">No nos quitan la casa, el planeta, los papeles y la paz por separado. Es el mismo modelo, que pone el beneficio de una minoría por encima de la vida de todas. Por eso salimos juntas a la misma calle.</p>
</section>
<section class="bloque" id="ejes">
<h2>Cuatro ejes</h2>
<div class="ejes">
<article class="eje e-techo">
<img src="../img/eje-techo.svg" alt="">
<h3>Techo</h3>
<p class="lema">La vivienda es un derecho, no un negocio.</p>
<p>Contra los desahucios, la especulación, los fondos buitre y la turistificación. Por la vivienda pública y unos barrios donde se pueda vivir.</p>
</article>
<article class="eje e-tierra">
<img src="../img/eje-tierra.svg" alt="">
<h3>Tierra</h3>
<p class="lema">El planeta también es nuestra casa.</p>
<p>Justicia climática: que paguen quienes contaminan, no los barrios. Ciudades verdes, transporte público y frenar la destrucción del territorio.</p>
</article>
<article class="eje e-fronteras">
<img src="../img/eje-fronteras.svg" alt="">
<h3>Sin fronteras</h3>
<p class="lema">Ninguna persona es ilegal.</p>
<p>Regularización, fin de las redadas racistas y de los CIE, y los mismos derechos para quien vive aquí.</p>
</article>
<article class="eje e-paz">
<img src="../img/eje-paz.svg" alt="">
<h3>Paz</h3>
<p class="lema">Más casas, menos tanques.</p>
<p>Dinero para la vida, no para la guerra. Fin del comercio de armas y solidaridad con los pueblos que sufren la guerra y la ocupación: con Palestina, alto y claro.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="../img/eje-feminismos.svg" alt="">
<p><b>Feminismos en todo.</b> Las que más sufren los desahucios, las que sostienen los cuidados, las que cruzan fronteras: los cuatro ejes se miran con gafas violetas.</p>
</div>
</section>
<section class="bloque" id="acampadas">
<h2>Acampadas</h2>
<div class="paises">
<div class="pais">
<h3>España</h3>
<p>Desde el 26S, acampadas en 18 ciudades. Todas en <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><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Italia</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tiendas de campaña en una decena de universidades</p>
</div>
<div class="pais nuevo">
<h3>¿Y tu ciudad?</h3>
<p>Si hay una acampada donde vives, o queréis montarla, escribidnos a <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> y la sumamos a la red.</p>
</div>
</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>
@ -134,6 +62,78 @@
</div>
</section>
<section class="portada">
<img class="calle" src="../img/calle.svg" alt="Una plaza llena de gente de colores y tiendas de campaña">
<nav class="acciones">
<a class="bt" href="#unete">Únete</a>
<a class="bt" href="#acampadas">Encuentra tu acampada</a>
<a class="bt" href="#difunde">Difunde</a>
</nav>
</section>
<section class="bloque" id="ejes">
<h2>Cuatro ejes</h2>
<div class="ejes">
<article class="eje e-techo">
<img src="../img/eje-techo.svg" alt="">
<h3>Techo</h3>
<p class="lema">La vivienda es un derecho, no un negocio.</p>
<p>Contra los desahucios, la especulación, los fondos buitre y la turistificación. Por la vivienda pública y unos barrios donde se pueda vivir.</p>
</article>
<article class="eje e-tierra">
<img src="../img/eje-tierra.svg" alt="">
<h3>Tierra</h3>
<p class="lema">El planeta también es nuestra casa.</p>
<p>Justicia climática: que paguen quienes contaminan, no los barrios. Ciudades verdes, transporte público y frenar la destrucción del territorio.</p>
</article>
<article class="eje e-fronteras">
<img src="../img/eje-fronteras.svg" alt="">
<h3>Sin fronteras</h3>
<p class="lema">Ninguna persona es ilegal.</p>
<p>Regularización, fin de las redadas racistas y de los CIE, y los mismos derechos para quien vive aquí.</p>
</article>
<article class="eje e-paz">
<img src="../img/eje-paz.svg" alt="">
<h3>Paz</h3>
<p class="lema">Más casas, menos tanques.</p>
<p>Dinero para la vida, no para la guerra. Fin del comercio de armas y solidaridad con los pueblos que sufren la guerra y la ocupación: con Palestina, alto y claro.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="../img/eje-feminismos.svg" alt="">
<p><b>Feminismos en todo.</b> Las que más sufren los desahucios, las que sostienen los cuidados, las que cruzan fronteras: los cuatro ejes se miran con gafas violetas.</p>
</div>
</section>
<section class="bloque intro">
<p>Nacimos en la Puerta del Sol el <b>26 de septiembre</b>, por la vivienda. Hoy en las plazas estamos colectivos de vivienda, ecologistas, antirracistas, antimilitaristas y feministas, y las acampadas se extienden a Portugal e Italia.</p>
<p class="fuerte">No nos quitan la casa, el planeta, los papeles y la paz por separado. Es el mismo modelo, que pone el beneficio de una minoría por encima de la vida de todas. Por eso salimos juntas a la misma calle.</p>
</section>
<section class="bloque" id="acampadas">
<h2>Acampadas</h2>
<div class="paises">
<div class="pais">
<h3>España</h3>
<p>Desde el 26S, acampadas en 18 ciudades. Todas en <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><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Italia</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tiendas de campaña en una decena de universidades</p>
</div>
<div class="pais nuevo">
<h3>¿Y tu ciudad?</h3>
<p>Si hay una acampada donde vives, o queréis montarla, escribidnos a <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> y la sumamos a la red.</p>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Cómo nos organizamos</h2>
<ul class="principios">

144
sites/takethestreet/fr/index.html
View file

@ -20,78 +20,6 @@
</header>
<main>
<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>
<a class="bt" href="#acampadas">Trouve ton campement</a>
<a class="bt" href="#difunde">Fais tourner</a>
</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">
<article class="eje e-techo">
<img src="../img/eje-techo.svg" alt="">
<h3>Toit</h3>
<p class="lema">Le logement est un droit, pas une marchandise.</p>
<p>Contre les expulsions, la spéculation, les fonds vautours et la touristification. Pour le logement public et des quartiers où l'on puisse vivre.</p>
</article>
<article class="eje e-tierra">
<img src="../img/eje-tierra.svg" alt="">
<h3>Terre</h3>
<p class="lema">La planète aussi, c'est chez nous.</p>
<p>Justice climatique&nbsp;: faire payer les industries qui polluent, pas les quartiers. Des villes vertes, des transports publics et un coup d'arrêt à la destruction des territoires.</p>
</article>
<article class="eje e-fronteras">
<img src="../img/eje-fronteras.svg" alt="">
<h3>Sans frontières</h3>
<p class="lema">Aucune personne n'est illégale.</p>
<p>Régularisation, fin des rafles racistes et des centres de rétention, et les mêmes droits pour toutes les personnes qui vivent ici.</p>
</article>
<article class="eje e-paz">
<img src="../img/eje-paz.svg" alt="">
<h3>Paix</h3>
<p class="lema">Plus de logements, moins de chars.</p>
<p>De l'argent pour la vie, pas pour la guerre. Fin du commerce des armes et solidarité avec les peuples qui subissent la guerre et l'occupation&nbsp;: avec la Palestine, haut et fort.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="../img/eje-feminismos.svg" alt="">
<p><b>Les féminismes partout.</b> Celles qui subissent le plus les expulsions, celles qui portent le soin, celles qui traversent les frontières&nbsp;: les quatre axes se regardent avec des lunettes violettes.</p>
</div>
</section>
<section class="bloque" id="acampadas">
<h2>Campements</h2>
<div class="paises">
<div class="pais">
<h3>Espagne</h3>
<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>
<p><a href="https://madrid.acampada26s.net" target="_blank">Madrid · Sol</a></p>
</div>
<div class="pais">
<h3>Portugal</h3>
<p><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Italie</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Des tentes dans une dizaine d'universités</p>
</div>
<div class="pais nuevo">
<h3>Et ta ville&nbsp;?</h3>
<p>S'il y a un campement là où tu vis, ou si vous voulez en monter un, écrivez-nous à <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> et on l'ajoute au réseau.</p>
</div>
</div>
</section>
<section class="bloque panel" id="red">
<h2>Suis-les</h2>
<p>Chaque campement parle de sa propre voix. Voici leurs comptes.</p>
@ -134,6 +62,78 @@
</div>
</section>
<section class="portada">
<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>
<a class="bt" href="#acampadas">Trouve ton campement</a>
<a class="bt" href="#difunde">Fais tourner</a>
</nav>
</section>
<section class="bloque" id="ejes">
<h2>Quatre axes</h2>
<div class="ejes">
<article class="eje e-techo">
<img src="../img/eje-techo.svg" alt="">
<h3>Toit</h3>
<p class="lema">Le logement est un droit, pas une marchandise.</p>
<p>Contre les expulsions, la spéculation, les fonds vautours et la touristification. Pour le logement public et des quartiers où l'on puisse vivre.</p>
</article>
<article class="eje e-tierra">
<img src="../img/eje-tierra.svg" alt="">
<h3>Terre</h3>
<p class="lema">La planète aussi, c'est chez nous.</p>
<p>Justice climatique&nbsp;: faire payer les industries qui polluent, pas les quartiers. Des villes vertes, des transports publics et un coup d'arrêt à la destruction des territoires.</p>
</article>
<article class="eje e-fronteras">
<img src="../img/eje-fronteras.svg" alt="">
<h3>Sans frontières</h3>
<p class="lema">Aucune personne n'est illégale.</p>
<p>Régularisation, fin des rafles racistes et des centres de rétention, et les mêmes droits pour toutes les personnes qui vivent ici.</p>
</article>
<article class="eje e-paz">
<img src="../img/eje-paz.svg" alt="">
<h3>Paix</h3>
<p class="lema">Plus de logements, moins de chars.</p>
<p>De l'argent pour la vie, pas pour la guerre. Fin du commerce des armes et solidarité avec les peuples qui subissent la guerre et l'occupation&nbsp;: avec la Palestine, haut et fort.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="../img/eje-feminismos.svg" alt="">
<p><b>Les féminismes partout.</b> Celles qui subissent le plus les expulsions, celles qui portent le soin, celles qui traversent les frontières&nbsp;: les quatre axes se regardent avec des lunettes violettes.</p>
</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>
<div class="paises">
<div class="pais">
<h3>Espagne</h3>
<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>
<p><a href="https://madrid.acampada26s.net" target="_blank">Madrid · Sol</a></p>
</div>
<div class="pais">
<h3>Portugal</h3>
<p><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Italie</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Des tentes dans une dizaine d'universités</p>
</div>
<div class="pais nuevo">
<h3>Et ta ville&nbsp;?</h3>
<p>S'il y a un campement là où tu vis, ou si vous voulez en monter un, écrivez-nous à <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> et on l'ajoute au réseau.</p>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Comment on s'organise</h2>
<ul class="principios">

144
sites/takethestreet/index.html
View file

@ -20,78 +20,6 @@
</header>
<main>
<section class="portada">
<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 square full of colourful people and tents">
<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 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="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" id="acampadas">
<h2>Camps</h2>
<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><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Italy</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tents at a dozen universities</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 panel" id="red">
<h2>Follow them</h2>
<p>Each camp speaks with its own voice. Here are their accounts.</p>
@ -134,6 +62,78 @@
</div>
</section>
<section class="portada">
<img class="calle" src="img/calle.svg" alt="A square full of colourful people and tents">
<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" 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</h2>
<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><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Italy</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tents at a dozen universities</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">

144
sites/takethestreet/it/index.html
View file

@ -20,78 +20,6 @@
</header>
<main>
<section class="portada">
<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 piazza piena di gente colorata e di tende">
<nav class="acciones">
<a class="bt" href="#unete">Unisciti</a>
<a class="bt" href="#acampadas">Trova la tua accampata</a>
<a class="bt" href="#difunde">Diffondi</a>
</nav>
</section>
<section class="bloque intro">
<p>Siamo nate a Puerta del Sol, a Madrid, il <b>26 settembre</b>, per il diritto alla casa. Oggi nelle piazze ci sono realtà per la casa, ecologiste, antirazziste, antimilitariste e femministe, e le accampate arrivano in Portogallo e in Italia.</p>
<p class="fuerte">Non ci tolgono la casa, il pianeta, i documenti e la pace separatamente. È lo stesso modello, che mette il profitto di una minoranza sopra la vita di tutte. Per questo scendiamo tutte insieme nella stessa strada.</p>
</section>
<section class="bloque" id="ejes">
<h2>Quattro assi</h2>
<div class="ejes">
<article class="eje e-techo">
<img src="../img/eje-techo.svg" alt="">
<h3>Tetto</h3>
<p class="lema">La casa è un diritto, non un affare.</p>
<p>Contro gli sfratti, la speculazione, i fondi avvoltoio e la turistificazione. Per la casa pubblica e quartieri dove si possa vivere.</p>
</article>
<article class="eje e-tierra">
<img src="../img/eje-tierra.svg" alt="">
<h3>Terra</h3>
<p class="lema">Anche il pianeta è casa nostra.</p>
<p>Giustizia climatica: paghi chi inquina, non i quartieri. Città verdi, trasporto pubblico e stop alla distruzione del territorio.</p>
</article>
<article class="eje e-fronteras">
<img src="../img/eje-fronteras.svg" alt="">
<h3>Senza frontiere</h3>
<p class="lema">Nessuna persona è illegale.</p>
<p>Regolarizzazione, stop ai rastrellamenti razzisti e ai CPR, e gli stessi diritti per chi vive qui.</p>
</article>
<article class="eje e-paz">
<img src="../img/eje-paz.svg" alt="">
<h3>Pace</h3>
<p class="lema">Più case, meno carri armati.</p>
<p>Soldi per la vita, non per la guerra. Stop al commercio di armi e solidarietà con i popoli che subiscono la guerra e l'occupazione: con la Palestina, forte e chiaro.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="../img/eje-feminismos.svg" alt="">
<p><b>Femminismi ovunque.</b> Quelle che subiscono di più gli sfratti, quelle che reggono il lavoro di cura, quelle che attraversano le frontiere: i quattro assi si guardano con lenti viola.</p>
</div>
</section>
<section class="bloque" id="acampadas">
<h2>Accampate</h2>
<div class="paises">
<div class="pais">
<h3>Spagna</h3>
<p>Dal 26S, accampate in 18 città. Tutte su <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>Portogallo</h3>
<p><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Italia</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tende in una decina di università</p>
</div>
<div class="pais nuevo">
<h3>E la tua città?</h3>
<p>Se c'è un'accampata dove vivi, o volete montarla, scriveteci a <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> e la aggiungiamo alla rete.</p>
</div>
</div>
</section>
<section class="bloque panel" id="red">
<h2>Seguile</h2>
<p>Ogni accampata parla con la propria voce. Ecco i loro account.</p>
@ -134,6 +62,78 @@
</div>
</section>
<section class="portada">
<img class="calle" src="../img/calle.svg" alt="Una piazza piena di gente colorata e di tende">
<nav class="acciones">
<a class="bt" href="#unete">Unisciti</a>
<a class="bt" href="#acampadas">Trova la tua accampata</a>
<a class="bt" href="#difunde">Diffondi</a>
</nav>
</section>
<section class="bloque" id="ejes">
<h2>Quattro assi</h2>
<div class="ejes">
<article class="eje e-techo">
<img src="../img/eje-techo.svg" alt="">
<h3>Tetto</h3>
<p class="lema">La casa è un diritto, non un affare.</p>
<p>Contro gli sfratti, la speculazione, i fondi avvoltoio e la turistificazione. Per la casa pubblica e quartieri dove si possa vivere.</p>
</article>
<article class="eje e-tierra">
<img src="../img/eje-tierra.svg" alt="">
<h3>Terra</h3>
<p class="lema">Anche il pianeta è casa nostra.</p>
<p>Giustizia climatica: paghi chi inquina, non i quartieri. Città verdi, trasporto pubblico e stop alla distruzione del territorio.</p>
</article>
<article class="eje e-fronteras">
<img src="../img/eje-fronteras.svg" alt="">
<h3>Senza frontiere</h3>
<p class="lema">Nessuna persona è illegale.</p>
<p>Regolarizzazione, stop ai rastrellamenti razzisti e ai CPR, e gli stessi diritti per chi vive qui.</p>
</article>
<article class="eje e-paz">
<img src="../img/eje-paz.svg" alt="">
<h3>Pace</h3>
<p class="lema">Più case, meno carri armati.</p>
<p>Soldi per la vita, non per la guerra. Stop al commercio di armi e solidarietà con i popoli che subiscono la guerra e l'occupazione: con la Palestina, forte e chiaro.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="../img/eje-feminismos.svg" alt="">
<p><b>Femminismi ovunque.</b> Quelle che subiscono di più gli sfratti, quelle che reggono il lavoro di cura, quelle che attraversano le frontiere: i quattro assi si guardano con lenti viola.</p>
</div>
</section>
<section class="bloque intro">
<p>Siamo nate a Puerta del Sol, a Madrid, il <b>26 settembre</b>, per il diritto alla casa. Oggi nelle piazze ci sono realtà per la casa, ecologiste, antirazziste, antimilitariste e femministe, e le accampate arrivano in Portogallo e in Italia.</p>
<p class="fuerte">Non ci tolgono la casa, il pianeta, i documenti e la pace separatamente. È lo stesso modello, che mette il profitto di una minoranza sopra la vita di tutte. Per questo scendiamo tutte insieme nella stessa strada.</p>
</section>
<section class="bloque" id="acampadas">
<h2>Accampate</h2>
<div class="paises">
<div class="pais">
<h3>Spagna</h3>
<p>Dal 26S, accampate in 18 città. Tutte su <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>Portogallo</h3>
<p><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Italia</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tende in una decina di università</p>
</div>
<div class="pais nuevo">
<h3>E la tua città?</h3>
<p>Se c'è un'accampata dove vivi, o volete montarla, scriveteci a <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> e la aggiungiamo alla rete.</p>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Come ci organizziamo</h2>
<ul class="principios">

144
sites/takethestreet/pt/index.html
View file

@ -20,78 +20,6 @@
</header>
<main>
<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>
<a class="bt" href="#acampadas">Encontra a tua acampada</a>
<a class="bt" href="#difunde">Divulga</a>
</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">
<article class="eje e-techo">
<img src="../img/eje-techo.svg" alt="">
<h3>Teto</h3>
<p class="lema">A habitação é um direito, não um negócio.</p>
<p>Contra os despejos, a especulação, os fundos abutre e a turistificação. Pela habitação pública e por bairros onde se possa viver.</p>
</article>
<article class="eje e-tierra">
<img src="../img/eje-tierra.svg" alt="">
<h3>Terra</h3>
<p class="lema">O planeta também é a nossa casa.</p>
<p>Justiça climática: que pague quem polui, não os bairros. Cidades verdes, transportes públicos e travar a destruição do território.</p>
</article>
<article class="eje e-fronteras">
<img src="../img/eje-fronteras.svg" alt="">
<h3>Sem fronteiras</h3>
<p class="lema">Nenhuma pessoa é ilegal.</p>
<p>Regularização, fim das rusgas racistas e dos centros de detenção, e os mesmos direitos para quem cá vive.</p>
</article>
<article class="eje e-paz">
<img src="../img/eje-paz.svg" alt="">
<h3>Paz</h3>
<p class="lema">Mais casas, menos tanques.</p>
<p>Dinheiro para a vida, não para a guerra. Fim do comércio de armas e solidariedade com os povos que sofrem a guerra e a ocupação: com a Palestina, alto e bom som.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="../img/eje-feminismos.svg" alt="">
<p><b>Feminismos em tudo.</b> As que mais sofrem os despejos, as que sustentam os cuidados, as que atravessam fronteiras: os quatro eixos olham-se com óculos violeta.</p>
</div>
</section>
<section class="bloque" id="acampadas">
<h2>Acampadas</h2>
<div class="paises">
<div class="pais">
<h3>Espanha</h3>
<p>Desde o 26S, acampadas em 18 cidades. Todas em <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><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Itália</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tendas em cerca de dez universidades</p>
</div>
<div class="pais nuevo">
<h3>E a tua cidade?</h3>
<p>Se há uma acampada onde vives, ou a querem montar, escrevam-nos para <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> e juntamo-la à rede.</p>
</div>
</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>
@ -134,6 +62,78 @@
</div>
</section>
<section class="portada">
<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>
<a class="bt" href="#acampadas">Encontra a tua acampada</a>
<a class="bt" href="#difunde">Divulga</a>
</nav>
</section>
<section class="bloque" id="ejes">
<h2>Quatro eixos</h2>
<div class="ejes">
<article class="eje e-techo">
<img src="../img/eje-techo.svg" alt="">
<h3>Teto</h3>
<p class="lema">A habitação é um direito, não um negócio.</p>
<p>Contra os despejos, a especulação, os fundos abutre e a turistificação. Pela habitação pública e por bairros onde se possa viver.</p>
</article>
<article class="eje e-tierra">
<img src="../img/eje-tierra.svg" alt="">
<h3>Terra</h3>
<p class="lema">O planeta também é a nossa casa.</p>
<p>Justiça climática: que pague quem polui, não os bairros. Cidades verdes, transportes públicos e travar a destruição do território.</p>
</article>
<article class="eje e-fronteras">
<img src="../img/eje-fronteras.svg" alt="">
<h3>Sem fronteiras</h3>
<p class="lema">Nenhuma pessoa é ilegal.</p>
<p>Regularização, fim das rusgas racistas e dos centros de detenção, e os mesmos direitos para quem cá vive.</p>
</article>
<article class="eje e-paz">
<img src="../img/eje-paz.svg" alt="">
<h3>Paz</h3>
<p class="lema">Mais casas, menos tanques.</p>
<p>Dinheiro para a vida, não para a guerra. Fim do comércio de armas e solidariedade com os povos que sofrem a guerra e a ocupação: com a Palestina, alto e bom som.</p>
</article>
</div>
<div class="transversal e-feminismos">
<img src="../img/eje-feminismos.svg" alt="">
<p><b>Feminismos em tudo.</b> As que mais sofrem os despejos, as que sustentam os cuidados, as que atravessam fronteiras: os quatro eixos olham-se com óculos violeta.</p>
</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>
<div class="paises">
<div class="pais">
<h3>Espanha</h3>
<p>Desde o 26S, acampadas em 18 cidades. Todas em <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><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
</div>
<div class="pais">
<h3>Itália</h3>
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tendas em cerca de dez universidades</p>
</div>
<div class="pais nuevo">
<h3>E a tua cidade?</h3>
<p>Se há uma acampada onde vives, ou a querem montar, escrevam-nos para <a href="mailto:acampada26s@riseup.net">acampada26s@riseup.net</a> e juntamo-la à rede.</p>
</div>
</div>
</section>
<section class="bloque" id="unete">
<h2>Como nos organizamos</h2>
<ul class="principios">

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

@ -28,9 +28,8 @@ img { max-width: 100%; }
.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: 0 20px 24px; border-bottom: var(--bd); text-align: center; overflow: hidden; }
.portada { padding: 24px 20px 24px; border-top: var(--bd); 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: 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; }
@ -73,6 +72,7 @@ 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 { padding-top: 10px; border-bottom: 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; }

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

@ -20,8 +20,69 @@
</header>
<main>
<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="portada">
<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 square full of colourful people and tents">
<nav class="acciones">
<a class="bt" href="#unete">Join us</a>
@ -30,11 +91,6 @@
</nav>
</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="ejes">
<h2>Four axes</h2>
<div class="ejes">
@ -69,6 +125,11 @@
</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</h2>
<p>Since 26 September, camps in 18 cities. All of them at <a href="https://acampada26s.net" target="_blank">acampada26s.net</a>.</p>
@ -132,67 +193,6 @@
</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>

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>

134
sites/tomalacalle/index.html
View file

@ -20,8 +20,69 @@
</header>
<main>
<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="portada">
<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 plaza llena de gente de colores y tiendas de campaña">
<nav class="acciones">
<a class="bt" href="#unete">Únete</a>
@ -30,11 +91,6 @@
</nav>
</section>
<section class="bloque intro">
<p>Nacimos en la Puerta del Sol el <b>26 de septiembre</b>, por la vivienda. Hoy en las plazas estamos colectivos de vivienda, ecologistas, antirracistas, antimilitaristas y feministas, y las acampadas se extienden a Portugal e Italia.</p>
<p class="fuerte">No nos quitan la casa, el planeta, los papeles y la paz por separado. Es el mismo modelo, que pone el beneficio de una minoría por encima de la vida de todas. Por eso salimos juntas a la misma calle.</p>
</section>
<section class="bloque" id="ejes">
<h2>Cuatro ejes</h2>
<div class="ejes">
@ -69,6 +125,11 @@
</div>
</section>
<section class="bloque intro">
<p>Nacimos en la Puerta del Sol el <b>26 de septiembre</b>, por la vivienda. Hoy en las plazas estamos colectivos de vivienda, ecologistas, antirracistas, antimilitaristas y feministas, y las acampadas se extienden a Portugal e Italia.</p>
<p class="fuerte">No nos quitan la casa, el planeta, los papeles y la paz por separado. Es el mismo modelo, que pone el beneficio de una minoría por encima de la vida de todas. Por eso salimos juntas a la misma calle.</p>
</section>
<section class="bloque" id="acampadas">
<h2>Acampadas</h2>
<p>Desde el 26S, acampadas en 18 ciudades. Todas en <a href="https://acampada26s.net" target="_blank">acampada26s.net</a>.</p>
@ -132,67 +193,6 @@
</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>

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

@ -20,8 +20,69 @@
</header>
<main>
<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="portada">
<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 piazza piena di gente colorata e di tende">
<nav class="acciones">
<a class="bt" href="#unete">Unisciti</a>
@ -30,11 +91,6 @@
</nav>
</section>
<section class="bloque intro">
<p>Siamo nate a Puerta del Sol, a Madrid, il <b>26 settembre</b>, per il diritto alla casa. Oggi nelle piazze ci sono realtà per la casa, ecologiste, antirazziste, antimilitariste e femministe, e le accampate arrivano in Portogallo e in Italia.</p>
<p class="fuerte">Non ci tolgono la casa, il pianeta, i documenti e la pace separatamente. È lo stesso modello, che mette il profitto di una minoranza sopra la vita di tutte. Per questo scendiamo tutte insieme nella stessa strada.</p>
</section>
<section class="bloque" id="ejes">
<h2>Quattro assi</h2>
<div class="ejes">
@ -69,6 +125,11 @@
</div>
</section>
<section class="bloque intro">
<p>Siamo nate a Puerta del Sol, a Madrid, il <b>26 settembre</b>, per il diritto alla casa. Oggi nelle piazze ci sono realtà per la casa, ecologiste, antirazziste, antimilitariste e femministe, e le accampate arrivano in Portogallo e in Italia.</p>
<p class="fuerte">Non ci tolgono la casa, il pianeta, i documenti e la pace separatamente. È lo stesso modello, che mette il profitto di una minoranza sopra la vita di tutte. Per questo scendiamo tutte insieme nella stessa strada.</p>
</section>
<section class="bloque" id="acampadas">
<h2>Accampate</h2>
<p>Dal 26S, accampate in 18 città. Tutte su <a href="https://acampada26s.net" target="_blank">acampada26s.net</a>.</p>
@ -132,67 +193,6 @@
</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>

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>