hacklab/takethestreet
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Mapa «Dónde estamos» con cifras; botones en columna en móvil hacia el mapa, el panel y el contacto

Browse source
This commit is contained in:
hacklab 2026-10-14 14:31:59 +02:00
parent 27a4ba5ca1
commit db898b9a42
13 changed files with 343 additions and 154 deletions
Download patch file Download diff file Expand all files Collapse all files

15
README.md
View file

@ -53,13 +53,14 @@ Borrador para la asamblea en [`docs/ideario.md`](docs/ideario.md). Propuesta: **
`sites/` tiene dos webs con el mismo diseño: `takethestreet/` (takethestreet.net, internacional) y `tomalacalle/` (tomalacalle.net, estatal). HTML y CSS, sin JavaScript, igual que acampada26s.net. El deck va aparte, en `deck.takethestreet.net`. La portada cuenta el ideario de arriba abajo:
1. **Cabecera** en una línea: la farola a la izquierda, el logotipo en el centro como título (sin lema) y los idiomas a la derecha.
2. **Dibujo** (el boceto 5, el cruce) y tres botones (Únete, Encuentra tu acampada, Difunde).
3. **Síguelas**: un panel como el del deck, con el árbol de colectivos, una columna por acampada con sus cuentas de verdad y un mapa. Internacional en takethestreet.net y estatal en tomalacalle.net. En móvil va una acampada por fila.
4. **Cuatro ejes**: una tarjeta por eje, con una piña de monigotes en su color (*Techo* naranja, *Tierra* verde, *Sin fronteras* amarillo, *Paz* azul). Debajo, la franja violeta de los feminismos.
5. **Quiénes somos**: dos párrafos, de Sol a todas las luchas.
6. **Acampadas**: por país en takethestreet.net y por territorio en tomalacalle.net, más «¿Y tu ciudad?».
7. **Cómo nos organizamos**.
8. **Difunde**: etiquetas y logos para descargar.
2. **Dibujo** (el boceto 5, el cruce) y tres botones: Encuentra tu acampada (al mapa), Síguelas (al panel) y Monta una en tu ciudad (a cómo nos organizamos y el contacto). En móvil van en columna y a todo lo ancho.
3. **Dónde estamos**: cifras (ciudades, países, desde el 26/09) y un mapa SVG sin JavaScript ni teselas de fuera, con base de Natural Earth. En tomalacalle.net, España con Canarias aparte; en takethestreet.net, Europa con Canarias e India aparte. La farola marca las acampadas, el círculo discontinuo las convocadas, el punto negro las grandes protestas y el gris las levantadas. Cada punto lleva a su tarjeta en «Acampadas».
4. **Síguelas**: un panel como el del deck, con el árbol de colectivos, una columna por acampada con sus cuentas de verdad y un mapa. Internacional en takethestreet.net y estatal en tomalacalle.net. En móvil va una acampada por fila.
5. **Cuatro ejes**: una tarjeta por eje, con una piña de monigotes en su color (*Techo* naranja, *Tierra* verde, *Sin fronteras* amarillo, *Paz* azul). Debajo, la franja violeta de los feminismos.
6. **Quiénes somos**: dos párrafos, de Sol a todas las luchas.
7. **Acampadas**: por país en takethestreet.net y por territorio en tomalacalle.net, más «¿Y tu ciudad?».
8. **Cómo nos organizamos**, con el contacto para montar una acampada.
9. **Difunde**: etiquetas y logos para descargar.
En castellano, inglés, portugués, italiano y francés, en femenino genérico. takethestreet.net abre en inglés (`es/`, `pt/`, `it/`, `fr/`) y tomalacalle.net en castellano (`en/`, `pt/`, `it/`, `fr/`). El contacto de «¿Y tu ciudad?» es acampada26s@riseup.net. Los iconos de los ejes se generan con `python3 tools/ejes.py sites/<web>/img`.