diff --git a/README.md b/README.md index ae1a8d2..8eac297 100644 --- a/README.md +++ b/README.md @@ -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 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. +- **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 el cono de luz en naranja. 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/simbolo-naranja.svg b/docs/marca/simbolo-naranja.svg index 2c7b19d..437ea5d 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 c8746dc..acc10a1 100644 --- a/docs/marca/simbolo-negativo.svg +++ b/docs/marca/simbolo-negativo.svg @@ -1 +1 @@ - + diff --git a/docs/marca/simbolo-pegatina.svg b/docs/marca/simbolo-pegatina.svg new file mode 100644 index 0000000..886e34a --- /dev/null +++ b/docs/marca/simbolo-pegatina.svg @@ -0,0 +1 @@ + diff --git a/docs/marca/simbolo.svg b/docs/marca/simbolo.svg index bbf0232..91f225c 100644 --- a/docs/marca/simbolo.svg +++ b/docs/marca/simbolo.svg @@ -1 +1 @@ - + diff --git a/sites/takethestreet/favicon.svg b/sites/takethestreet/favicon.svg index bbf0232..91f225c 100644 --- a/sites/takethestreet/favicon.svg +++ b/sites/takethestreet/favicon.svg @@ -1 +1 @@ - + diff --git a/sites/takethestreet/img/simbolo-negativo.svg b/sites/takethestreet/img/simbolo-negativo.svg index c8746dc..acc10a1 100644 --- a/sites/takethestreet/img/simbolo-negativo.svg +++ b/sites/takethestreet/img/simbolo-negativo.svg @@ -1 +1 @@ - + diff --git a/sites/takethestreet/img/simbolo.svg b/sites/takethestreet/img/simbolo.svg index bbf0232..91f225c 100644 --- a/sites/takethestreet/img/simbolo.svg +++ b/sites/takethestreet/img/simbolo.svg @@ -1 +1 @@ - + diff --git a/sites/tomalacalle/favicon.svg b/sites/tomalacalle/favicon.svg index bbf0232..91f225c 100644 --- a/sites/tomalacalle/favicon.svg +++ b/sites/tomalacalle/favicon.svg @@ -1 +1 @@ - + diff --git a/sites/tomalacalle/img/simbolo-negativo.svg b/sites/tomalacalle/img/simbolo-negativo.svg index c8746dc..acc10a1 100644 --- a/sites/tomalacalle/img/simbolo-negativo.svg +++ b/sites/tomalacalle/img/simbolo-negativo.svg @@ -1 +1 @@ - + diff --git a/sites/tomalacalle/img/simbolo.svg b/sites/tomalacalle/img/simbolo.svg index bbf0232..91f225c 100644 --- a/sites/tomalacalle/img/simbolo.svg +++ b/sites/tomalacalle/img/simbolo.svg @@ -1 +1 @@ - + diff --git a/tools/farola.py b/tools/farola.py index b8e03b9..e7038d8 100644 --- a/tools/farola.py +++ b/tools/farola.py @@ -1,32 +1,30 @@ import sys -NAR, AMA, INK = "#f04e23", "#f2b705", "#111" +NAR, INK, BL = "#f04e23", "#111", "#fff" -def estrella(cx, cy, r, col, borde=None, bw=0): - k = r * .22 - d = (f"M{cx},{cy - r} Q{cx + k},{cy - k} {cx + r},{cy} Q{cx + k},{cy + k} {cx},{cy + r} " - f"Q{cx - k},{cy + k} {cx - r},{cy} Q{cx - k},{cy - k} {cx},{cy - r} Z") - b = f' stroke="{borde}" stroke-width="{bw}" stroke-linejoin="round"' if borde else "" - return f'' - -def farola(ink=INK, rell=NAR, fondo=None, brillo="#fff"): +def farola(estilo="aro", ink=INK, luz=NAR, fondo=None, papel=BL): bg = f'' if fondo else "" - eje = "M27,99 V38 Q27,15 50,15 H62" - cabeza = "M56,9 Q60,4 74,4 Q90,4 94,12 Q96,18 88,20 H62 Q54,20 54,15 Q54,11 56,9 Z" - luz = f'' - gotas = "".join(f'' - for x, w, y0, y1 in ((23.5, 2.2, 60, 72), (65, 1.8, 20, 28), (90, 1.5, 19, 25))) - return (f'{bg}{luz}' - f'' - f'' - f'{gotas}' - f'' - f'' - f'' - f'' - f'{estrella(76, 52, 13, AMA, ink, 2.5)}{estrella(62, 74, 7, brillo, ink, 2)}\n') + if estilo == "aro": + defs = '' + cono = f'' + suelo = f'' + poste = f'' + cabeza = f'' + aro = f'' + return defs + cono + suelo + f'{poste}' + cabeza + aro + pegatina = f'' + poste = f'' + cabeza = f'' + rayos = "".join(f'' + for x0, y0, x1, y1 in ((58, 35, 50, 52), (67, 36, 67, 56), (76, 35, 84, 52))) + return f'{pegatina}{poste}{cabeza}{rayos}' + +def svg(cuerpo, fondo=None): + bg = f'' if fondo else "" + return f'{bg}{cuerpo}\n' if __name__ == "__main__": d = sys.argv[1] - open(f"{d}/simbolo.svg", "w").write(farola()) - open(f"{d}/simbolo-negativo.svg", "w").write(farola(fondo=INK, ink="#fff")) - open(f"{d}/simbolo-naranja.svg", "w").write(farola(fondo=NAR, rell="#fff", brillo=NAR)) + 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-pegatina.svg", "w").write(svg(farola("pegatina")))