Difuntos e intenciones personales
This commit is contained in:
parent
b2ca38f0af
commit
5606538e83
|
|
@ -10,8 +10,9 @@
|
||||||
--color-secundario: #1E3560; /* Azul medio-oscuro */
|
--color-secundario: #1E3560; /* Azul medio-oscuro */
|
||||||
--color-borde: #2D4A7A; /* Borde azulado */
|
--color-borde: #2D4A7A; /* Borde azulado */
|
||||||
--color-acento: #C9A84C; /* Dorado litúrgico */
|
--color-acento: #C9A84C; /* Dorado litúrgico */
|
||||||
--color-texto: #D8E4F5; /* Texto claro (header) */
|
--color-texto-header:#D8E4F5; /* Texto header */
|
||||||
--color-texto-suave: #6B5040; /* Texto suave (tarjetas) */
|
--color-texto-suave: #6B5040; /* Texto general */
|
||||||
|
--color-texto: #2A1C10; /* Texto general oscuro */
|
||||||
--blanco-puro: #FFFFFF;
|
--blanco-puro: #FFFFFF;
|
||||||
--sombra: rgba(0, 0, 0, 0.45);
|
--sombra: rgba(0, 0, 0, 0.45);
|
||||||
--color-santo: var(--blanco-puro);
|
--color-santo: var(--blanco-puro);
|
||||||
|
|
@ -74,13 +75,14 @@ body {
|
||||||
margin-top: 0.3rem;
|
margin-top: 0.3rem;
|
||||||
font-family: 'EB Garamond', serif;
|
font-family: 'EB Garamond', serif;
|
||||||
opacity: 0.85;
|
opacity: 0.85;
|
||||||
color: var(--color-texto-suave);
|
color: var(--color-texto-header);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ciclo {
|
.ciclo {
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
margin-top: 0.2rem;
|
margin-top: 0.2rem;
|
||||||
font-family: 'EB Garamond', serif;
|
font-family: 'EB Garamond', serif;
|
||||||
|
color: var(--color-texto-header);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -94,7 +96,7 @@ body {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
border: 1px solid rgba(255,255,255,0.1);
|
border: 1px solid rgba(255,255,255,0.1);
|
||||||
color: var(--color-texto);
|
color: var(--color-texto-header);
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-dia {
|
.color-dia {
|
||||||
|
|
@ -141,7 +143,7 @@ body {
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: var(--color-secundario);
|
color: var(--color-texto-suave);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nombre-difunto {
|
.nombre-difunto {
|
||||||
|
|
|
||||||
|
|
@ -349,7 +349,15 @@ async function cargarDifuntos() {
|
||||||
}
|
}
|
||||||
if (d.defuncion) {
|
if (d.defuncion) {
|
||||||
const f = new Date(d.defuncion + "T12:00:00");
|
const f = new Date(d.defuncion + "T12:00:00");
|
||||||
etiquetas.push(`<span class="difunto-fecha">✝ ${f.toLocaleDateString("es-ES", { day: "numeric", month: "long", year: "numeric" })}</span>`);
|
let edadStr = "";
|
||||||
|
if (d.nacimiento && !d.nacimiento.includes('XXXX')) {
|
||||||
|
const nac = new Date(d.nacimiento + "T12:00:00");
|
||||||
|
let edad = f.getFullYear() - nac.getFullYear();
|
||||||
|
const cumpleEseAnio = new Date(f.getFullYear(), nac.getMonth(), nac.getDate());
|
||||||
|
if (f < cumpleEseAnio) edad--;
|
||||||
|
if (edad >= 0) edadStr = ` · ${edad} años`;
|
||||||
|
}
|
||||||
|
etiquetas.push(`<span class="difunto-fecha">✝ ${f.toLocaleDateString("es-ES", { day: "numeric", month: "long", year: "numeric" })}${edadStr}</span>`);
|
||||||
}
|
}
|
||||||
|
|
||||||
li.innerHTML = `
|
li.innerHTML = `
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue