From 107d57c90cbcd60e921c511f5d69134ea239aaa1 Mon Sep 17 00:00:00 2001 From: hacklab Date: Wed, 14 Oct 2026 11:58:17 +0200 Subject: [PATCH] =?UTF-8?q?takethestreet=20en=20ingl=C3=A9s=20por=20defect?= =?UTF-8?q?o,=20firma=20centrada=20sin=20lema=20y=20panel=20de=20acampadas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sites/takethestreet/css/web.css | 61 ++++++++--- sites/takethestreet/es/index.html | 161 ++++++++++++++++++++++++++++++ sites/takethestreet/fr/index.html | 57 +++++++++-- sites/takethestreet/index.html | 137 ++++++++++++++++--------- sites/takethestreet/it/index.html | 57 +++++++++-- sites/takethestreet/pt/index.html | 57 +++++++++-- sites/tomalacalle/css/web.css | 61 ++++++++--- sites/tomalacalle/en/index.html | 71 ++++++++++++- sites/tomalacalle/fr/index.html | 71 ++++++++++++- sites/tomalacalle/index.html | 71 ++++++++++++- sites/tomalacalle/it/index.html | 71 ++++++++++++- sites/tomalacalle/pt/index.html | 71 ++++++++++++- 12 files changed, 825 insertions(+), 121 deletions(-) create mode 100644 sites/takethestreet/es/index.html 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 @@ + + + + + +Take the Street + + + + + + + + + + +
+ +

Take the Street

+
+ +
+
+

Techo · Tierra · Sin fronteras · Paz

+ Una piña de gente de colores llena la calle + +
+ +
+

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.

+
+ +
+

Cuatro ejes

+
+
+ +

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.

+
+
+ +

Tierra

+

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.

+
+
+ +

Sin fronteras

+

Ninguna persona es ilegal.

+

Regularización, fin de las redadas racistas y de los CIE, y los mismos derechos para quien vive aquí.

+
+
+ +

Paz

+

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.

+
+
+ +
+

Acampadas

+
+
+

España

+

Desde el 26S, acampadas en 18 ciudades. Todas en acampada26s.net.

+

Madrid · Sol

+
+
+

Portugal

+

Porto · Praça D. João I

+
+
+

Italia

+

Milano · Statale
Roma · piazza Bologna
Tiendas de campaña en una decena de universidades

+
+
+

¿Y tu ciudad?

+

Si hay una acampada donde vives, o queréis montarla, escribidnos a acampada26s@riseup.net y la sumamos a la red.

+
+
+
+ +
+

Síguelas

+

Cada acampada habla con su propia voz. Aquí están sus cuentas.

+
#takethestreet#26s#acampadaporto#11N
+
+ +
+
+

Madrid 26S @acampada26s

+
Plaza: Sol

WebOASISInstagramMastodonTelegramX

+
+
+

Porto @acampadaporto

+
Plaza: Praça D. João I

desalojada el 12/10, sigue la asamblea

Instagram

+
+
+

Italia Milano · Roma

+

Milano · Statale
Roma · piazza Bologna
cuentas por confirmar

+
+
+

España

+

Todas las acampadas del Estado, en:

tomalacalle.netacampada26s.net

+
+
+

Barcelona @acampada.habitatge

+

InstagramMastodon

+
+
+

València @acampadavalencia1

+

InstagramMastodon

+
+
+

Mapa 14/10

+
  • Madrid · Sol
  • Portoasamblea
  • Milano · Statale
  • Roma · piazza Bologna
  • Barcelona
  • València
  • Sevilla
  • Bilbao
  • Málagalevantada
+
+
+
+
+ +
+

Cómo nos organizamos

+
    +
  • Asamblea. Las decisiones se toman en las plazas. Nadie habla en nombre de todas sin mandato.
    • +
  • Autonomía. Sin partidos ni siglas al frente. Los colectivos vienen con su nombre, pero la calle es de todas.
    • +
  • Apoyo mutuo y cuidados. Nadie se queda atrás: comida, abrigo, acompañamiento legal y salud.
    • +
  • Red de redes. Cada acampada es dueña de su voz. Lo común se coordina en OASIS.
    • +
  • La calle como herramienta. Ocupar el espacio público de forma abierta y pacífica, con alegría y sin miedo.
    • +
