takethestreet en inglés por defecto, firma centrada sin lema y panel de acampadas
This commit is contained in:
hacklab
parent
56b74e7ac8
commit
107d57c90c
12 changed files with 825 additions and 121 deletions
|
|
@ -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; }
|
||||
|
|
|
|||
161
sites/takethestreet/es/index.html
Normal file
161
sites/takethestreet/es/index.html
Normal file
|
|
@ -0,0 +1,161 @@
|
|||
<!doctype html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Take the Street</title>
|
||||
<meta name="description" content="Red internacional de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz.">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/es/">
|
||||
<link rel="alternate" hreflang="pt" href="https://takethestreet.net/pt/">
|
||||
<link rel="alternate" hreflang="it" href="https://takethestreet.net/it/">
|
||||
<link rel="alternate" hreflang="fr" href="https://takethestreet.net/fr/">
|
||||
<link rel="icon" href="../favicon.svg">
|
||||
<link rel="stylesheet" href="../css/web.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<nav class="idiomas" aria-label="Idioma"><a href="../">EN</a><a href="../es/" aria-current="page">ES</a><a href="../pt/">PT</a><a href="../it/">IT</a><a href="../fr/">FR</a></nav>
|
||||
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Take the Street"></a></h1>
|
||||
</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 piña de gente de colores llena la calle">
|
||||
<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>
|
||||
<div class="tags"><span>#takethestreet</span><span>#26s</span><span>#acampadaporto</span><span>#11N</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Colectivos">
|
||||
<h3>Colectivos</h3>
|
||||
<ul><li><span class="on">TAKE THE STREET</span><ul><li>España <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>…</li></ul></li><li>Portugal <span class="n">1</span><ul><li>Porto</li></ul></li><li>Italia <span class="n">2</span><ul><li>Milano</li><li>Roma</li></ul></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>Porto <small>@acampadaporto</small></h3>
|
||||
<div class="post"><div class="meta"><span>Plaza: Praça D. João I</span></div><p class="nota">desalojada el 12/10, sigue la asamblea</p><p class="redes"><a class="red" href="https://instagram.com/acampadaporto" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Italia <small>Milano · Roma</small></h3>
|
||||
<div class="post"><p class="nota">Milano · Statale<br>Roma · piazza Bologna<br>cuentas por confirmar</p><p class="redes"></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>España <small></small></h3>
|
||||
<div class="post"><p class="nota">Todas las acampadas del Estado, en:</p><p class="redes"><a class="red" href="https://tomalacalle.net" target="_blank">tomalacalle.net</a><a class="red" href="https://acampada26s.net" target="_blank">acampada26s.net</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>Mapa <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid · Sol</span><span></span></li><li><span>Porto</span><span>asamblea</span></li><li><span>Milano · Statale</span><span></span></li><li><span>Roma · piazza Bologna</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 class="ko"><span>Málaga</span><span>levantada</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Cómo nos organizamos</h2>
|
||||
<ul class="principios">
|
||||
<li><b>Asamblea.</b> Las decisiones se toman en las plazas. Nadie habla en nombre de todas sin mandato.</li>
|
||||
<li><b>Autonomía.</b> Sin partidos ni siglas al frente. Los colectivos vienen con su nombre, pero la calle es de todas.</li>
|
||||
<li><b>Apoyo mutuo y cuidados.</b> Nadie se queda atrás: comida, abrigo, acompañamiento legal y salud.</li>
|
||||
<li><b>Red de redes.</b> Cada acampada es dueña de su voz. Lo común se coordina en OASIS.</li>
|
||||
<li><b>La calle como herramienta.</b> Ocupar el espacio público de forma abierta y pacífica, con alegría y sin miedo.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Difunde</h2>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#26s</span></p>
|
||||
<p>El <b>26 de cada mes</b>, todas las plazas a la vez. Publica en tu idioma con la etiqueta común y la de tu ciudad.</p>
|
||||
<p>Logos y dibujo para carteles y redes: <a href="../img/logotipo.svg" download>logotipo</a> · <a href="../img/simbolo.svg" download>símbolo</a> · <a href="../img/calle.svg" download>dibujo</a></p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="pie">
|
||||
<p>Take the Street · red internacional de acampadas · 26S</p>
|
||||
<p>Textos y dibujo CC BY-SA 4.0 · Código AGPL-3.0</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Take the Street · Une rue, toutes les luttes</title>
|
||||
<meta name="description" content="Réseau international de campements né à la Puerta del Sol, à Madrid, le 26 septembre. Toit, Terre, Sans frontières et Paix : une rue, toutes les luttes.">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/en/">
|
||||
<title>Take the Street</title>
|
||||
<meta name="description" content="Réseau international de campements né à la Puerta del Sol, à Madrid, le 26 septembre. Toit, Terre, Sans frontières et Paix.">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/es/">
|
||||
<link rel="alternate" hreflang="pt" href="https://takethestreet.net/pt/">
|
||||
<link rel="alternate" hreflang="it" href="https://takethestreet.net/it/">
|
||||
<link rel="alternate" hreflang="fr" href="https://takethestreet.net/fr/">
|
||||
|
|
@ -15,13 +15,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Take the Street"></a>
|
||||
<nav class="idiomas" aria-label="Langue"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/">PT</a><a href="../it/">IT</a><a href="../fr/" aria-current="page">FR</a></nav>
|
||||
<nav class="idiomas" aria-label="Langue"><a href="../">EN</a><a href="../es/">ES</a><a href="../pt/">PT</a><a href="../it/">IT</a><a href="../fr/" aria-current="page">FR</a></nav>
|
||||
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Take the Street"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>Une rue,<br>toutes les luttes</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Toit</span> · <span class="c-tierra">Terre</span> · <span class="c-fronteras">Sans frontières</span> · <span class="c-paz">Paix</span></p>
|
||||
<img class="calle" src="../img/calle.svg" alt="Une foule colorée remplit la rue">
|
||||
<nav class="acciones">
|
||||
|
|
@ -93,6 +92,48 @@
|
|||
</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>#takethestreet</span><span>#26s</span><span>#acampadaporto</span><span>#11N</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Collectifs">
|
||||
<h3>Collectifs</h3>
|
||||
<ul><li><span class="on">TAKE THE STREET</span><ul><li>Espagne <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>…</li></ul></li><li>Portugal <span class="n">1</span><ul><li>Porto</li></ul></li><li>Italie <span class="n">2</span><ul><li>Milano</li><li>Roma</li></ul></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>Porto <small>@acampadaporto</small></h3>
|
||||
<div class="post"><div class="meta"><span>Place: Praça D. João I</span></div><p class="nota">expulsé le 12/10, l'assemblée continue</p><p class="redes"><a class="red" href="https://instagram.com/acampadaporto" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Italie <small>Milano · Roma</small></h3>
|
||||
<div class="post"><p class="nota">Milano · Statale<br>Roma · piazza Bologna<br>comptes à confirmer</p><p class="redes"></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Espagne <small></small></h3>
|
||||
<div class="post"><p class="nota">Tous les campements d'Espagne, sur:</p><p class="redes"><a class="red" href="https://tomalacalle.net" target="_blank">tomalacalle.net</a><a class="red" href="https://acampada26s.net" target="_blank">acampada26s.net</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>Carte <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid · Sol</span><span></span></li><li><span>Porto</span><span>assemblée</span></li><li><span>Milano · Statale</span><span></span></li><li><span>Roma · piazza Bologna</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 class="ko"><span>Málaga</span><span>levé</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Comment on s'organise</h2>
|
||||
<ul class="principios">
|
||||
|
|
@ -106,7 +147,7 @@
|
|||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Fais tourner</h2>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#26s</span></p>
|
||||
<p>Le <b>26 de chaque mois</b>, toutes les places en même temps. Publie dans ta langue avec le hashtag commun et celui de ta ville.</p>
|
||||
<p>Logos et dessin pour affiches et réseaux : <a href="../img/logotipo.svg" download>logotype</a> · <a href="../img/simbolo.svg" download>symbole</a> · <a href="../img/calle.svg" download>dessin</a></p>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<!doctype html>
|
||||
<html lang="es">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Take the Street · Una calle, todas las luchas</title>
|
||||
<meta name="description" content="Red internacional de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz: una calle, todas las luchas.">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/en/">
|
||||
<title>Take the Street</title>
|
||||
<meta name="description" content="International network of protest camps born in Madrid's Puerta del Sol on 26 September. Home, Land, No borders and Peace.">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/es/">
|
||||
<link rel="alternate" hreflang="pt" href="https://takethestreet.net/pt/">
|
||||
<link rel="alternate" hreflang="it" href="https://takethestreet.net/it/">
|
||||
<link rel="alternate" hreflang="fr" href="https://takethestreet.net/fr/">
|
||||
|
|
@ -15,67 +15,66 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="./"><img class="simbolo" src="img/simbolo.svg" alt=""><img class="logotipo" src="img/logotipo.svg" alt="Take the Street"></a>
|
||||
<nav class="idiomas" aria-label="Idioma"><a href="./" aria-current="page">ES</a><a href="en/">EN</a><a href="pt/">PT</a><a href="it/">IT</a><a href="fr/">FR</a></nav>
|
||||
<nav class="idiomas" aria-label="Language"><a href="./" aria-current="page">EN</a><a href="es/">ES</a><a href="pt/">PT</a><a href="it/">IT</a><a href="fr/">FR</a></nav>
|
||||
<h1><a class="firma" href="./"><img class="simbolo" src="img/simbolo.svg" alt=""><img class="logotipo" src="img/logotipo.svg" alt="Take the Street"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>Una calle,<br>todas las luchas</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Techo</span> · <span class="c-tierra">Tierra</span> · <span class="c-fronteras">Sin fronteras</span> · <span class="c-paz">Paz</span></p>
|
||||
<img class="calle" src="img/calle.svg" alt="Una piña de gente de colores llena la calle">
|
||||
<p class="ejes-lista"><span class="c-techo">Home</span> · <span class="c-tierra">Land</span> · <span class="c-fronteras">No borders</span> · <span class="c-paz">Peace</span></p>
|
||||
<img class="calle" src="img/calle.svg" alt="A colourful crowd fills the street">
|
||||
<nav class="acciones">
|
||||
<a class="bt" href="#unete">Únete</a>
|
||||
<a class="bt" href="#acampadas">Encuentra tu acampada</a>
|
||||
<a class="bt" href="#difunde">Difunde</a>
|
||||
<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>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>
|
||||
<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>Cuatro ejes</h2>
|
||||
<h2>Four axes</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>
|
||||
<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>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>
|
||||
<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>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>
|
||||
<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>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>
|
||||
<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>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>
|
||||
<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>Acampadas</h2>
|
||||
<h2>Camps</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>
|
||||
<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">
|
||||
|
|
@ -83,38 +82,80 @@
|
|||
<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>
|
||||
<h3>Italy</h3>
|
||||
<p>Milano · Statale<br>Roma · piazza Bologna<br>Tents at a dozen universities</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>
|
||||
<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>
|
||||
<div class="tags"><span>#takethestreet</span><span>#26s</span><span>#acampadaporto</span><span>#11N</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Groups">
|
||||
<h3>Groups</h3>
|
||||
<ul><li><span class="on">TAKE THE STREET</span><ul><li>Spain <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>…</li></ul></li><li>Portugal <span class="n">1</span><ul><li>Porto</li></ul></li><li>Italy <span class="n">2</span><ul><li>Milano</li><li>Roma</li></ul></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>Porto <small>@acampadaporto</small></h3>
|
||||
<div class="post"><div class="meta"><span>Square: Praça D. João I</span></div><p class="nota">evicted on 12/10, the assembly goes on</p><p class="redes"><a class="red" href="https://instagram.com/acampadaporto" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Italy <small>Milano · Roma</small></h3>
|
||||
<div class="post"><p class="nota">Milano · Statale<br>Roma · piazza Bologna<br>accounts to be confirmed</p><p class="redes"></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Spain <small></small></h3>
|
||||
<div class="post"><p class="nota">Every camp in Spain, at:</p><p class="redes"><a class="red" href="https://tomalacalle.net" target="_blank">tomalacalle.net</a><a class="red" href="https://acampada26s.net" target="_blank">acampada26s.net</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>Map <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid · Sol</span><span></span></li><li><span>Porto</span><span>assembly</span></li><li><span>Milano · Statale</span><span></span></li><li><span>Roma · piazza Bologna</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 class="ko"><span>Málaga</span><span>lifted</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Cómo nos organizamos</h2>
|
||||
<h2>How we organise</h2>
|
||||
<ul class="principios">
|
||||
<li><b>Asamblea.</b> Las decisiones se toman en las plazas. Nadie habla en nombre de todas sin mandato.</li>
|
||||
<li><b>Autonomía.</b> Sin partidos ni siglas al frente. Los colectivos vienen con su nombre, pero la calle es de todas.</li>
|
||||
<li><b>Apoyo mutuo y cuidados.</b> Nadie se queda atrás: comida, abrigo, acompañamiento legal y salud.</li>
|
||||
<li><b>Red de redes.</b> Cada acampada es dueña de su voz. Lo común se coordina en OASIS.</li>
|
||||
<li><b>La calle como herramienta.</b> Ocupar el espacio público de forma abierta y pacífica, con alegría y sin miedo.</li>
|
||||
<li><b>Assembly.</b> Decisions are made in the squares. No one speaks for everyone without a mandate.</li>
|
||||
<li><b>Autonomy.</b> No parties or acronyms out front. Groups come with their own names, but the street belongs to everyone.</li>
|
||||
<li><b>Mutual aid and care.</b> No one gets left behind: food, shelter, legal support and health care.</li>
|
||||
<li><b>A network of networks.</b> Each camp owns its voice. What we share is coordinated on OASIS.</li>
|
||||
<li><b>The street as a tool.</b> Taking public space openly and peacefully, with joy and without fear.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Difunde</h2>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p>El <b>26 de cada mes</b>, todas las plazas a la vez. Publica en tu idioma con la etiqueta común y la de tu ciudad.</p>
|
||||
<p>Logos y dibujo para carteles y redes: <a href="img/logotipo.svg" download>logotipo</a> · <a href="img/simbolo.svg" download>símbolo</a> · <a href="img/calle.svg" download>dibujo</a></p>
|
||||
<h2>Spread the word</h2>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#26s</span></p>
|
||||
<p>On the <b>26th of every month</b>, every square at once. Post in your language with the common hashtag and your city's.</p>
|
||||
<p>Logos and drawing for posters and social media: <a href="img/logotipo.svg" download>logotype</a> · <a href="img/simbolo.svg" download>symbol</a> · <a href="img/calle.svg" download>drawing</a></p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="pie">
|
||||
<p>Take the Street · red internacional de acampadas · 26S</p>
|
||||
<p>Textos y dibujo CC BY-SA 4.0 · Código AGPL-3.0</p>
|
||||
<p>Take the Street · international network of protest camps · 26S</p>
|
||||
<p>Text and drawing CC BY-SA 4.0 · Code AGPL-3.0</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Take the Street · Una strada, tutte le lotte</title>
|
||||
<meta name="description" content="Rete internazionale di accampate nata a Puerta del Sol, a Madrid, il 26 settembre. Tetto, Terra, Senza frontiere e Pace: una strada, tutte le lotte.">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/en/">
|
||||
<title>Take the Street</title>
|
||||
<meta name="description" content="Rete internazionale di accampate nata a Puerta del Sol, a Madrid, il 26 settembre. Tetto, Terra, Senza frontiere e Pace.">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/es/">
|
||||
<link rel="alternate" hreflang="pt" href="https://takethestreet.net/pt/">
|
||||
<link rel="alternate" hreflang="it" href="https://takethestreet.net/it/">
|
||||
<link rel="alternate" hreflang="fr" href="https://takethestreet.net/fr/">
|
||||
|
|
@ -15,13 +15,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Take the Street"></a>
|
||||
<nav class="idiomas" aria-label="Lingua"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/">PT</a><a href="../it/" aria-current="page">IT</a><a href="../fr/">FR</a></nav>
|
||||
<nav class="idiomas" aria-label="Lingua"><a href="../">EN</a><a href="../es/">ES</a><a href="../pt/">PT</a><a href="../it/" aria-current="page">IT</a><a href="../fr/">FR</a></nav>
|
||||
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Take the Street"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>Una strada,<br>tutte le lotte</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Tetto</span> · <span class="c-tierra">Terra</span> · <span class="c-fronteras">Senza frontiere</span> · <span class="c-paz">Pace</span></p>
|
||||
<img class="calle" src="../img/calle.svg" alt="Una folla colorata riempie la strada">
|
||||
<nav class="acciones">
|
||||
|
|
@ -93,6 +92,48 @@
|
|||
</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>#takethestreet</span><span>#26s</span><span>#acampadaporto</span><span>#11N</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Collettivi">
|
||||
<h3>Collettivi</h3>
|
||||
<ul><li><span class="on">TAKE THE STREET</span><ul><li>Spagna <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>…</li></ul></li><li>Portogallo <span class="n">1</span><ul><li>Porto</li></ul></li><li>Italia <span class="n">2</span><ul><li>Milano</li><li>Roma</li></ul></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>Porto <small>@acampadaporto</small></h3>
|
||||
<div class="post"><div class="meta"><span>Piazza: Praça D. João I</span></div><p class="nota">sgomberata il 12/10, l'assemblea continua</p><p class="redes"><a class="red" href="https://instagram.com/acampadaporto" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Italia <small>Milano · Roma</small></h3>
|
||||
<div class="post"><p class="nota">Milano · Statale<br>Roma · piazza Bologna<br>account da confermare</p><p class="redes"></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Spagna <small></small></h3>
|
||||
<div class="post"><p class="nota">Tutte le accampate in Spagna, su:</p><p class="redes"><a class="red" href="https://tomalacalle.net" target="_blank">tomalacalle.net</a><a class="red" href="https://acampada26s.net" target="_blank">acampada26s.net</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>Mappa <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid · Sol</span><span></span></li><li><span>Porto</span><span>assemblea</span></li><li><span>Milano · Statale</span><span></span></li><li><span>Roma · piazza Bologna</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 class="ko"><span>Málaga</span><span>smontata</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Come ci organizziamo</h2>
|
||||
<ul class="principios">
|
||||
|
|
@ -106,7 +147,7 @@
|
|||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Diffondi</h2>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#26s</span></p>
|
||||
<p>Il <b>26 di ogni mese</b>, tutte le piazze insieme. Pubblica nella tua lingua con l'hashtag comune e quello della tua città.</p>
|
||||
<p>Loghi e disegno per manifesti e social: <a href="../img/logotipo.svg" download>logotipo</a> · <a href="../img/simbolo.svg" download>simbolo</a> · <a href="../img/calle.svg" download>disegno</a></p>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Take the Street · Uma rua, todas as lutas</title>
|
||||
<meta name="description" content="Rede internacional de acampadas nascida na Puerta del Sol, em Madrid, a 26 de setembro. Teto, Terra, Sem fronteiras e Paz: uma rua, todas as lutas.">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/en/">
|
||||
<title>Take the Street</title>
|
||||
<meta name="description" content="Rede internacional de acampadas nascida na Puerta del Sol, em Madrid, a 26 de setembro. Teto, Terra, Sem fronteiras e Paz.">
|
||||
<link rel="alternate" hreflang="en" href="https://takethestreet.net/">
|
||||
<link rel="alternate" hreflang="es" href="https://takethestreet.net/es/">
|
||||
<link rel="alternate" hreflang="pt" href="https://takethestreet.net/pt/">
|
||||
<link rel="alternate" hreflang="it" href="https://takethestreet.net/it/">
|
||||
<link rel="alternate" hreflang="fr" href="https://takethestreet.net/fr/">
|
||||
|
|
@ -15,13 +15,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Take the Street"></a>
|
||||
<nav class="idiomas" aria-label="Idioma"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/" aria-current="page">PT</a><a href="../it/">IT</a><a href="../fr/">FR</a></nav>
|
||||
<nav class="idiomas" aria-label="Idioma"><a href="../">EN</a><a href="../es/">ES</a><a href="../pt/" aria-current="page">PT</a><a href="../it/">IT</a><a href="../fr/">FR</a></nav>
|
||||
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Take the Street"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>Uma rua,<br>todas as lutas</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Teto</span> · <span class="c-tierra">Terra</span> · <span class="c-fronteras">Sem fronteiras</span> · <span class="c-paz">Paz</span></p>
|
||||
<img class="calle" src="../img/calle.svg" alt="Uma multidão colorida enche a rua">
|
||||
<nav class="acciones">
|
||||
|
|
@ -93,6 +92,48 @@
|
|||
</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>#takethestreet</span><span>#26s</span><span>#acampadaporto</span><span>#11N</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Coletivos">
|
||||
<h3>Coletivos</h3>
|
||||
<ul><li><span class="on">TAKE THE STREET</span><ul><li>Espanha <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>…</li></ul></li><li>Portugal <span class="n">1</span><ul><li>Porto</li></ul></li><li>Itália <span class="n">2</span><ul><li>Milano</li><li>Roma</li></ul></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>Porto <small>@acampadaporto</small></h3>
|
||||
<div class="post"><div class="meta"><span>Praça: Praça D. João I</span></div><p class="nota">desalojada a 12/10, a assembleia continua</p><p class="redes"><a class="red" href="https://instagram.com/acampadaporto" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Itália <small>Milano · Roma</small></h3>
|
||||
<div class="post"><p class="nota">Milano · Statale<br>Roma · piazza Bologna<br>contas por confirmar</p><p class="redes"></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Espanha <small></small></h3>
|
||||
<div class="post"><p class="nota">Todas as acampadas de Espanha, em:</p><p class="redes"><a class="red" href="https://tomalacalle.net" target="_blank">tomalacalle.net</a><a class="red" href="https://acampada26s.net" target="_blank">acampada26s.net</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>Mapa <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid · Sol</span><span></span></li><li><span>Porto</span><span>assembleia</span></li><li><span>Milano · Statale</span><span></span></li><li><span>Roma · piazza Bologna</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 class="ko"><span>Málaga</span><span>levantada</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Como nos organizamos</h2>
|
||||
<ul class="principios">
|
||||
|
|
@ -106,7 +147,7 @@
|
|||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Divulga</h2>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p class="etiquetas"><span>#takethestreet</span><span>#26s</span></p>
|
||||
<p>No <b>dia 26 de cada mês</b>, todas as praças ao mesmo tempo. Publica na tua língua com a hashtag comum e a da tua cidade.</p>
|
||||
<p>Logótipos e desenho para cartazes e redes: <a href="../img/logotipo.svg" download>logótipo</a> · <a href="../img/simbolo.svg" download>símbolo</a> · <a href="../img/calle.svg" download>desenho</a></p>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -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; }
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Toma la calle · One street, every struggle</title>
|
||||
<meta name="description" content="Network of protest camps across Spain, born in Madrid's Puerta del Sol on 26 September. Home, Land, No borders and Peace: one street, every struggle.">
|
||||
<title>Toma la calle</title>
|
||||
<meta name="description" content="Network of protest camps across Spain, born in Madrid's Puerta del Sol on 26 September. Home, Land, No borders and Peace.">
|
||||
<link rel="alternate" hreflang="es" href="https://tomalacalle.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://tomalacalle.net/en/">
|
||||
<link rel="alternate" hreflang="pt" href="https://tomalacalle.net/pt/">
|
||||
|
|
@ -15,13 +15,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a>
|
||||
<nav class="idiomas" aria-label="Language"><a href="../">ES</a><a href="../en/" aria-current="page">EN</a><a href="../pt/">PT</a><a href="../it/">IT</a><a href="../fr/">FR</a></nav>
|
||||
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>One street,<br>every struggle</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Home</span> · <span class="c-tierra">Land</span> · <span class="c-fronteras">No borders</span> · <span class="c-paz">Peace</span></p>
|
||||
<img class="calle" src="../img/calle.svg" alt="A colourful crowd fills the street">
|
||||
<nav class="acciones">
|
||||
|
|
@ -133,6 +132,68 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque panel" id="red">
|
||||
<h2>Follow them</h2>
|
||||
<p>Each camp speaks with its own voice. Here are their accounts.</p>
|
||||
<div class="tags"><span>#tomalacalle</span><span>#26s</span><span>#11N</span><span>#viviendaya</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Groups">
|
||||
<h3>Groups</h3>
|
||||
<ul><li><span class="on">TOMA LA CALLE</span> <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>Santander</li><li>Compostela</li><li>Almería</li><li>Pontevedra</li><li>Mallorca</li><li>Málaga</li></ul></li></ul>
|
||||
</nav>
|
||||
<div class="cols">
|
||||
<section class="col">
|
||||
<h3>Madrid 26S <small>@acampada26s</small></h3>
|
||||
<div class="post"><div class="meta"><span>Square: Sol</span></div><p class="redes"><a class="red" href="https://madrid.acampada26s.net" target="_blank">Web</a><a class="red" href="https://madrid.acampada26s.net/c/tribe/26s-com-w4rckanc" target="_blank">OASIS</a><a class="red" href="https://instagram.com/acampada26s" target="_blank">Instagram</a><a class="red" href="https://mastodon.social/@26s" target="_blank">Mastodon</a><a class="red" href="https://t.me/acampada26s" target="_blank">Telegram</a><a class="red" href="https://x.com/acampada26s" target="_blank">X</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Barcelona <small>@acampada.habitatge</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.habitatge" target="_blank">Instagram</a><a class="red" href="https://systerserver.town/@acampadahabitatge" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>València <small>@acampadavalencia1</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadavalencia1" target="_blank">Instagram</a><a class="red" href="https://terreta.org/@acampadavalencia1" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Sevilla <small>@acampadasetas</small></h3>
|
||||
<div class="post"><div class="meta"><span>Square: Setas</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadasetas" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Bilbao <small>@acampada.viviendabilbao</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.viviendabilbao" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Santander <small>@acampada.vivienda.cantabria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.vivienda.cantabria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Compostela <small>@acampadaobradoiro</small></h3>
|
||||
<div class="post"><div class="meta"><span>Square: Obradoiro</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadaobradoiro" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Almería <small>@acampadalmeria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadalmeria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Pontevedra <small>@acampada.pontevedra</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.pontevedra" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Mallorca <small>@acampada.per.habitar</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.per.habitar" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Málaga <small>@malagaesxulaa</small></h3>
|
||||
<div class="post ko"><p class="nota">camp lifted on 12/10, assemblies go on</p><p class="redes"><a class="red" href="http://malaga.acampada26s.net" target="_blank">Web</a><a class="red" href="https://instagram.com/malagaesxulaa" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Map <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid 26S</span><span></span></li><li><span>Barcelona</span><span></span></li><li><span>València</span><span></span></li><li><span>Sevilla</span><span></span></li><li><span>Bilbao</span><span></span></li><li><span>Santander</span><span></span></li><li><span>Compostela</span><span></span></li><li><span>Almería</span><span></span></li><li><span>Pontevedra</span><span></span></li><li><span>Mallorca</span><span></span></li><li class="ko"><span>Málaga</span><span>lifted</span></li><li><span>Granada</span><span>no account yet</span></li><li><span>Oviedo</span><span>no account yet</span></li><li><span>Alicante</span><span>no account yet</span></li><li><span>Lanzarote</span><span>no account yet</span></li><li><span>Tenerife</span><span>no account yet</span></li><li><span>Las Palmas</span><span>no account yet</span></li><li><span>Zamora</span><span>no account yet</span></li><li><span>Cádiz</span><span>no account yet</span></li><li><span>Zaragoza</span><span>no account yet</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>How we organise</h2>
|
||||
<ul class="principios">
|
||||
|
|
@ -146,7 +207,7 @@
|
|||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Spread the word</h2>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#26s</span></p>
|
||||
<p>On the <b>26th of every month</b>, every square at once. Post in your language with the common hashtag and your city's.</p>
|
||||
<p>Logos and drawing for posters and social media: <a href="../img/logotipo.svg" download>logotype</a> · <a href="../img/simbolo.svg" download>symbol</a> · <a href="../img/calle.svg" download>drawing</a></p>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Toma la calle · Une rue, toutes les luttes</title>
|
||||
<meta name="description" content="Réseau de campements en Espagne né à la Puerta del Sol, à Madrid, le 26 septembre. Toit, Terre, Sans frontières et Paix : une rue, toutes les luttes.">
|
||||
<title>Toma la calle</title>
|
||||
<meta name="description" content="Réseau de campements en Espagne né à la Puerta del Sol, à Madrid, le 26 septembre. Toit, Terre, Sans frontières et Paix.">
|
||||
<link rel="alternate" hreflang="es" href="https://tomalacalle.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://tomalacalle.net/en/">
|
||||
<link rel="alternate" hreflang="pt" href="https://tomalacalle.net/pt/">
|
||||
|
|
@ -15,13 +15,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a>
|
||||
<nav class="idiomas" aria-label="Langue"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/">PT</a><a href="../it/">IT</a><a href="../fr/" aria-current="page">FR</a></nav>
|
||||
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>Une rue,<br>toutes les luttes</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Toit</span> · <span class="c-tierra">Terre</span> · <span class="c-fronteras">Sans frontières</span> · <span class="c-paz">Paix</span></p>
|
||||
<img class="calle" src="../img/calle.svg" alt="Une foule colorée remplit la rue">
|
||||
<nav class="acciones">
|
||||
|
|
@ -133,6 +132,68 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque panel" id="red">
|
||||
<h2>Suis-les</h2>
|
||||
<p>Chaque campement parle de sa propre voix. Voici leurs comptes.</p>
|
||||
<div class="tags"><span>#tomalacalle</span><span>#26s</span><span>#11N</span><span>#viviendaya</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Collectifs">
|
||||
<h3>Collectifs</h3>
|
||||
<ul><li><span class="on">TOMA LA CALLE</span> <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>Santander</li><li>Compostela</li><li>Almería</li><li>Pontevedra</li><li>Mallorca</li><li>Málaga</li></ul></li></ul>
|
||||
</nav>
|
||||
<div class="cols">
|
||||
<section class="col">
|
||||
<h3>Madrid 26S <small>@acampada26s</small></h3>
|
||||
<div class="post"><div class="meta"><span>Place: Sol</span></div><p class="redes"><a class="red" href="https://madrid.acampada26s.net" target="_blank">Web</a><a class="red" href="https://madrid.acampada26s.net/c/tribe/26s-com-w4rckanc" target="_blank">OASIS</a><a class="red" href="https://instagram.com/acampada26s" target="_blank">Instagram</a><a class="red" href="https://mastodon.social/@26s" target="_blank">Mastodon</a><a class="red" href="https://t.me/acampada26s" target="_blank">Telegram</a><a class="red" href="https://x.com/acampada26s" target="_blank">X</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Barcelona <small>@acampada.habitatge</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.habitatge" target="_blank">Instagram</a><a class="red" href="https://systerserver.town/@acampadahabitatge" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>València <small>@acampadavalencia1</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadavalencia1" target="_blank">Instagram</a><a class="red" href="https://terreta.org/@acampadavalencia1" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Sevilla <small>@acampadasetas</small></h3>
|
||||
<div class="post"><div class="meta"><span>Place: Setas</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadasetas" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Bilbao <small>@acampada.viviendabilbao</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.viviendabilbao" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Santander <small>@acampada.vivienda.cantabria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.vivienda.cantabria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Compostela <small>@acampadaobradoiro</small></h3>
|
||||
<div class="post"><div class="meta"><span>Place: Obradoiro</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadaobradoiro" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Almería <small>@acampadalmeria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadalmeria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Pontevedra <small>@acampada.pontevedra</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.pontevedra" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Mallorca <small>@acampada.per.habitar</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.per.habitar" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Málaga <small>@malagaesxulaa</small></h3>
|
||||
<div class="post ko"><p class="nota">levé le 12/10, les assemblées continuent</p><p class="redes"><a class="red" href="http://malaga.acampada26s.net" target="_blank">Web</a><a class="red" href="https://instagram.com/malagaesxulaa" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Carte <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid 26S</span><span></span></li><li><span>Barcelona</span><span></span></li><li><span>València</span><span></span></li><li><span>Sevilla</span><span></span></li><li><span>Bilbao</span><span></span></li><li><span>Santander</span><span></span></li><li><span>Compostela</span><span></span></li><li><span>Almería</span><span></span></li><li><span>Pontevedra</span><span></span></li><li><span>Mallorca</span><span></span></li><li class="ko"><span>Málaga</span><span>levé</span></li><li><span>Granada</span><span>sans compte</span></li><li><span>Oviedo</span><span>sans compte</span></li><li><span>Alicante</span><span>sans compte</span></li><li><span>Lanzarote</span><span>sans compte</span></li><li><span>Tenerife</span><span>sans compte</span></li><li><span>Las Palmas</span><span>sans compte</span></li><li><span>Zamora</span><span>sans compte</span></li><li><span>Cádiz</span><span>sans compte</span></li><li><span>Zaragoza</span><span>sans compte</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Comment on s'organise</h2>
|
||||
<ul class="principios">
|
||||
|
|
@ -146,7 +207,7 @@
|
|||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Fais tourner</h2>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#26s</span></p>
|
||||
<p>Le <b>26 de chaque mois</b>, toutes les places en même temps. Publie dans ta langue avec le hashtag commun et celui de ta ville.</p>
|
||||
<p>Logos et dessin pour affiches et réseaux : <a href="../img/logotipo.svg" download>logotype</a> · <a href="../img/simbolo.svg" download>symbole</a> · <a href="../img/calle.svg" download>dessin</a></p>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Toma la calle · Una calle, todas las luchas</title>
|
||||
<meta name="description" content="Red estatal de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz: una calle, todas las luchas.">
|
||||
<title>Toma la calle</title>
|
||||
<meta name="description" content="Red estatal de acampadas nacida en la Puerta del Sol el 26S. Techo, Tierra, Sin fronteras y Paz.">
|
||||
<link rel="alternate" hreflang="es" href="https://tomalacalle.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://tomalacalle.net/en/">
|
||||
<link rel="alternate" hreflang="pt" href="https://tomalacalle.net/pt/">
|
||||
|
|
@ -15,13 +15,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="./"><img class="simbolo" src="img/simbolo.svg" alt=""><img class="logotipo" src="img/logotipo.svg" alt="Toma la calle"></a>
|
||||
<nav class="idiomas" aria-label="Idioma"><a href="./" aria-current="page">ES</a><a href="en/">EN</a><a href="pt/">PT</a><a href="it/">IT</a><a href="fr/">FR</a></nav>
|
||||
<h1><a class="firma" href="./"><img class="simbolo" src="img/simbolo.svg" alt=""><img class="logotipo" src="img/logotipo.svg" alt="Toma la calle"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>Una calle,<br>todas las luchas</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Techo</span> · <span class="c-tierra">Tierra</span> · <span class="c-fronteras">Sin fronteras</span> · <span class="c-paz">Paz</span></p>
|
||||
<img class="calle" src="img/calle.svg" alt="Una piña de gente de colores llena la calle">
|
||||
<nav class="acciones">
|
||||
|
|
@ -133,6 +132,68 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque panel" id="red">
|
||||
<h2>Síguelas</h2>
|
||||
<p>Cada acampada habla con su propia voz. Aquí están sus cuentas.</p>
|
||||
<div class="tags"><span>#tomalacalle</span><span>#26s</span><span>#11N</span><span>#viviendaya</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Colectivos">
|
||||
<h3>Colectivos</h3>
|
||||
<ul><li><span class="on">TOMA LA CALLE</span> <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>Santander</li><li>Compostela</li><li>Almería</li><li>Pontevedra</li><li>Mallorca</li><li>Málaga</li></ul></li></ul>
|
||||
</nav>
|
||||
<div class="cols">
|
||||
<section class="col">
|
||||
<h3>Madrid 26S <small>@acampada26s</small></h3>
|
||||
<div class="post"><div class="meta"><span>Plaza: Sol</span></div><p class="redes"><a class="red" href="https://madrid.acampada26s.net" target="_blank">Web</a><a class="red" href="https://madrid.acampada26s.net/c/tribe/26s-com-w4rckanc" target="_blank">OASIS</a><a class="red" href="https://instagram.com/acampada26s" target="_blank">Instagram</a><a class="red" href="https://mastodon.social/@26s" target="_blank">Mastodon</a><a class="red" href="https://t.me/acampada26s" target="_blank">Telegram</a><a class="red" href="https://x.com/acampada26s" target="_blank">X</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Barcelona <small>@acampada.habitatge</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.habitatge" target="_blank">Instagram</a><a class="red" href="https://systerserver.town/@acampadahabitatge" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>València <small>@acampadavalencia1</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadavalencia1" target="_blank">Instagram</a><a class="red" href="https://terreta.org/@acampadavalencia1" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Sevilla <small>@acampadasetas</small></h3>
|
||||
<div class="post"><div class="meta"><span>Plaza: Setas</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadasetas" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Bilbao <small>@acampada.viviendabilbao</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.viviendabilbao" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Santander <small>@acampada.vivienda.cantabria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.vivienda.cantabria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Compostela <small>@acampadaobradoiro</small></h3>
|
||||
<div class="post"><div class="meta"><span>Plaza: Obradoiro</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadaobradoiro" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Almería <small>@acampadalmeria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadalmeria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Pontevedra <small>@acampada.pontevedra</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.pontevedra" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Mallorca <small>@acampada.per.habitar</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.per.habitar" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Málaga <small>@malagaesxulaa</small></h3>
|
||||
<div class="post ko"><p class="nota">levantada el 12/10, siguen las asambleas</p><p class="redes"><a class="red" href="http://malaga.acampada26s.net" target="_blank">Web</a><a class="red" href="https://instagram.com/malagaesxulaa" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Mapa <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid 26S</span><span></span></li><li><span>Barcelona</span><span></span></li><li><span>València</span><span></span></li><li><span>Sevilla</span><span></span></li><li><span>Bilbao</span><span></span></li><li><span>Santander</span><span></span></li><li><span>Compostela</span><span></span></li><li><span>Almería</span><span></span></li><li><span>Pontevedra</span><span></span></li><li><span>Mallorca</span><span></span></li><li class="ko"><span>Málaga</span><span>levantada</span></li><li><span>Granada</span><span>sin cuenta</span></li><li><span>Oviedo</span><span>sin cuenta</span></li><li><span>Alicante</span><span>sin cuenta</span></li><li><span>Lanzarote</span><span>sin cuenta</span></li><li><span>Tenerife</span><span>sin cuenta</span></li><li><span>Las Palmas</span><span>sin cuenta</span></li><li><span>Zamora</span><span>sin cuenta</span></li><li><span>Cádiz</span><span>sin cuenta</span></li><li><span>Zaragoza</span><span>sin cuenta</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Cómo nos organizamos</h2>
|
||||
<ul class="principios">
|
||||
|
|
@ -146,7 +207,7 @@
|
|||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Difunde</h2>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#26s</span></p>
|
||||
<p>El <b>26 de cada mes</b>, todas las plazas a la vez. Publica en tu idioma con la etiqueta común y la de tu ciudad.</p>
|
||||
<p>Logos y dibujo para carteles y redes: <a href="img/logotipo.svg" download>logotipo</a> · <a href="img/simbolo.svg" download>símbolo</a> · <a href="img/calle.svg" download>dibujo</a></p>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Toma la calle · Una strada, tutte le lotte</title>
|
||||
<meta name="description" content="Rete di accampate in Spagna nata a Puerta del Sol, a Madrid, il 26 settembre. Tetto, Terra, Senza frontiere e Pace: una strada, tutte le lotte.">
|
||||
<title>Toma la calle</title>
|
||||
<meta name="description" content="Rete di accampate in Spagna nata a Puerta del Sol, a Madrid, il 26 settembre. Tetto, Terra, Senza frontiere e Pace.">
|
||||
<link rel="alternate" hreflang="es" href="https://tomalacalle.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://tomalacalle.net/en/">
|
||||
<link rel="alternate" hreflang="pt" href="https://tomalacalle.net/pt/">
|
||||
|
|
@ -15,13 +15,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a>
|
||||
<nav class="idiomas" aria-label="Lingua"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/">PT</a><a href="../it/" aria-current="page">IT</a><a href="../fr/">FR</a></nav>
|
||||
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>Una strada,<br>tutte le lotte</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Tetto</span> · <span class="c-tierra">Terra</span> · <span class="c-fronteras">Senza frontiere</span> · <span class="c-paz">Pace</span></p>
|
||||
<img class="calle" src="../img/calle.svg" alt="Una folla colorata riempie la strada">
|
||||
<nav class="acciones">
|
||||
|
|
@ -133,6 +132,68 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque panel" id="red">
|
||||
<h2>Seguile</h2>
|
||||
<p>Ogni accampata parla con la propria voce. Ecco i loro account.</p>
|
||||
<div class="tags"><span>#tomalacalle</span><span>#26s</span><span>#11N</span><span>#viviendaya</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Collettivi">
|
||||
<h3>Collettivi</h3>
|
||||
<ul><li><span class="on">TOMA LA CALLE</span> <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>Santander</li><li>Compostela</li><li>Almería</li><li>Pontevedra</li><li>Mallorca</li><li>Málaga</li></ul></li></ul>
|
||||
</nav>
|
||||
<div class="cols">
|
||||
<section class="col">
|
||||
<h3>Madrid 26S <small>@acampada26s</small></h3>
|
||||
<div class="post"><div class="meta"><span>Piazza: Sol</span></div><p class="redes"><a class="red" href="https://madrid.acampada26s.net" target="_blank">Web</a><a class="red" href="https://madrid.acampada26s.net/c/tribe/26s-com-w4rckanc" target="_blank">OASIS</a><a class="red" href="https://instagram.com/acampada26s" target="_blank">Instagram</a><a class="red" href="https://mastodon.social/@26s" target="_blank">Mastodon</a><a class="red" href="https://t.me/acampada26s" target="_blank">Telegram</a><a class="red" href="https://x.com/acampada26s" target="_blank">X</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Barcelona <small>@acampada.habitatge</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.habitatge" target="_blank">Instagram</a><a class="red" href="https://systerserver.town/@acampadahabitatge" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>València <small>@acampadavalencia1</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadavalencia1" target="_blank">Instagram</a><a class="red" href="https://terreta.org/@acampadavalencia1" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Sevilla <small>@acampadasetas</small></h3>
|
||||
<div class="post"><div class="meta"><span>Piazza: Setas</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadasetas" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Bilbao <small>@acampada.viviendabilbao</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.viviendabilbao" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Santander <small>@acampada.vivienda.cantabria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.vivienda.cantabria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Compostela <small>@acampadaobradoiro</small></h3>
|
||||
<div class="post"><div class="meta"><span>Piazza: Obradoiro</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadaobradoiro" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Almería <small>@acampadalmeria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadalmeria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Pontevedra <small>@acampada.pontevedra</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.pontevedra" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Mallorca <small>@acampada.per.habitar</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.per.habitar" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Málaga <small>@malagaesxulaa</small></h3>
|
||||
<div class="post ko"><p class="nota">smontata il 12/10, le assemblee continuano</p><p class="redes"><a class="red" href="http://malaga.acampada26s.net" target="_blank">Web</a><a class="red" href="https://instagram.com/malagaesxulaa" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Mappa <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid 26S</span><span></span></li><li><span>Barcelona</span><span></span></li><li><span>València</span><span></span></li><li><span>Sevilla</span><span></span></li><li><span>Bilbao</span><span></span></li><li><span>Santander</span><span></span></li><li><span>Compostela</span><span></span></li><li><span>Almería</span><span></span></li><li><span>Pontevedra</span><span></span></li><li><span>Mallorca</span><span></span></li><li class="ko"><span>Málaga</span><span>smontata</span></li><li><span>Granada</span><span>senza account</span></li><li><span>Oviedo</span><span>senza account</span></li><li><span>Alicante</span><span>senza account</span></li><li><span>Lanzarote</span><span>senza account</span></li><li><span>Tenerife</span><span>senza account</span></li><li><span>Las Palmas</span><span>senza account</span></li><li><span>Zamora</span><span>senza account</span></li><li><span>Cádiz</span><span>senza account</span></li><li><span>Zaragoza</span><span>senza account</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Come ci organizziamo</h2>
|
||||
<ul class="principios">
|
||||
|
|
@ -146,7 +207,7 @@
|
|||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Diffondi</h2>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#26s</span></p>
|
||||
<p>Il <b>26 di ogni mese</b>, tutte le piazze insieme. Pubblica nella tua lingua con l'hashtag comune e quello della tua città.</p>
|
||||
<p>Loghi e disegno per manifesti e social: <a href="../img/logotipo.svg" download>logotipo</a> · <a href="../img/simbolo.svg" download>simbolo</a> · <a href="../img/calle.svg" download>disegno</a></p>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Toma la calle · Uma rua, todas as lutas</title>
|
||||
<meta name="description" content="Rede de acampadas em Espanha nascida na Puerta del Sol, em Madrid, a 26 de setembro. Teto, Terra, Sem fronteiras e Paz: uma rua, todas as lutas.">
|
||||
<title>Toma la calle</title>
|
||||
<meta name="description" content="Rede de acampadas em Espanha nascida na Puerta del Sol, em Madrid, a 26 de setembro. Teto, Terra, Sem fronteiras e Paz.">
|
||||
<link rel="alternate" hreflang="es" href="https://tomalacalle.net/">
|
||||
<link rel="alternate" hreflang="en" href="https://tomalacalle.net/en/">
|
||||
<link rel="alternate" hreflang="pt" href="https://tomalacalle.net/pt/">
|
||||
|
|
@ -15,13 +15,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header class="cab">
|
||||
<a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a>
|
||||
<nav class="idiomas" aria-label="Idioma"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/" aria-current="page">PT</a><a href="../it/">IT</a><a href="../fr/">FR</a></nav>
|
||||
<h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a></h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="portada">
|
||||
<h1>Uma rua,<br>todas as lutas</h1>
|
||||
<p class="ejes-lista"><span class="c-techo">Teto</span> · <span class="c-tierra">Terra</span> · <span class="c-fronteras">Sem fronteiras</span> · <span class="c-paz">Paz</span></p>
|
||||
<img class="calle" src="../img/calle.svg" alt="Uma multidão colorida enche a rua">
|
||||
<nav class="acciones">
|
||||
|
|
@ -133,6 +132,68 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque panel" id="red">
|
||||
<h2>Segue-as</h2>
|
||||
<p>Cada acampada fala com a sua própria voz. Aqui estão as suas contas.</p>
|
||||
<div class="tags"><span>#tomalacalle</span><span>#26s</span><span>#11N</span><span>#viviendaya</span></div>
|
||||
<div class="deck">
|
||||
<nav class="arbol" aria-label="Coletivos">
|
||||
<h3>Coletivos</h3>
|
||||
<ul><li><span class="on">TOMA LA CALLE</span> <span class="n">11</span><ul><li>Madrid 26S</li><li>Barcelona</li><li>València</li><li>Sevilla</li><li>Bilbao</li><li>Santander</li><li>Compostela</li><li>Almería</li><li>Pontevedra</li><li>Mallorca</li><li>Málaga</li></ul></li></ul>
|
||||
</nav>
|
||||
<div class="cols">
|
||||
<section class="col">
|
||||
<h3>Madrid 26S <small>@acampada26s</small></h3>
|
||||
<div class="post"><div class="meta"><span>Praça: Sol</span></div><p class="redes"><a class="red" href="https://madrid.acampada26s.net" target="_blank">Web</a><a class="red" href="https://madrid.acampada26s.net/c/tribe/26s-com-w4rckanc" target="_blank">OASIS</a><a class="red" href="https://instagram.com/acampada26s" target="_blank">Instagram</a><a class="red" href="https://mastodon.social/@26s" target="_blank">Mastodon</a><a class="red" href="https://t.me/acampada26s" target="_blank">Telegram</a><a class="red" href="https://x.com/acampada26s" target="_blank">X</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Barcelona <small>@acampada.habitatge</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.habitatge" target="_blank">Instagram</a><a class="red" href="https://systerserver.town/@acampadahabitatge" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>València <small>@acampadavalencia1</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadavalencia1" target="_blank">Instagram</a><a class="red" href="https://terreta.org/@acampadavalencia1" target="_blank">Mastodon</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Sevilla <small>@acampadasetas</small></h3>
|
||||
<div class="post"><div class="meta"><span>Praça: Setas</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadasetas" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Bilbao <small>@acampada.viviendabilbao</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.viviendabilbao" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Santander <small>@acampada.vivienda.cantabria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.vivienda.cantabria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Compostela <small>@acampadaobradoiro</small></h3>
|
||||
<div class="post"><div class="meta"><span>Praça: Obradoiro</span></div><p class="redes"><a class="red" href="https://instagram.com/acampadaobradoiro" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Almería <small>@acampadalmeria</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampadalmeria" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Pontevedra <small>@acampada.pontevedra</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.pontevedra" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Mallorca <small>@acampada.per.habitar</small></h3>
|
||||
<div class="post"><p class="redes"><a class="red" href="https://instagram.com/acampada.per.habitar" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Málaga <small>@malagaesxulaa</small></h3>
|
||||
<div class="post ko"><p class="nota">levantada a 12/10, as assembleias continuam</p><p class="redes"><a class="red" href="http://malaga.acampada26s.net" target="_blank">Web</a><a class="red" href="https://instagram.com/malagaesxulaa" target="_blank">Instagram</a></p></div>
|
||||
</section>
|
||||
<section class="col">
|
||||
<h3>Mapa <small>14/10</small></h3>
|
||||
<ul class="mapa"><li><span>Madrid 26S</span><span></span></li><li><span>Barcelona</span><span></span></li><li><span>València</span><span></span></li><li><span>Sevilla</span><span></span></li><li><span>Bilbao</span><span></span></li><li><span>Santander</span><span></span></li><li><span>Compostela</span><span></span></li><li><span>Almería</span><span></span></li><li><span>Pontevedra</span><span></span></li><li><span>Mallorca</span><span></span></li><li class="ko"><span>Málaga</span><span>levantada</span></li><li><span>Granada</span><span>sem conta</span></li><li><span>Oviedo</span><span>sem conta</span></li><li><span>Alicante</span><span>sem conta</span></li><li><span>Lanzarote</span><span>sem conta</span></li><li><span>Tenerife</span><span>sem conta</span></li><li><span>Las Palmas</span><span>sem conta</span></li><li><span>Zamora</span><span>sem conta</span></li><li><span>Cádiz</span><span>sem conta</span></li><li><span>Zaragoza</span><span>sem conta</span></li></ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque" id="unete">
|
||||
<h2>Como nos organizamos</h2>
|
||||
<ul class="principios">
|
||||
|
|
@ -146,7 +207,7 @@
|
|||
|
||||
<section class="bloque" id="difunde">
|
||||
<h2>Divulga</h2>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
|
||||
<p class="etiquetas"><span>#tomalacalle</span><span>#26s</span></p>
|
||||
<p>No <b>dia 26 de cada mês</b>, todas as praças ao mesmo tempo. Publica na tua língua com a hashtag comum e a da tua cidade.</p>
|
||||
<p>Logótipos e desenho para cartazes e redes: <a href="../img/logotipo.svg" download>logótipo</a> · <a href="../img/simbolo.svg" download>símbolo</a> · <a href="../img/calle.svg" download>desenho</a></p>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue