From d645ab270bf31c0f9d9d1a27fc456f26e42d6499 Mon Sep 17 00:00:00 2001 From: hacklab Date: Wed, 14 Oct 2026 14:48:05 +0200 Subject: [PATCH] Farola: la luz en campana que llega al suelo y se abre en un charco; propuestas en docs/marca/propuestas --- README.md | 2 +- docs/marca/propuestas/farola-1-onda-suave.svg | 1 + docs/marca/propuestas/farola-2-campana.svg | 1 + docs/marca/propuestas/farola-3-onda.svg | 1 + .../propuestas/farola-4-campana-suelo.svg | 1 + docs/marca/propuestas/farola-recta.svg | 1 + docs/marca/simbolo-naranja.svg | 2 +- docs/marca/simbolo-negativo.svg | 2 +- docs/marca/simbolo.svg | 2 +- sites/takethestreet/es/index.html | 10 ++-- sites/takethestreet/favicon.svg | 2 +- sites/takethestreet/fr/index.html | 10 ++-- sites/takethestreet/img/simbolo.svg | 2 +- sites/takethestreet/index.html | 10 ++-- sites/takethestreet/it/index.html | 10 ++-- sites/takethestreet/pt/index.html | 10 ++-- sites/tomalacalle/en/index.html | 10 ++-- sites/tomalacalle/favicon.svg | 2 +- sites/tomalacalle/fr/index.html | 10 ++-- sites/tomalacalle/img/simbolo.svg | 2 +- sites/tomalacalle/index.html | 10 ++-- sites/tomalacalle/it/index.html | 10 ++-- sites/tomalacalle/pt/index.html | 10 ++-- tools/farola.py | 51 +++++++++++-------- 24 files changed, 93 insertions(+), 79 deletions(-) create mode 100644 docs/marca/propuestas/farola-1-onda-suave.svg create mode 100644 docs/marca/propuestas/farola-2-campana.svg create mode 100644 docs/marca/propuestas/farola-3-onda.svg create mode 100644 docs/marca/propuestas/farola-4-campana-suelo.svg create mode 100644 docs/marca/propuestas/farola-recta.svg diff --git a/README.md b/README.md index 54770e3..9ca4ca3 100644 --- a/README.md +++ b/README.md @@ -257,7 +257,7 @@ Tres piezas, cada una con su uso: ![Hoja de marca](docs/marca/hoja.png) -- **Símbolo** (`docs/marca/simbolo*.svg`): una farola moderna dentro de un aro grueso, como un emblema de tienda de graffiti (en la línea del sello de Writers Madrid), con la luz en naranja, ondeando como las banderas del logo antifa. Plano y rotundo, para que se lea en un favicon, una pegatina o un avatar. Versiones: positivo, negativo, sobre naranja y pegatina (círculo naranja). Se genera con `python3 tools/farola.py docs/marca`. +- **Símbolo** (`docs/marca/simbolo*.svg`): una farola moderna dentro de un aro grueso, como un emblema de tienda de graffiti (en la línea del sello de Writers Madrid), con la luz en naranja: baja de la cabeza en forma de campana, llega al suelo y se abre en un charco con el centro más claro. Las otras propuestas (onda suave, onda marcada, campana con línea de suelo y la recta) están en `docs/marca/propuestas/`. Plano y rotundo, para que se lea en un favicon, una pegatina o un avatar. Versiones: positivo, negativo, sobre naranja y pegatina (círculo naranja). Se genera con `python3 tools/farola.py docs/marca`. - **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. diff --git a/docs/marca/propuestas/farola-1-onda-suave.svg b/docs/marca/propuestas/farola-1-onda-suave.svg new file mode 100644 index 0000000..bf46c6b --- /dev/null +++ b/docs/marca/propuestas/farola-1-onda-suave.svg @@ -0,0 +1 @@ + diff --git a/docs/marca/propuestas/farola-2-campana.svg b/docs/marca/propuestas/farola-2-campana.svg new file mode 100644 index 0000000..ffda587 --- /dev/null +++ b/docs/marca/propuestas/farola-2-campana.svg @@ -0,0 +1 @@ + diff --git a/docs/marca/propuestas/farola-3-onda.svg b/docs/marca/propuestas/farola-3-onda.svg new file mode 100644 index 0000000..8facb71 --- /dev/null +++ b/docs/marca/propuestas/farola-3-onda.svg @@ -0,0 +1 @@ + diff --git a/docs/marca/propuestas/farola-4-campana-suelo.svg b/docs/marca/propuestas/farola-4-campana-suelo.svg new file mode 100644 index 0000000..0212d94 --- /dev/null +++ b/docs/marca/propuestas/farola-4-campana-suelo.svg @@ -0,0 +1 @@ + diff --git a/docs/marca/propuestas/farola-recta.svg b/docs/marca/propuestas/farola-recta.svg new file mode 100644 index 0000000..f91cba1 --- /dev/null +++ b/docs/marca/propuestas/farola-recta.svg @@ -0,0 +1 @@ + diff --git a/docs/marca/simbolo-naranja.svg b/docs/marca/simbolo-naranja.svg index 6314460..dcfd392 100644 --- a/docs/marca/simbolo-naranja.svg +++ b/docs/marca/simbolo-naranja.svg @@ -1 +1 @@ - + diff --git a/docs/marca/simbolo-negativo.svg b/docs/marca/simbolo-negativo.svg index ef891ec..2f7b3e7 100644 --- a/docs/marca/simbolo-negativo.svg +++ b/docs/marca/simbolo-negativo.svg @@ -1 +1 @@ - + diff --git a/docs/marca/simbolo.svg b/docs/marca/simbolo.svg index f5e53ee..ffda587 100644 --- a/docs/marca/simbolo.svg +++ b/docs/marca/simbolo.svg @@ -1 +1 @@ - + diff --git a/sites/takethestreet/es/index.html b/sites/takethestreet/es/index.html index 05c1ca3..2ce8fa1 100644 --- a/sites/takethestreet/es/index.html +++ b/sites/takethestreet/es/index.html @@ -10,12 +10,12 @@ - +
- +

Take the Street

@@ -77,13 +77,13 @@
-
  • primera acampada
  • acampada
  • convocada
  • gran protesta
  • levantada

Arrastra para moverte, pellizca o usa + y − para ampliar y toca un punto para ver más.

+
  • primera acampada
  • acampada
  • convocada
  • gran protesta
  • levantada

Arrastra para moverte, pellizca o usa + y − para ampliar y toca un punto para ver más.

- + diff --git a/sites/takethestreet/favicon.svg b/sites/takethestreet/favicon.svg index f5e53ee..ffda587 100644 --- a/sites/takethestreet/favicon.svg +++ b/sites/takethestreet/favicon.svg @@ -1 +1 @@ - + diff --git a/sites/takethestreet/fr/index.html b/sites/takethestreet/fr/index.html index 882ffbc..540642c 100644 --- a/sites/takethestreet/fr/index.html +++ b/sites/takethestreet/fr/index.html @@ -10,12 +10,12 @@ - +
- +

Take the Street

@@ -77,13 +77,13 @@
-
  • premier campement
  • campement
  • appel
  • grande mobilisation
  • levé

Fais glisser pour te déplacer, pince ou utilise + et − pour zoomer, et touche un point pour en savoir plus.

+
  • premier campement
  • campement
  • appel
  • grande mobilisation
  • levé

Fais glisser pour te déplacer, pince ou utilise + et − pour zoomer, et touche un point pour en savoir plus.

- + diff --git a/sites/takethestreet/img/simbolo.svg b/sites/takethestreet/img/simbolo.svg index f5e53ee..ffda587 100644 --- a/sites/takethestreet/img/simbolo.svg +++ b/sites/takethestreet/img/simbolo.svg @@ -1 +1 @@ - + diff --git a/sites/takethestreet/index.html b/sites/takethestreet/index.html index e05dfb1..b2229ce 100644 --- a/sites/takethestreet/index.html +++ b/sites/takethestreet/index.html @@ -10,12 +10,12 @@ - +
- +

Take the Street

@@ -77,13 +77,13 @@
-
  • first camp
  • camp
  • called
  • mass protest
  • lifted

Drag to move, pinch or use + and − to zoom, and tap a point for details.

+
  • first camp
  • camp
  • called
  • mass protest
  • lifted

Drag to move, pinch or use + and − to zoom, and tap a point for details.

- + diff --git a/sites/takethestreet/it/index.html b/sites/takethestreet/it/index.html index 4df81ca..66a71ba 100644 --- a/sites/takethestreet/it/index.html +++ b/sites/takethestreet/it/index.html @@ -10,12 +10,12 @@ - +
- +

Take the Street

@@ -77,13 +77,13 @@
-
  • prima acampada
  • acampada
  • convocata
  • grande protesta
  • smontata

Trascina per spostarti, pizzica o usa + e − per ingrandire e tocca un punto per saperne di più.

