Techo
+La vivienda es un derecho, no un negocio.
+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.
+diff --git a/sites/takethestreet/css/web.css b/sites/takethestreet/css/web.css index 29af4d5..1cb5c51 100644 --- a/sites/takethestreet/css/web.css +++ b/sites/takethestreet/css/web.css @@ -19,17 +19,18 @@ body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.55 var(- a { color: inherit; } img { max-width: 100%; } -.cab { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 10px 20px; border-bottom: var(--bd); } -.firma { display: flex; align-items: center; gap: 12px; } -.firma .simbolo { height: 52px; } -.firma .logotipo { height: 34px; } -.idiomas { display: flex; gap: 6px; font: 20px/1 var(--bt); letter-spacing: .04em; } +.cab { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 20px 22px; } +.cab h1 { margin: 0; line-height: 0; } +.firma { display: flex; align-items: flex-end; justify-content: center; gap: 18px; } +.firma .simbolo { height: 120px; } +.firma .logotipo { height: 78px; margin-bottom: 6px; } +.idiomas { align-self: flex-end; display: flex; gap: 6px; font: 20px/1 var(--bt); letter-spacing: .04em; } .idiomas a { border: var(--bd); border-radius: 6px; padding: 4px 9px 2px; text-decoration: none; box-shadow: 3px 3px 0 var(--fg); } .idiomas a[aria-current] { background: var(--fg); color: var(--bg); box-shadow: 3px 3px 0 var(--neon); } -.portada { padding: 36px 20px 24px; border-bottom: var(--bd); text-align: center; overflow: hidden; } +.portada { padding: 0 20px 24px; border-bottom: var(--bd); text-align: center; overflow: hidden; } h1 { margin: 0; font: 400 clamp(52px, 8vw, 112px)/.92 var(--bt); text-transform: uppercase; } -.ejes-lista { margin: 14px 0 0; font: 400 clamp(22px, 2.6vw, 32px)/1 var(--bt); letter-spacing: .08em; text-transform: uppercase; } +.ejes-lista { margin: 0; font: 400 clamp(22px, 2.6vw, 32px)/1 var(--bt); letter-spacing: .08em; text-transform: uppercase; } .c-techo { color: var(--techo); } .c-tierra { color: var(--tierra); } .c-fronteras { color: #c99500; } .c-paz { color: var(--paz); } .calle { display: block; width: 100%; max-width: 1200px; height: auto; margin: 10px auto 0; } .acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 18px; } @@ -72,16 +73,52 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp .pie { border-top: var(--bd); padding: 18px 20px; text-align: center; font-size: 14px; } .pie p { margin: 4px 0; } +.panel > p { margin: 0 0 14px; } +.tags { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0; font: 20px var(--bt); letter-spacing: .03em; } +.tags span { border: 2px dashed var(--fg); padding: 1px 8px; } +.tags span:first-child { background: var(--neon); color: #fff; border-style: solid; } +.deck { display: grid; grid-template-columns: 200px minmax(0, 1fr); border: var(--bd); border-radius: 10px; box-shadow: 6px 6px 0 var(--fg); overflow: hidden; } +.arbol { border-right: var(--bd); padding: 14px 16px; font: 15px/1.7 var(--txt); } +.arbol h3, .col h3 { font: 400 22px/1 var(--bt); text-transform: uppercase; margin: 0 0 10px; } +.arbol ul { list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 2px solid var(--fg); } +.arbol > ul { padding: 0; border: 0; } +.arbol .on { background: var(--fg); color: var(--bg); padding: 0 4px; } +.arbol .n { float: right; font: 13px var(--bt); } +.cols { display: grid; grid-auto-flow: column; grid-auto-columns: 270px; overflow-x: auto; } +.col { border-right: var(--bd); padding: 14px 12px; } +.col:last-child { border-right: 0; } +.col h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; border-bottom: var(--bd); padding-bottom: 6px; } +.col h3 small { font: 12px var(--txt); text-transform: none; overflow-wrap: anywhere; text-align: right; } +.post { border: var(--bd); border-radius: 8px; padding: 10px 12px; box-shadow: 4px 4px 0 var(--fg); font-size: 15px; } +.post.ko { box-shadow: 4px 4px 0 var(--neon); } +.post p { margin: 0 0 8px; } +.post .nota { font-size: 14px; } +.meta { font-size: 13px; margin-bottom: 8px; } +.redes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; } +.red { font: 15px/1 var(--bt); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; border: 2px solid var(--fg); border-radius: 4px; padding: 4px 7px 2px; } +.red:hover { background: var(--neon); border-color: var(--neon); color: #fff; } +.mapa { font: 14px/1.6 var(--txt); margin: 0; padding: 0; list-style: none; } +.mapa li { display: flex; justify-content: space-between; gap: 8px; border-bottom: 1px dashed var(--fg); } +.mapa li span + span { font-size: 12px; opacity: .75; } +.mapa .ko span:first-child { text-decoration: line-through; } + @media (max-width: 900px) { .ejes, .paises { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { - .cab { flex-direction: column; padding: 10px 12px; } - .firma .simbolo { height: 40px; } - .firma .logotipo { height: 26px; } - .portada { padding-top: 22px; } + .deck { grid-template-columns: minmax(0, 1fr); } + .arbol { display: none; } + .cols { grid-auto-columns: 82vw; scroll-snap-type: x mandatory; } + .col { scroll-snap-align: start; } + .cab { padding: 10px 12px 16px; } + .idiomas { align-self: center; } + .firma { gap: 10px; } + .firma .simbolo { height: 56px; } + .firma .logotipo { height: 32px; margin-bottom: 3px; } .calle { width: 150%; max-width: none; margin-left: -25%; } - .ejes, .paises, .principios { grid-template-columns: minmax(0, 1fr); } + .ejes, .principios { grid-template-columns: minmax(0, 1fr); } + .paises { gap: 14px; } + .pais p { overflow-wrap: anywhere; } .bt { font-size: 22px; } .bloque { padding: 32px 14px; } .intro p { font-size: 18px; } diff --git a/sites/takethestreet/es/index.html b/sites/takethestreet/es/index.html new file mode 100644 index 0000000..4c348b7 --- /dev/null +++ b/sites/takethestreet/es/index.html @@ -0,0 +1,161 @@ + + +
+ + +Techo · Tierra · Sin fronteras · Paz
+Nacimos en la Puerta del Sol el 26 de septiembre, 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.
+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.
+La vivienda es un derecho, no un negocio.
+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.
+El planeta también es nuestra casa.
+Justicia climática: que paguen quienes contaminan, no los barrios. Ciudades verdes, transporte público y frenar la destrucción del territorio.
+Ninguna persona es ilegal.
+Regularización, fin de las redadas racistas y de los CIE, y los mismos derechos para quien vive aquí.
+Más casas, menos tanques.
+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.
+Feminismos en todo. Las que más sufren los desahucios, las que sostienen los cuidados, las que cruzan fronteras: los cuatro ejes se miran con gafas violetas.
+Milano · Statale
Roma · piazza Bologna
Tiendas de campaña en una decena de universidades
Si hay una acampada donde vives, o queréis montarla, escribidnos a acampada26s@riseup.net y la sumamos a la red.
+Cada acampada habla con su propia voz. Aquí están sus cuentas.
+ +desalojada el 12/10, sigue la asamblea
Milano · Statale
Roma · piazza Bologna
cuentas por confirmar
Todas las acampadas del Estado, en:
#takethestreet#26s
+El 26 de cada mes, todas las plazas a la vez. Publica en tu idioma con la etiqueta común y la de tu ciudad.
+Logos y dibujo para carteles y redes: logotipo · símbolo · dibujo
+Toit · Terre · Sans frontières · Paix
Chaque campement parle de sa propre voix. Voici leurs comptes.
+ +expulsé le 12/10, l'assemblée continue
Milano · Statale
Roma · piazza Bologna
comptes à confirmer
Tous les campements d'Espagne, sur:
#takethestreet#unacalletodaslasluchas#26s
+#takethestreet#26s
Le 26 de chaque mois, toutes les places en même temps. Publie dans ta langue avec le hashtag commun et celui de ta ville.
Logos et dessin pour affiches et réseaux : logotype · symbole · dessin
Techo · Tierra · Sin fronteras · Paz
-Home · Land · No borders · Peace
+Nacimos en la Puerta del Sol el 26 de septiembre, 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.
-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.
+We were born in Madrid's Puerta del Sol on 26 September, 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.
+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.
La vivienda es un derecho, no un negocio.
-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.
+Housing is a right, not a business.
+Against evictions, speculation, vulture funds and touristification. For public housing and neighbourhoods people can actually live in.
El planeta también es nuestra casa.
-Justicia climática: que paguen quienes contaminan, no los barrios. Ciudades verdes, transporte público y frenar la destrucción del territorio.
+The planet is our home too.
+Climate justice: polluters pay, not neighbourhoods. Green cities, public transport and an end to the destruction of the land.
Ninguna persona es ilegal.
-Regularización, fin de las redadas racistas y de los CIE, y los mismos derechos para quien vive aquí.
+No one is illegal.
+Regularisation, an end to racist raids and detention centres, and equal rights for everyone who lives here.
Más casas, menos tanques.
-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.
+More homes, fewer tanks.
+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.
Feminismos en todo. Las que más sufren los desahucios, las que sostienen los cuidados, las que cruzan fronteras: los cuatro ejes se miran con gafas violetas.
+Feminisms throughout. 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.
Desde el 26S, acampadas en 18 ciudades. Todas en acampada26s.net.
+Since 26 September, camps in 18 cities. All of them at acampada26s.net.
Milano · Statale
Roma · piazza Bologna
Tiendas de campaña en una decena de universidades
Milano · Statale
Roma · piazza Bologna
Tents at a dozen universities
Si hay una acampada donde vives, o queréis montarla, escribidnos a acampada26s@riseup.net y la sumamos a la red.
+If there's a camp where you live, or you want to start one, write to us at acampada26s@riseup.net and we'll add it to the network.
+Each camp speaks with its own voice. Here are their accounts.
+ +evicted on 12/10, the assembly goes on
Milano · Statale
Roma · piazza Bologna
accounts to be confirmed
Every camp in Spain, at:
#takethestreet#unacalletodaslasluchas#26s
-El 26 de cada mes, todas las plazas a la vez. Publica en tu idioma con la etiqueta común y la de tu ciudad.
-Logos y dibujo para carteles y redes: logotipo · símbolo · dibujo
+#takethestreet#26s
+On the 26th of every month, every square at once. Post in your language with the common hashtag and your city's.
+Logos and drawing for posters and social media: logotype · symbol · drawing
Tetto · Terra · Senza frontiere · Pace
Ogni accampata parla con la propria voce. Ecco i loro account.
+ +sgomberata il 12/10, l'assemblea continua
Milano · Statale
Roma · piazza Bologna
account da confermare
Tutte le accampate in Spagna, su:
#takethestreet#unacalletodaslasluchas#26s
+#takethestreet#26s
Il 26 di ogni mese, tutte le piazze insieme. Pubblica nella tua lingua con l'hashtag comune e quello della tua città.
Loghi e disegno per manifesti e social: logotipo · simbolo · disegno
Teto · Terra · Sem fronteiras · Paz
Cada acampada fala com a sua própria voz. Aqui estão as suas contas.
+ +desalojada a 12/10, a assembleia continua
Milano · Statale
Roma · piazza Bologna
contas por confirmar
Todas as acampadas de Espanha, em:
#takethestreet#unacalletodaslasluchas#26s
+#takethestreet#26s
No dia 26 de cada mês, todas as praças ao mesmo tempo. Publica na tua língua com a hashtag comum e a da tua cidade.
Logótipos e desenho para cartazes e redes: logótipo · símbolo · desenho
Home · Land · No borders · Peace
Each camp speaks with its own voice. Here are their accounts.
+ +#tomalacalle#unacalletodaslasluchas#26s
+#tomalacalle#26s
On the 26th of every month, every square at once. Post in your language with the common hashtag and your city's.
Logos and drawing for posters and social media: logotype · symbol · drawing
Toit · Terre · Sans frontières · Paix
Chaque campement parle de sa propre voix. Voici leurs comptes.
+ +#tomalacalle#unacalletodaslasluchas#26s
+#tomalacalle#26s
Le 26 de chaque mois, toutes les places en même temps. Publie dans ta langue avec le hashtag commun et celui de ta ville.
Logos et dessin pour affiches et réseaux : logotype · symbole · dessin
Techo · Tierra · Sin fronteras · Paz
Cada acampada habla con su propia voz. Aquí están sus cuentas.
+ +#tomalacalle#unacalletodaslasluchas#26s
+#tomalacalle#26s
El 26 de cada mes, todas las plazas a la vez. Publica en tu idioma con la etiqueta común y la de tu ciudad.
Logos y dibujo para carteles y redes: logotipo · símbolo · dibujo
Tetto · Terra · Senza frontiere · Pace
Ogni accampata parla con la propria voce. Ecco i loro account.
+ +#tomalacalle#unacalletodaslasluchas#26s
+#tomalacalle#26s
Il 26 di ogni mese, tutte le piazze insieme. Pubblica nella tua lingua con l'hashtag comune e quello della tua città.
Loghi e disegno per manifesti e social: logotipo · simbolo · disegno
Teto · Terra · Sem fronteiras · Paz
Cada acampada fala com a sua própria voz. Aqui estão as suas contas.
+ +