+
+ +
+

Difunde

+

#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

+
+
+ + + + diff --git a/sites/takethestreet/fr/index.html b/sites/takethestreet/fr/index.html index 440acc1..6199373 100644 --- a/sites/takethestreet/fr/index.html +++ b/sites/takethestreet/fr/index.html @@ -3,10 +3,10 @@ -Take the Street · Une rue, toutes les luttes - - - +Take the Street + + + @@ -15,13 +15,12 @@
- Take the Street - + +

Take the Street

-

Une rue,
toutes les luttes

Toit · Terre · Sans frontières · Paix

Une foule colorée remplit la rue
+
+

Suis-les

+

Chaque campement parle de sa propre voix. Voici leurs comptes.

+
#takethestreet#26s#acampadaporto#11N
+
+ +
+
+

Madrid 26S @acampada26s

+
Place: Sol

WebOASISInstagramMastodonTelegramX

+
+
+

Porto @acampadaporto

+
Place: Praça D. João I

expulsé le 12/10, l'assemblée continue

Instagram

+
+
+

Italie Milano · Roma

+

Milano · Statale
Roma · piazza Bologna
comptes à confirmer

+
+
+

Espagne

+

Tous les campements d'Espagne, sur:

tomalacalle.netacampada26s.net

+
+
+

Barcelona @acampada.habitatge

+

InstagramMastodon

+
+
+

València @acampadavalencia1

+

InstagramMastodon

+
+
+

Carte 14/10

+
  • Madrid · Sol
  • Portoassemblée
  • Milano · Statale
  • Roma · piazza Bologna
  • Barcelona
  • València
  • Sevilla
  • Bilbao
  • Málagalevé
+
+
+
+
+