+
  • prima acampada
  • acampada
  • convocata
  • grande protesta
  • smontata

Trascina per spostarti, pizzica o usa + e − per ingrandire e tocca un punto per saperne di più.

- + diff --git a/sites/takethestreet/pt/index.html b/sites/takethestreet/pt/index.html index c32bdad..546cd54 100644 --- a/sites/takethestreet/pt/index.html +++ b/sites/takethestreet/pt/index.html @@ -10,12 +10,12 @@ - +
- +

Take the Street

@@ -77,13 +77,13 @@
-
  • primeira acampada
  • acampada
  • convocada
  • grande protesto
  • levantada

Arrasta para mover, belisca ou usa + e − para ampliar e toca num ponto para ver mais.

+
  • primeira acampada
  • acampada
  • convocada
  • grande protesto
  • levantada

Arrasta para mover, belisca ou usa + e − para ampliar e toca num ponto para ver mais.

- + diff --git a/sites/tomalacalle/en/index.html b/sites/tomalacalle/en/index.html index 28a82b6..b69985c 100644 --- a/sites/tomalacalle/en/index.html +++ b/sites/tomalacalle/en/index.html @@ -10,12 +10,12 @@ - +
- +

Toma la calle

@@ -97,13 +97,13 @@
-
  • first camp
  • camp
  • lifted

Drag to move, pinch or use + and − to zoom, and tap a point for details.

+
  • first camp
  • camp
  • lifted

Drag to move, pinch or use + and − to zoom, and tap a point for details.

- + diff --git a/sites/tomalacalle/favicon.svg b/sites/tomalacalle/favicon.svg index f5e53ee..ffda587 100644 --- a/sites/tomalacalle/favicon.svg +++ b/sites/tomalacalle/favicon.svg @@ -1 +1 @@ - + diff --git a/sites/tomalacalle/fr/index.html b/sites/tomalacalle/fr/index.html index 062fef1..9693c8d 100644 --- a/sites/tomalacalle/fr/index.html +++ b/sites/tomalacalle/fr/index.html @@ -10,12 +10,12 @@ - +
- +

Toma la calle

@@ -97,13 +97,13 @@
-
  • premier campement
  • campement
  • levé

Fais glisser pour te déplacer, pince ou utilise + et − pour zoomer, et touche un point pour en savoir plus.

+
  • premier campement
  • campement
  • levé

Fais glisser pour te déplacer, pince ou utilise + et − pour zoomer, et touche un point pour en savoir plus.

- + diff --git a/sites/tomalacalle/img/simbolo.svg b/sites/tomalacalle/img/simbolo.svg index f5e53ee..ffda587 100644 --- a/sites/tomalacalle/img/simbolo.svg +++ b/sites/tomalacalle/img/simbolo.svg @@ -1 +1 @@ - + diff --git a/sites/tomalacalle/index.html b/sites/tomalacalle/index.html index 407d5b7..d5ce6b6 100644 --- a/sites/tomalacalle/index.html +++ b/sites/tomalacalle/index.html @@ -10,12 +10,12 @@ - +
- +

Toma la calle

@@ -97,13 +97,13 @@
-
  • primera acampada
  • acampada
  • levantada

Arrastra para moverte, pellizca o usa + y − para ampliar y toca un punto para ver más.

+
  • primera acampada
  • acampada
  • levantada

Arrastra para moverte, pellizca o usa + y − para ampliar y toca un punto para ver más.

- + diff --git a/sites/tomalacalle/it/index.html b/sites/tomalacalle/it/index.html index 9ed7118..5d147c4 100644 --- a/sites/tomalacalle/it/index.html +++ b/sites/tomalacalle/it/index.html @@ -10,12 +10,12 @@ - +
- +

Toma la calle

@@ -97,13 +97,13 @@
-
  • prima acampada
  • acampada
  • smontata

Trascina per spostarti, pizzica o usa + e − per ingrandire e tocca un punto per saperne di più.

+
  • prima acampada
  • acampada
  • smontata

Trascina per spostarti, pizzica o usa + e − per ingrandire e tocca un punto per saperne di più.

- + diff --git a/sites/tomalacalle/pt/index.html b/sites/tomalacalle/pt/index.html index 2b83ea0..e310318 100644 --- a/sites/tomalacalle/pt/index.html +++ b/sites/tomalacalle/pt/index.html @@ -10,12 +10,12 @@ - +
- +

Toma la calle

@@ -97,13 +97,13 @@
-
  • primeira acampada
  • acampada
  • levantada

