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

Idiomas en un desplegable con un globo, y 12 idiomas más

Browse source 
- La cabecera cambia los botones por un desplegable (<details>, sin
  JavaScript) con un globo y el nombre de cada idioma en su lengua.
- Nuevos: català, euskara, galego, Deutsch, Nederlands, svenska, polski,
  ελληνικά, Türkçe, العربية (de derecha a izquierda), हिन्दी y 中文, en
  takethestreet.net y tomalacalle.net. En total, 17 idiomas.
- hreflang con todos los idiomas en cada página.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
hacklab 2026-10-14 21:59:31 +02:00
parent acfb6216c4
commit 82035a5ff8
37 changed files with 5749 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -52,7 +52,7 @@ 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: el faro a la izquierda, el logotipo en el centro como título (sin lema) y los idiomas a la derecha.
1. **Cabecera** en una línea: el faro a la izquierda, el logotipo en el centro como título (sin lema) y el desplegable de idiomas a la derecha.
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. **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. **Dónde estamos**: cifras (ciudades, países, desde el 26/09) y un mapa que se mueve y se amplía: Leaflet 1.9.4 (copiado en `js/leaflet/`, sin CDN) con las teselas de OpenStreetMap, y botones para saltar a España o Europa, Canarias e India. Las teselas se piden a tile.openstreetmap.org, que ve la IP de quien mira el mapa. Sin JavaScript se ve un mapa SVG fijo con base de Natural Earth. El faro marca las acampadas, el círculo discontinuo las convocadas, el punto negro las grandes protestas y el gris las levantadas. Cada punto abre una ventanita con su web, cuenta o noticia y un enlace a su tarjeta en «Acampadas».
@ -62,7 +62,7 @@ Borrador para la asamblea en [`docs/ideario.md`](docs/ideario.md). Propuesta: **
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`.
En 17 idiomas: castellano, inglés, catalán, euskera, gallego, portugués, italiano, francés, alemán, neerlandés, sueco, polaco, griego, turco, árabe (de derecha a izquierda), hindi y chino. En castellano y en los idiomas que lo permiten, en femenino genérico. takethestreet.net abre en inglés y tomalacalle.net en castellano; el resto va en una carpeta por idioma (`es/`, `ca/`, `de/`…). Los idiomas se eligen en un desplegable con un globo arriba a la derecha (`<details>`, sin JavaScript). 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