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

README: plaza, bocetos 6-10, panel e idiomas

Browse source
This commit is contained in:
hacklab 2026-10-14 11:58:17 +02:00
parent 107d57c90c
commit 0aca150e8d
1 changed files with 34 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

39
README.md
View file

@ -51,14 +51,15 @@ 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. **Portada**: el lema, los cuatro ejes con su color, el dibujo y tres botones (Únete, Encuentra tu acampada, Difunde).
2. **Quiénes somos**: dos párrafos, de Sol a una calle con todas las luchas.
1. **Portada**: la firma grande y centrada como título (sin lema), los cuatro ejes con su color, el dibujo de la plaza y tres botones (Únete, Encuentra tu acampada, Difunde).
2. **Quiénes somos**: dos párrafos, de Sol a todas las luchas.
3. **Cuatro ejes**: una tarjeta por eje, con una piña de monigotes en su color (los mismos colores que los regueros del dibujo: *Techo* naranja, *Tierra* verde, *Sin fronteras* amarillo, *Paz* azul). Debajo, la franja violeta de los feminismos.
4. **Acampadas**: por país en takethestreet.net y por territorio en tomalacalle.net, más «¿Y tu ciudad?».
5. **Cómo nos organizamos**.
6. **Difunde**: etiquetas, el día 26 de cada mes y los logos para descargar.
5. **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.
6. **Cómo nos organizamos**.
7. **Difunde**: etiquetas, el día 26 de cada mes y los logos para descargar.
En castellano, inglés, portugués, italiano y francés (`en/`, `pt/`, `it/`, `fr/`), en femenino genérico. 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`.
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`.
## 3. El deck
@ -272,6 +273,12 @@ Grindy Brush es una versión demo **solo para uso personal**. Antes de usar el l
## 6. Dibujo
En la web va **la plaza** (`docs/plaza.svg`): el cruce del boceto 5 se abre en una plaza, con tiendas, farolas y gente que entra por las cuatro calles. Se genera con `python3 tools/plazas.py docs/bocetos docs/plaza.svg sites/takethestreet/img/calle.svg sites/tomalacalle/img/calle.svg`.
![La plaza](docs/plaza.svg)
El dibujo anterior, la calle:
![Una piña de gente de colores llena la calle](docs/calle.svg)
Una calle vista desde un primer piso, con el punto de fuga a la derecha. La calle va solo con líneas negras a pincel: el pie de la fachada, los contornos de los portales, los bordillos y la línea discontinua del centro. No hay pisos arriba, y la acera de enfrente se pierde por la derecha.
@ -306,6 +313,28 @@ Cinco variantes de la calle, con acabado de pintado a mano (líneas con pulso y
![Boceto 5](docs/bocetos/boceto-5.svg)
Cinco más, de plazas y cruces (`tools/plazas.py`). La gente que llega por cada calle lleva el color de un eje.
6. **La plaza**: de frente, con las fachadas en U.
![Boceto 6](docs/bocetos/boceto-6.svg)
7. **Dos calles que se cruzan**: en X, y de cada calle llega un eje.
![Boceto 7](docs/bocetos/boceto-7.svg)
8. **La acampada**: tiendas de colores y la asamblea en el centro.
![Boceto 8](docs/bocetos/boceto-8.svg)
9. **Sol**: cinco calles llegan a la misma plaza.
![Boceto 9](docs/bocetos/boceto-9.svg)
10. **Desde el balcón**: la plaza vista desde arriba.
![Boceto 10](docs/bocetos/boceto-10.svg)
## 7. Maqueta
`mockup/index.html` es HTML y CSS, sin JavaScript. Se abre directamente en el navegador. Sigue el estilo de acampada26s.net (blanco y negro, bordes de 3 px, sombra de color): firma en la cabecera, portada con el lema y el dibujo debajo, y debajo el deck.Capturas al principio de este README.