takethestreet en inglés por defecto, firma centrada sin lema y panel de acampadas

This commit is contained in:
hacklab 2026-10-14 11:58:17 +02:00
parent 56b74e7ac8
commit 107d57c90c
12 changed files with 825 additions and 121 deletions

View file

@ -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>