Cinco ejes y un faro: Hogar, Emergencia climática, Rompiendo fronteras, Pueblos libres e Igualdad
- Techo pasa a Hogar, Tierra a Emergencia climática, Sin fronteras a Rompiendo fronteras y Paz a Pueblos libres («No a la guerra»), en las dos webs y los cinco idiomas. - Igualdad deja de ser la franja de los feminismos y es una tarjeta más. - Iconos nuevos pintados con spray: casa, planeta que gotea, valla abierta, cadena rota y signo igual (tools/ejes.py). - El símbolo deja la farola por un faro con la luz amarilla: haz horizontal y ondas en círculo (tools/faro.py). Cambia en la cabecera, el favicon y el mapa. Fuera tools/farola.py y sus propuestas. - Ideario y README al día. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
a1700098b3
commit
879764b6a9
56 changed files with 492 additions and 399 deletions
|
|
@ -4,11 +4,11 @@
|
|||
--bg: #fff;
|
||||
--fg: #111;
|
||||
--neon: #f04e23;
|
||||
--techo: #f04e23;
|
||||
--tierra: #14965a;
|
||||
--hogar: #f04e23;
|
||||
--clima: #14965a;
|
||||
--fronteras: #f2b705;
|
||||
--paz: #3b5bdb;
|
||||
--feminismos: #8e44c9;
|
||||
--pueblos: #3b5bdb;
|
||||
--igualdad: #8e44c9;
|
||||
--bd: 3px solid var(--fg);
|
||||
--bt: "League Gothic", "Arial Narrow", Impact, sans-serif;
|
||||
--txt: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
||||
|
|
@ -31,7 +31,7 @@ img { max-width: 100%; }
|
|||
|
||||
.portada { padding: 0 0 24px; border-bottom: var(--bd); text-align: center; overflow: hidden; }
|
||||
h1 { margin: 0; font: 400 clamp(52px, 8vw, 112px)/.92 var(--bt); text-transform: uppercase; }
|
||||
.c-techo { color: var(--techo); } .c-tierra { color: var(--tierra); } .c-fronteras { color: #c99500; } .c-paz { color: var(--paz); }
|
||||
.c-hogar { color: var(--hogar); } .c-clima { color: var(--clima); } .c-fronteras { color: #c99500; } .c-pueblos { color: var(--pueblos); } .c-igualdad { color: var(--igualdad); }
|
||||
.calle { display: block; width: 100%; height: clamp(220px, 36vw, 600px); object-fit: cover; object-position: 65% 60%; margin: 0; }
|
||||
.acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 18px; padding: 0 16px; }
|
||||
.bt { font: 400 26px/1 var(--bt); letter-spacing: .05em; text-transform: uppercase; text-decoration: none; border: var(--bd); border-radius: 8px; padding: 12px 22px 9px; box-shadow: 4px 4px 0 var(--fg); }
|
||||
|
|
@ -45,18 +45,14 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp
|
|||
.intro p { max-width: 820px; margin: 0 auto 14px; font-size: 20px; }
|
||||
.intro .fuerte { font-weight: 700; }
|
||||
|
||||
.ejes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
|
||||
.ejes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
|
||||
.eje { border: var(--bd); border-radius: 10px; padding: 16px 16px 10px; box-shadow: 6px 6px 0 var(--c); }
|
||||
.eje img { display: block; height: 120px; margin: 0 auto 6px; }
|
||||
.eje h3 { color: var(--c); }
|
||||
.eje .lema { font-weight: 700; margin: 6px 0; }
|
||||
.eje p { margin: 0 0 8px; font-size: 16px; }
|
||||
.e-techo { --c: var(--techo); } .e-tierra { --c: var(--tierra); } .e-fronteras { --c: var(--fronteras); } .e-paz { --c: var(--paz); } .e-feminismos { --c: var(--feminismos); }
|
||||
.e-hogar { --c: var(--hogar); } .e-clima { --c: var(--clima); } .e-fronteras { --c: var(--fronteras); } .e-pueblos { --c: var(--pueblos); } .e-igualdad { --c: var(--igualdad); }
|
||||
.e-fronteras h3 { color: #c99500; }
|
||||
.transversal { display: flex; align-items: center; gap: 18px; margin-top: 22px; border: var(--bd); border-left: 14px solid var(--c); border-radius: 10px; padding: 10px 18px; }
|
||||
.transversal img { height: 90px; }
|
||||
.transversal p { margin: 0; }
|
||||
.transversal b { color: var(--c); }
|
||||
|
||||
.paises { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
|
||||
.pais { border-top: var(--bd); padding-top: 10px; }
|
||||
|
|
@ -104,6 +100,9 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp
|
|||
.mapa li span + span { font-size: 12px; opacity: .75; }
|
||||
.mapa .ko span:first-child { text-decoration: line-through; }
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.ejes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.ejes, .paises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue