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

+
+ +
+

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

+ +
+ +
+

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