Arrasta para mover, belisca ou usa + e − para ampliar e toca num ponto para ver mais.

+
  • primeira acampada
  • acampada
  • levantada

Arrasta para mover, belisca ou usa + e − para ampliar e toca num ponto para ver mais.

- + diff --git a/tools/farola.py b/tools/farola.py index 5022cc7..196667f 100644 --- a/tools/farola.py +++ b/tools/farola.py @@ -1,33 +1,36 @@ import sys -NAR, LUZ, INK, BL = "#f04e23", "#f45a1c", "#111", "#fff" +NAR, LUZ, CLARA, INK, BL = "#f04e23", "#f45a1c", "#ffb03a", "#111", "#fff" -def ctrl(a, b, amp): - (x0, y0), (x1, y1) = a, b - dx, dy = x1 - x0, y1 - y0 - L = (dx * dx + dy * dy) ** .5 - px, py = -dy / L * amp, dx / L * amp - return (x0 + dx / 3 + px, y0 + dy / 3 + py), (x0 + dx * 2 / 3 - px, y0 + dy * 2 / 3 - py) +# La luz baja de la cabeza, llega al suelo y se abre en un charco (naranja por fuera, claro en el centro). +CONOS = { + "recta": "M57,33 H77 L98,92 H36 Z", + "onda-suave": "M57,33 H77 C82,46 85,55 85,62 C85,69 88,73 89,76 H41 C42,72 45,69 45,62 C45,54 51,45 57,33 Z", + "campana": "M57,33 H77 C78,52 82,66 92,76 H38 C48,66 56,52 57,33 Z", + "onda": "M57,33 H77 C86,42 80,52 86,61 C90,67 91,72 90,76 H40 C39,72 41,67 44,61 C48,52 44,42 57,33 Z", +} +CHARCO = {"onda-suave": 24, "campana": 27, "onda": 25} -def c(p1, p2, fin): - return f"C{p1[0]:.1f},{p1[1]:.1f} {p2[0]:.1f},{p2[1]:.1f} {fin[0]},{fin[1]}" +def luz_(cono, luz, clara, ink, suelo=False): + out = f'' + if cono in CHARCO: + rx, ry = CHARCO[cono], 5.5 + out += (f'' + f'') + if cono == "recta": + out += f'' + if suelo: + out += f'' + return out -def bandera(a, b, cc, d, amp, amp_b): - der = ctrl(b, cc, amp) - izq = ctrl(a, d, amp) - abajo = ctrl(cc, d, amp_b) - return (f"M{a[0]},{a[1]} H{b[0]} {c(der[0], der[1], cc)} {c(abajo[0], abajo[1], d)} " - f"{c(izq[1], izq[0], a)} Z") - -def farola(estilo="aro", ink=INK, luz=LUZ, fondo=None, papel=BL): +def farola(estilo="aro", ink=INK, luz=LUZ, fondo=None, papel=BL, clara=CLARA, cono="campana", suelo=False): bg = f'' if fondo else "" if estilo == "aro": defs = '' - cono = f'' - suelo = "" + cono = f'{luz_(cono, luz, clara, ink, suelo)}' poste = f'' cabeza = f'' aro = f'' - return defs + cono + suelo + f'{poste}' + cabeza + aro + return defs + cono + f'{poste}' + cabeza + aro pegatina = f'' poste = f'' cabeza = f'' @@ -43,5 +46,11 @@ if __name__ == "__main__": d = sys.argv[1] open(f"{d}/simbolo.svg", "w").write(svg(farola())) open(f"{d}/simbolo-negativo.svg", "w").write(svg(farola(ink=BL, papel=INK), INK)) - open(f"{d}/simbolo-naranja.svg", "w").write(svg(farola(luz=BL, papel=NAR), NAR)) + open(f"{d}/simbolo-naranja.svg", "w").write(svg(farola(luz=BL, papel=NAR, clara="#ffe2a8"), NAR)) open(f"{d}/simbolo-pegatina.svg", "w").write(svg(farola("pegatina"))) + # Propuestas que no se usan, para tenerlas a mano + import os + os.makedirs(f"{d}/propuestas", exist_ok=True) + for n, (cono, suelo) in enumerate((("onda-suave", False), ("campana", False), ("onda", False), ("campana", True)), 1): + open(f"{d}/propuestas/farola-{n}-{cono}{'-suelo' if suelo else ''}.svg", "w").write(svg(farola(cono=cono, suelo=suelo))) + open(f"{d}/propuestas/farola-recta.svg", "w").write(svg(farola(cono="recta")))