Skip to content

Commit

Permalink
Merge pull request #178 from enflujo/arreglos-texto-estilo
Browse files Browse the repository at this point in the history
💅🏿 Arreglos de texto y estilo
  • Loading branch information
1cgonza authored Jul 19, 2024
2 parents 32d2212 + c73ff47 commit 46536f1
Show file tree
Hide file tree
Showing 9 changed files with 36 additions and 32 deletions.
9 changes: 7 additions & 2 deletions aplicaciones/www/src/componentes/DescripcionYa.astro
Original file line number Diff line number Diff line change
Expand Up @@ -189,14 +189,18 @@ const { img, titulo, definicion, archivos, hayDatos } = Astro.props;
top: $altoMenuSuperior;
width: 90%;
height: calc(100% - $altoMenuSuperior);
background-color: var(--uvaNinezYa);
color: var(--blancoMarfil);
background-color: var(--moradoPandito);
color: var(--negroCasi);
z-index: 8;
right: 0;
transition: all 0.25s ease-in-out;
overflow: auto;
opacity: 0.95;

h2 {
color: var(--uvaNinezYa);
}

&.cerrado {
right: -90%;

Expand Down Expand Up @@ -272,6 +276,7 @@ const { img, titulo, definicion, archivos, hayDatos } = Astro.props;
display: flex;
flex-wrap: wrap;
margin-left: 4em;
background-color: var(--uvaNinezYa);
}

