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

Cabecera en una línea; vuelve el boceto 5 y va antes del panel

Browse source
This commit is contained in:
hacklab 2026-10-14 12:39:14 +02:00
parent 7cc81561d3
commit 5158bd1d04
15 changed files with 141 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

10
README.md
View file

@ -51,9 +51,9 @@ 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**: la firma grande y centrada como título, sin lema.
2. **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.
3. **Dibujo** de la plaza y tres botones (Únete, Encuentra tu acampada, Difunde).
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?».
@ -255,7 +255,7 @@ Tres piezas, cada una con su uso:
![Hoja de marca](docs/marca/hoja.png)
- **Símbolo** (`docs/marca/simbolo*.svg`): una farola moderna que alumbra hacia abajo con dos rayos de luz entrelazados, naranja y amarillo. Es la luz que se queda encendida en la plaza. Se genera con `python3 tools/farola.py docs/marca`. Sirve para el favicon, los avatares de redes y las pegatinas, y se lee hasta a 16 px. Tres versiones: positivo, negativo y sobre naranja.
- **Símbolo** (`docs/marca/simbolo*.svg`): una farola al estilo de los *throw-ups* de los writers: relleno naranja, contorno negro grueso, brillos blancos, chorreones y destellos en la luz. Es la luz que se queda encendida en la plaza. Se genera con `python3 tools/farola.py docs/marca`. Sirve para el favicon, los avatares de redes y las pegatinas, y se lee hasta a 16 px. Tres versiones: positivo, negativo y sobre naranja.
- **Logotipo** (`docs/marca/logotipo*.svg`): «TAKE THE STREET» en **Grindy Brush**, todo en negro (o en blanco sobre negro). Va convertido a trazados, así que no hace falta la fuente. Hay versión en una línea y en dos.
- **Firma**: símbolo + logotipo. Es lo que va arriba a la izquierda de la web.
- **Ilustración** (`docs/calle.svg`): la imagen principal de la portada, nunca en la cabecera. Ver el apartado 6.
@ -274,7 +274,7 @@ 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 llena de gente, con tiendas, farolas y gente que entra por las cuatro calles. Es el mismo fichero copiado a `sites/<web>/img/calle.svg`.
En la web va **el boceto 5** (el cruce), copiado a `sites/<web>/img/calle.svg`. **La plaza** (`docs/plaza.svg`) es el mismo cruce abierto en una plaza llena de gente, con tiendas y farolas.
La plaza y los bocetos 6 a 10 se generan con `python3 tools/plazas.py docs/bocetos docs/plaza.svg`.