Comment on s'organise

    @@ -106,7 +147,7 @@

    Fais tourner

    -

    #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

    diff --git a/sites/takethestreet/index.html b/sites/takethestreet/index.html index cc6938e..aef6807 100644 --- a/sites/takethestreet/index.html +++ b/sites/takethestreet/index.html @@ -1,12 +1,12 @@ - + -Take the Street · Una calle, todas las luchas - - - +Take the Street + + + @@ -15,67 +15,66 @@
    - Take the Street - + +

    Take the Street

    -

    Una calle,
    todas las luchas

    -

    Techo · Tierra · Sin fronteras · Paz

    - Una piña de gente de colores llena la calle +

    Home · Land · No borders · Peace

    + A colourful crowd fills the street
    -

    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.

    -

    Cuatro ejes

    +

    Four axes

    -

    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.

    +

    Home

    +

    Housing is a right, not a business.

    +

    Against evictions, speculation, vulture funds and touristification. For public housing and neighbourhoods people can actually live in.

    -

    Tierra

    -

    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.

    +

    Land

    +

    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.

    -

    Sin fronteras

    -

    Ninguna persona es ilegal.

    -

    Regularización, fin de las redadas racistas y de los CIE, y los mismos derechos para quien vive aquí.

    +

    No borders

    +

    No one is illegal.

    +

    Regularisation, an end to racist raids and detention centres, and equal rights for everyone who lives here.

    -

    Paz

    -

    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.

    +

    Peace

    +

    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.

    -

    Acampadas

    +

    Camps

    -

    España

    -

    Desde el 26S, acampadas en 18 ciudades. Todas en acampada26s.net.

    +

    Spain

    +

    Since 26 September, camps in 18 cities. All of them at acampada26s.net.

    Madrid · Sol

    @@ -83,38 +82,80 @@

    Porto · Praça D. João I

    -

    Italia

    -

    Milano · Statale
    Roma · piazza Bologna
    Tiendas de campaña en una decena de universidades

    +

    Italy

    +

    Milano · Statale
    Roma · piazza Bologna
    Tents at a dozen universities

    -

    ¿Y tu ciudad?

    -

    Si hay una acampada donde vives, o queréis montarla, escribidnos a acampada26s@riseup.net y la sumamos a la red.

    +

    What about your city?

    +

    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.

    +
    +
    +
    + +
    +

    Follow them

    +

    Each camp speaks with its own voice. Here are their accounts.

    +
    #takethestreet#26s#acampadaporto#11N
    +
    + +
    +
    +

    Madrid 26S @acampada26s

    +
    Square: Sol

    WebOASISInstagramMastodonTelegramX

    +
    +
    +

    Porto @acampadaporto

    +
    Square: Praça D. João I

    evicted on 12/10, the assembly goes on

    Instagram

    +
    +
    +

    Italy Milano · Roma

    +

    Milano · Statale
    Roma · piazza Bologna
    accounts to be confirmed

    +
    +
    +

    Spain

    +

    Every camp in Spain, at:

    tomalacalle.netacampada26s.net

    +
    +
    +

    Barcelona @acampada.habitatge

    +

    InstagramMastodon

    +
    +
    +

    València @acampadavalencia1

    +

    InstagramMastodon

    +
    +
    +

    Map 14/10

    +
    • Madrid · Sol
    • Portoassembly
    • Milano · Statale
    • Roma · piazza Bologna
    • Barcelona
    • València
    • Sevilla
    • Bilbao
    • Málagalifted
    +
    -

    Cómo nos organizamos

    +

    How we organise

      -
    • Asamblea. Las decisiones se toman en las plazas. Nadie habla en nombre de todas sin mandato.
      • -
    • Autonomía. Sin partidos ni siglas al frente. Los colectivos vienen con su nombre, pero la calle es de todas.
      • -
    • Apoyo mutuo y cuidados. Nadie se queda atrás: comida, abrigo, acompañamiento legal y salud.
      • -
    • Red de redes. Cada acampada es dueña de su voz. Lo común se coordina en OASIS.
      • -
    • La calle como herramienta. Ocupar el espacio público de forma abierta y pacífica, con alegría y sin miedo.
      • +
    • Assembly. Decisions are made in the squares. No one speaks for everyone without a mandate.
      • +
    • Autonomy. No parties or acronyms out front. Groups come with their own names, but the street belongs to everyone.
      • +
    • Mutual aid and care. No one gets left behind: food, shelter, legal support and health care.
      • +
    • A network of networks. Each camp owns its voice. What we share is coordinated on OASIS.
      • +
    • The street as a tool. Taking public space openly and peacefully, with joy and without fear.
    -

    Difunde

    -

    #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

    +

    Spread the word

    +

    #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

    -

    Take the Street · red internacional de acampadas · 26S

    -

    Textos y dibujo CC BY-SA 4.0 · Código AGPL-3.0

    +

    Take the Street · international network of protest camps · 26S

    +

    Text and drawing CC BY-SA 4.0 · Code AGPL-3.0

    diff --git a/sites/takethestreet/it/index.html b/sites/takethestreet/it/index.html index 3044a13..984da55 100644 --- a/sites/takethestreet/it/index.html +++ b/sites/takethestreet/it/index.html @@ -3,10 +3,10 @@ -Take the Street · Una strada, tutte le lotte - - - +Take the Street + + + @@ -15,13 +15,12 @@
    - Take the Street - + +

    Take the Street

    -

    Una strada,
    tutte le lotte

    Tetto · Terra · Senza frontiere · Pace

    Una folla colorata riempie la strada
    +
    +

    Seguile

    +

    Ogni accampata parla con la propria voce. Ecco i loro account.

    +
    #takethestreet#26s#acampadaporto#11N
    +
    + +
    +
    +

    Madrid 26S @acampada26s

    +
    Piazza: Sol

    WebOASISInstagramMastodonTelegramX

    +
    +
    +

    Porto @acampadaporto

    +
    Piazza: Praça D. João I

    sgomberata il 12/10, l'assemblea continua

    Instagram

    +
    +
    +

    Italia Milano · Roma

    +

    Milano · Statale
    Roma · piazza Bologna
    account da confermare

    +
    +
    +

    Spagna

    +

    Tutte le accampate in Spagna, su:

    tomalacalle.netacampada26s.net

    +
    +
    +

    Barcelona @acampada.habitatge

    +

    InstagramMastodon

    +
    +
    +

    València @acampadavalencia1

    +

    InstagramMastodon

    +
    +
    +

    Mappa 14/10

    +
    • Madrid · Sol
    • Portoassemblea
    • Milano · Statale
    • Roma · piazza Bologna
    • Barcelona
    • València
    • Sevilla
    • Bilbao
    • Málagasmontata
    +
    +
    +
    +
    +

    Come ci organizziamo

      @@ -106,7 +147,7 @@

      Diffondi

      -

      #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

      diff --git a/sites/takethestreet/pt/index.html b/sites/takethestreet/pt/index.html index d751b57..ea74314 100644 --- a/sites/takethestreet/pt/index.html +++ b/sites/takethestreet/pt/index.html @@ -3,10 +3,10 @@ -Take the Street · Uma rua, todas as lutas - - - +Take the Street + + + @@ -15,13 +15,12 @@
      - Take the Street - + +

      Take the Street

      -

      Uma rua,
      todas as lutas

      Teto · Terra · Sem fronteiras · Paz

      Uma multidão colorida enche a rua
      +
      +

      Segue-as

      +

      Cada acampada fala com a sua própria voz. Aqui estão as suas contas.

      +
      #takethestreet#26s#acampadaporto#11N
      +
      + +
      +
      +

      Madrid 26S @acampada26s

      +
      Praça: Sol

      WebOASISInstagramMastodonTelegramX

      +
      +
      +

      Porto @acampadaporto

      +
      Praça: Praça D. João I

      desalojada a 12/10, a assembleia continua

      Instagram

      +
      +
      +

      Itália Milano · Roma

      +

      Milano · Statale
      Roma · piazza Bologna
      contas por confirmar

      +
      +
      +

      Espanha

      +

      Todas as acampadas de Espanha, em:

      tomalacalle.netacampada26s.net

      +
      +
      +

      Barcelona @acampada.habitatge

      +

      InstagramMastodon

      +
      +
      +

      València @acampadavalencia1

      +

      InstagramMastodon

      +
      +
      +

      Mapa 14/10

      +
      • Madrid · Sol
      • Portoassembleia
      • Milano · Statale
      • Roma · piazza Bologna
      • Barcelona
      • València
      • Sevilla
      • Bilbao
      • Málagalevantada
      +
      +
      +
      +
      +

      Como nos organizamos

        @@ -106,7 +147,7 @@

        Divulga

        -

        #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

        diff --git a/sites/tomalacalle/css/web.css b/sites/tomalacalle/css/web.css index 29af4d5..1cb5c51 100644 --- a/sites/tomalacalle/css/web.css +++ b/sites/tomalacalle/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/tomalacalle/en/index.html b/sites/tomalacalle/en/index.html index 3c9a5b9..650fbe2 100644 --- a/sites/tomalacalle/en/index.html +++ b/sites/tomalacalle/en/index.html @@ -3,8 +3,8 @@ -Toma la calle · One street, every struggle - +Toma la calle + @@ -15,13 +15,12 @@
        - Toma la calle +

        Toma la calle

        -

        One street,
        every struggle

        Home · Land · No borders · Peace

        A colourful crowd fills the street
        +
        +

        Follow them

        +

        Each camp speaks with its own voice. Here are their accounts.

        +
        #tomalacalle#26s#11N#viviendaya
        +
        + +
        +
        +

        Madrid 26S @acampada26s

        +
        Square: Sol

        WebOASISInstagramMastodonTelegramX

        +
        +
        +

        Barcelona @acampada.habitatge

        +

        InstagramMastodon

        +
        +
        +

        València @acampadavalencia1

        +

        InstagramMastodon

        +
        +
        +

        Sevilla @acampadasetas

        +
        Square: Setas

        Instagram

        +
        +
        +

        Bilbao @acampada.viviendabilbao

        +

        Instagram

        +
        +
        +

        Santander @acampada.vivienda.cantabria

        +

        Instagram

        +
        +
        +

        Compostela @acampadaobradoiro

        +
        Square: Obradoiro

        Instagram

        +
        +
        +

        Almería @acampadalmeria

        +

        Instagram

        +
        +
        +

        Pontevedra @acampada.pontevedra

        +

        Instagram

        +
        +
        +

        Mallorca @acampada.per.habitar

        +

        Instagram

        +
        +
        +

        Málaga @malagaesxulaa

        +

        camp lifted on 12/10, assemblies go on

        WebInstagram

        +
        +
        +

        Map 14/10

        +
        • Madrid 26S
        • Barcelona
        • València
        • Sevilla
        • Bilbao
        • Santander
        • Compostela
        • Almería
        • Pontevedra
        • Mallorca
        • Málagalifted
        • Granadano account yet
        • Oviedono account yet
        • Alicanteno account yet
        • Lanzaroteno account yet
        • Tenerifeno account yet
        • Las Palmasno account yet
        • Zamorano account yet
        • Cádizno account yet
        • Zaragozano account yet
        +
        +
        +
        +
        +

        How we organise

          @@ -146,7 +207,7 @@

          Spread the word

          -

          #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

          diff --git a/sites/tomalacalle/fr/index.html b/sites/tomalacalle/fr/index.html index cd6de73..e0b8c91 100644 --- a/sites/tomalacalle/fr/index.html +++ b/sites/tomalacalle/fr/index.html @@ -3,8 +3,8 @@ -Toma la calle · Une rue, toutes les luttes - +Toma la calle + @@ -15,13 +15,12 @@
          - Toma la calle +

          Toma la calle

          -

          Une rue,
          toutes les luttes

          Toit · Terre · Sans frontières · Paix

          Une foule colorée remplit la rue
          +
          +

          Suis-les

          +

          Chaque campement parle de sa propre voix. Voici leurs comptes.

          +
          #tomalacalle#26s#11N#viviendaya
          +
          + +
          +
          +

          Madrid 26S @acampada26s

          +
          Place: Sol

          WebOASISInstagramMastodonTelegramX

          +
          +
          +

          Barcelona @acampada.habitatge

          +

          InstagramMastodon

          +
          +
          +

          València @acampadavalencia1

          +

          InstagramMastodon

          +
          +
          +

          Sevilla @acampadasetas

          +
          Place: Setas

          Instagram

          +
          +
          +

          Bilbao @acampada.viviendabilbao

          +

          Instagram

          +
          +
          +

          Santander @acampada.vivienda.cantabria

          +

          Instagram

          +
          +
          +

          Compostela @acampadaobradoiro

          +
          Place: Obradoiro

          Instagram

          +
          +
          +

          Almería @acampadalmeria

          +

          Instagram

          +
          +
          +

          Pontevedra @acampada.pontevedra

          +

          Instagram

          +
          +
          +

          Mallorca @acampada.per.habitar

          +

          Instagram

          +
          +
          +

          Málaga @malagaesxulaa

          +

          levé le 12/10, les assemblées continuent

          WebInstagram

          +
          +
          +

          Carte 14/10

          +
          • Madrid 26S
          • Barcelona
          • València
          • Sevilla
          • Bilbao
          • Santander
          • Compostela
          • Almería
          • Pontevedra
          • Mallorca
          • Málagalevé
          • Granadasans compte
          • Oviedosans compte
          • Alicantesans compte
          • Lanzarotesans compte
          • Tenerifesans compte
          • Las Palmassans compte
          • Zamorasans compte
          • Cádizsans compte
          • Zaragozasans compte
          +
          +
          +
          +
          +

          Comment on s'organise

            @@ -146,7 +207,7 @@

            Fais tourner

            -

            #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

            diff --git a/sites/tomalacalle/index.html b/sites/tomalacalle/index.html index 89e0c5a..5bd6383 100644 --- a/sites/tomalacalle/index.html +++ b/sites/tomalacalle/index.html @@ -3,8 +3,8 @@ -Toma la calle · Una calle, todas las luchas - +Toma la calle + @@ -15,13 +15,12 @@
            - Toma la calle +

            Toma la calle

            -

            Una calle,
            todas las luchas

            Techo · Tierra · Sin fronteras · Paz

            Una piña de gente de colores llena la calle
            +
            +

            Síguelas

            +

            Cada acampada habla con su propia voz. Aquí están sus cuentas.

            +
            #tomalacalle#26s#11N#viviendaya
            +
            + +
            +
            +

            Madrid 26S @acampada26s

            +
            Plaza: Sol

            WebOASISInstagramMastodonTelegramX

            +
            +
            +

            Barcelona @acampada.habitatge

            +

            InstagramMastodon

            +
            +
            +

            València @acampadavalencia1

            +

            InstagramMastodon

            +
            +
            +

            Sevilla @acampadasetas

            +
            Plaza: Setas

            Instagram

            +
            +
            +

            Bilbao @acampada.viviendabilbao

            +

            Instagram

            +
            +
            +

            Santander @acampada.vivienda.cantabria

            +

            Instagram

            +
            +
            +

            Compostela @acampadaobradoiro

            +
            Plaza: Obradoiro

            Instagram

            +
            +
            +

            Almería @acampadalmeria

            +

            Instagram

            +
            +
            +

            Pontevedra @acampada.pontevedra

            +

            Instagram

            +
            +
            +

            Mallorca @acampada.per.habitar

            +

            Instagram

            +
            +
            +

            Málaga @malagaesxulaa

            +

            levantada el 12/10, siguen las asambleas

            WebInstagram

            +
            +
            +

            Mapa 14/10

            +
            • Madrid 26S
            • Barcelona
            • València
            • Sevilla
            • Bilbao
            • Santander
            • Compostela
            • Almería
            • Pontevedra
            • Mallorca
            • Málagalevantada
            • Granadasin cuenta
            • Oviedosin cuenta
            • Alicantesin cuenta
            • Lanzarotesin cuenta
            • Tenerifesin cuenta
            • Las Palmassin cuenta
            • Zamorasin cuenta
            • Cádizsin cuenta
            • Zaragozasin cuenta
            +
            +
            +
            +
            +

            Cómo nos organizamos

              @@ -146,7 +207,7 @@

              Difunde

              -

              #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

              diff --git a/sites/tomalacalle/it/index.html b/sites/tomalacalle/it/index.html index 8bd42ba..9769bb1 100644 --- a/sites/tomalacalle/it/index.html +++ b/sites/tomalacalle/it/index.html @@ -3,8 +3,8 @@ -Toma la calle · Una strada, tutte le lotte - +Toma la calle + @@ -15,13 +15,12 @@
              - Toma la calle +

              Toma la calle

              -

              Una strada,
              tutte le lotte

              Tetto · Terra · Senza frontiere · Pace

              Una folla colorata riempie la strada
              +
              +

              Seguile

              +

              Ogni accampata parla con la propria voce. Ecco i loro account.

              +
              #tomalacalle#26s#11N#viviendaya
              +
              + +
              +
              +

              Madrid 26S @acampada26s

              +
              Piazza: Sol

              WebOASISInstagramMastodonTelegramX

              +
              +
              +

              Barcelona @acampada.habitatge

              +

              InstagramMastodon

              +
              +
              +

              València @acampadavalencia1

              +

              InstagramMastodon

              +
              +
              +

              Sevilla @acampadasetas

              +
              Piazza: Setas

              Instagram

              +
              +
              +

              Bilbao @acampada.viviendabilbao

              +

              Instagram

              +
              +
              +

              Santander @acampada.vivienda.cantabria

              +

              Instagram

              +
              +
              +

              Compostela @acampadaobradoiro

              +
              Piazza: Obradoiro

              Instagram

              +
              +
              +

              Almería @acampadalmeria

              +

              Instagram

              +
              +
              +

              Pontevedra @acampada.pontevedra

              +

              Instagram

              +
              +
              +

              Mallorca @acampada.per.habitar

              +

              Instagram

              +
              +
              +

              Málaga @malagaesxulaa

              +

              smontata il 12/10, le assemblee continuano

              WebInstagram

              +
              +
              +

              Mappa 14/10

              +
              • Madrid 26S
              • Barcelona
              • València
              • Sevilla
              • Bilbao
              • Santander
              • Compostela
              • Almería
              • Pontevedra
              • Mallorca
              • Málagasmontata
              • Granadasenza account
              • Oviedosenza account
              • Alicantesenza account
              • Lanzarotesenza account
              • Tenerifesenza account
              • Las Palmassenza account
              • Zamorasenza account
              • Cádizsenza account
              • Zaragozasenza account
              +
              +
              +
              +
              +

              Come ci organizziamo

                @@ -146,7 +207,7 @@

                Diffondi

                -

                #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

                diff --git a/sites/tomalacalle/pt/index.html b/sites/tomalacalle/pt/index.html index 6baeff6..398ee93 100644 --- a/sites/tomalacalle/pt/index.html +++ b/sites/tomalacalle/pt/index.html @@ -3,8 +3,8 @@ -Toma la calle · Uma rua, todas as lutas - +Toma la calle + @@ -15,13 +15,12 @@
                - Toma la calle +

                Toma la calle

                -

                Uma rua,
                todas as lutas

                Teto · Terra · Sem fronteiras · Paz

                Uma multidão colorida enche a rua
                +
                +

                Segue-as

                +

                Cada acampada fala com a sua própria voz. Aqui estão as suas contas.

                +
                #tomalacalle#26s#11N#viviendaya
                +
                + +
                +
                +

                Madrid 26S @acampada26s

                +
                Praça: Sol

                WebOASISInstagramMastodonTelegramX

                +
                +
                +

                Barcelona @acampada.habitatge

                +

                InstagramMastodon

                +
                +
                +

                València @acampadavalencia1

                +

                InstagramMastodon

                +
                +
                +

                Sevilla @acampadasetas

                +
                Praça: Setas

                Instagram

                +
                +
                +

                Bilbao @acampada.viviendabilbao

                +

                Instagram

                +
                +
                +

                Santander @acampada.vivienda.cantabria

                +

                Instagram

                +
                +
                +

                Compostela @acampadaobradoiro

                +
                Praça: Obradoiro

                Instagram

                +
                +
                +

                Almería @acampadalmeria

                +

                Instagram

                +
                +
                +

                Pontevedra @acampada.pontevedra

                +

                Instagram

                +
                +
                +

                Mallorca @acampada.per.habitar

                +

                Instagram

                +
                +
                +

                Málaga @malagaesxulaa

                +

                levantada a 12/10, as assembleias continuam

                WebInstagram

                +
                +
                +

                Mapa 14/10

                +
                • Madrid 26S
                • Barcelona
                • València
                • Sevilla
                • Bilbao
                • Santander
                • Compostela
                • Almería
                • Pontevedra
                • Mallorca
                • Málagalevantada
                • Granadasem conta
                • Oviedosem conta
                • Alicantesem conta
                • Lanzarotesem conta
                • Tenerifesem conta
                • Las Palmassem conta
                • Zamorasem conta
                • Cádizsem conta
                • Zaragozasem conta
                +
                +
                +
                +
                +

                Como nos organizamos

                  @@ -146,7 +207,7 @@

                  Divulga

                  -

                  #tomalacalle#unacalletodaslasluchas#26s

                  +

                  #tomalacalle#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