.descContenedorIndicador {
Expand Down
1 change: 1 addition & 0 deletions aplicaciones/www/src/componentes/Mapa.astro
Original file line number Diff line number Diff line change
Expand Up @@ -349,6 +349,7 @@ const { ancho, alto } = Astro.props;
function seleccionarZona(elemento: SVGPathElement) {
if (!elemento) return;
elemento.classList.add('seleccionada');
// color del borde del lugar seleccionado
elemento.setAttribute('stroke', elemento.dataset.color);
colombia.removeChild(elemento);
seleccionados.appendChild(elemento);
Expand Down
1 change: 1 addition & 0 deletions aplicaciones/www/src/componentes/MapaDetalle.ts
Original file line number Diff line number Diff line change
Expand Up @@ -236,6 +236,7 @@ export default class MapaDetalle extends HTMLElement {
}

definirColor(color: string) {
// color del borde del recuadro del mapa pequeño
this.style.borderColor = color;
}
}
Expand Down
4 changes: 2 additions & 2 deletions aplicaciones/www/src/datosVisibles/ya1.ts
Original file line number Diff line number Diff line change
Expand Up @@ -123,9 +123,9 @@ export const ya1: DatosYa = {
umbral: 2.6,
explicacion_umbral:
'De acuerdo al Plan Decenal de Salud Pública del año 2021 se busca reducir a 2.6% la prevalencia de desnutrición en niños y niñas menores de 5 años.',
explicacion: 'Indica la proporción de niños y niñas menores de 5 años que padecen de desnutrición aguda.',
explicacion: 'Indica la proporción de nacidos vivos con bajo peso al nacer.',
definicion:
'Indica la proporción de nacidos vivos a término (37 semanas o más) que nacieron con peso inferior a 2499 gramos en un momento y territorio determinado, con respecto al total de nacidos vivos en el mismo periodo y lugar.',
'Indica la proporción de nacidos vivos a término (37 semanas o más) que nacieron con peso inferior a 2.499 gramos en un momento y territorio específicos, con respecto al total de nacidos vivos en el mismo periodo y lugar.',
metodologia:
'Se desconoce, metodología propia del Centro de Estudios sobre Desarrollo Económico de la Facultad de Economía de la Universidad de los Andes (CEDE)',
unidad: 'Porcentaje',
Expand Down
4 changes: 2 additions & 2 deletions aplicaciones/www/src/datosVisibles/ya3.ts
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import type { DatosYa } from '@/tipos';

export const ya3: DatosYa = {
nombre: 'Educación preescolar, básica y media',
nombre: 'Educación básica y media',
imagen: 'ya3',
ruta: 'educacion-preescolar-a-media',
ruta: 'educacion-basica-y-media',
definicion:
'Es crucial garantizar una educación de calidad en Colombia, superando barreras de inequidad desde el preescolar hasta la media. La presencia en la escuela no garantiza plenamente el derecho a la educación, y las inequidades arraigadas relacionadas con factores geográficos, socioeconómicos, étnicos y de género deben abordarse con enfoques multidimensionales. Atender a la infraestructura escolar y la formación docente es esencial para establecer un sistema educativo que promueva la igualdad, la transformación y la inclusión en todas las etapas.',
hay_datos: true,
Expand Down
2 changes: 1 addition & 1 deletion aplicaciones/www/src/datosVisibles/ya8.ts
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ export const ya8: DatosYa = {
'Un valor de 19 indica que en 19 de cada 100,000 delitos participaron menores de edad. <br/><br/>Más información: https://www.corteidh.or.cr/tablas/r25958.pdf',
},
{
nombre: 'Homicidios a menores',
nombre: 'Homicidios a menores de edad',
ruta: 'homicidios-menores',
archivo: 'ya8-4',
hay_datos: true,
Expand Down
6 changes: 3 additions & 3 deletions aplicaciones/www/src/pages/creditos.astro
Original file line number Diff line number Diff line change
Expand Up @@ -245,7 +245,7 @@ import Plantilla from '@/plantillas/Principal.astro';
</li>

<li>
<p class="negrita">Educación preescolar, básica y media:</p>
<p class="negrita">Educación básica y media:</p>
<p class="textoCreditos">
Diego Sánchez y María Alejandra Muñoz Pabón (Fundación Empresarios por la Educación) | Mónica Varona
(Fundación Barco)
Expand Down Expand Up @@ -291,8 +291,8 @@ import Plantilla from '@/plantillas/Principal.astro';
</div>

<p class="textoReconocimiento">
El <span class="negrita">SIYA</span> fue construido con la asesoría técnica de un equipo de profesionales de
diferentes organizaciones que conforman <span class="negrita">NiñezYA</span>:
El <span class="negrita">SIYA</span> fue construido con la asesoría técnica de un equipo de profesionales de diferentes
organizaciones que conforman <span class="negrita">NiñezYA</span>:
</p>

<ul>
Expand Down
12 changes: 4 additions & 8 deletions aplicaciones/www/src/pages/datos.astro
Original file line number Diff line number Diff line change
Expand Up @@ -5,20 +5,16 @@ import Plantilla from '@/plantillas/Principal.astro';
import pesos from '@/datosVisibles/pesosArchivos.json';
---

<Plantilla
titulo="Datos"
descripcion="Aquí se encuentran los datos para descarga directa de todos los indicadores utilizados en SIYA."
conMenu={false}
>
<Plantilla titulo="Datos" descripcion=" Aquí se encuentran los datos en bruto para descarga directa." conMenu={false}>
<section class="contenedorDatos">
<h1 id="tituloPagina">Datos</h1>

<div id="datos">
<div class="textoDatos">
<p>
Aquí se encuentran los datos en bruto para descarga directa. A través del menú selecciona el <span
class="negrita">YA</span
> del cual quieres obtener datos. Los datos están disponibles en <span class="negrita">.xlsx</span>.
Aquí se encuentran los datos en bruto para descarga directa en formato <span class="negrita">.xlsx</span>. En
el menú selecciona el <span class="negrita">YA</span> del cual quieres obtener datos. Cada archivo incluye información
de distintos años.
</p>
</div>

Expand Down
29 changes: 15 additions & 14 deletions aplicaciones/www/src/pages/index.astro
Original file line number Diff line number Diff line change
Expand Up @@ -26,12 +26,11 @@ const datosPagina: AboutPage = {
<div class="texto">
<h3>¿Cómo está la niñez en Colombia?</h3>
<p>
La coalición <span class="negrita">NiñezYA</span> -que reúne a más de 200 organizaciones no gubernamentales-
tiene la misión de contribuir con el cumplimiento de los derechos de la niñez, como lo señala la Constitución
de Colombia, la Convención sobre los Derechos del Niño y los desarrollos legislativos vigentes. Para cumplir
con su propósito, el <span class="negrita">Sistema de Indicadores de los YA (SIYA)</span> dispone de datos que
permiten hacerle seguimiento al estado y avance de los diez asuntos impostergables para el bienestar de esta
población.
La coalición <span class="negrita">NiñezYA</span> -que reúne a más de 200 organizaciones no gubernamentales- tiene
la misión de contribuir con el cumplimiento de los derechos de la niñez, como lo señala la Constitución de Colombia,
la Convención sobre los Derechos del Niño y los desarrollos legislativos vigentes. Para cumplir con su propósito,
el <span class="negrita">Sistema de Indicadores de los YA (SIYA)</span> dispone de datos que permiten hacerle seguimiento
al estado y avance de los diez asuntos impostergables para el bienestar de esta población.
</p>
<p>
El <span class="negrita">SIYA</span> tiene como objetivo central entregar indicadores relevantes, actualizados
Expand All @@ -42,9 +41,9 @@ const datosPagina: AboutPage = {
Colombia tiene datos sobre cómo se están garantizando estos derechos. Sin embargo, provienen de diferentes
fuentes y se producen para cumplir distintos objetivos, lo cual conduce a que la información no esté
consolidada, depurada y procesada para garantizar su relevancia, oportunidad y calidad. El
<span class="negrita">SIYA</span> integra los datos. Esta herramienta dispone de indicadores oficiales
existentes en el país y los hace accesibles para que los usemos quienes trabajamos por el bienestar de los más
de 15 millones de niñas, niños y jóvenes menores de 18 años.
<span class="negrita">SIYA</span> integra los datos. Esta herramienta dispone de indicadores oficiales existentes
en el país y los hace accesibles para que los usemos quienes trabajamos por el bienestar de los más de 15 millones
de niñas, niños y jóvenes menores de 18 años.
</p>

<h3>Nuestros objetivos son:</h3>
Expand Down Expand Up @@ -117,8 +116,8 @@ const datosPagina: AboutPage = {
}

.inicio {
background-color: var(--uvaNinezYa);
color: var(--blancoMarfil);
background-color: var(--moradoPandito);
color: var(--negroCasi);
padding-bottom: 20vh;
line-height: 1.4;

Expand All @@ -129,6 +128,11 @@ const datosPagina: AboutPage = {
'slnt' 0,
'CRSV' 0;

h1,
h2 {
color: var(--uvaNinezYa);
}

.texto {
padding: 0 2.5em 0 3.5em;
text-align: left;
Expand Down Expand Up @@ -159,7 +163,6 @@ const datosPagina: AboutPage = {
}
@media screen and (min-width: $corte2) {
.inicio {
color: var(--blancoMarfil);
padding-bottom: 20vh;
line-height: 1.4;

Expand Down Expand Up @@ -219,7 +222,6 @@ const datosPagina: AboutPage = {

@media screen and (min-width: $corte3) {
.inicio {
color: var(--blancoMarfil);
padding-bottom: 20vh;
line-height: 1.4;

Expand Down Expand Up @@ -271,7 +273,6 @@ const datosPagina: AboutPage = {

@media screen and (min-width: $corte4) {
.inicio {
color: var(--blancoMarfil);
padding-bottom: 20vh;
line-height: 1.4;

Expand Down

0 comments on commit 46536f1

Please sign in to comment.