Merge pull request #117 from enflujo/titulo-grafica-descripcion

📝 gráfica estigma y párrafo provisional créditos
enflujo · Nov 2, 2023 · 9d53c44 · 9d53c44
2 parents 981a716 + b7ef2c0
commit 9d53c44
Show file tree

Hide file tree

Showing 5 changed files with 64 additions and 8 deletions.
diff --git a/recursos/estigma_socioeco.webp b/recursos/estigma_socioeco.webp
diff --git a/src/componentes/Creditos.astro b/src/componentes/Creditos.astro
@@ -4,8 +4,21 @@ import Desplegable from './Desplegable.astro';
 
 <Desplegable id="creditos">
   <h2 class="titulo">Créditos</h2>
+
+  <p class="subtituloCreditoUno">
+    Este sitio concentra una serie de narrativas basadas en la investigación de análisis cuantitativos y cualitativos
+    secundarios de la encuesta <span class="abrirGlosario" data-ancla="evcnna">EVCNNA</span>.
+  </p>
+
+  <p class="subtituloCreditoUno">
+    El objetivo de estas narrativas digitales, es hacer un intercambio de conocimiento para que los datos de las
+    investigaciones sean transferidos a otros colaboradores y a otro tipo de audiencias.
+  </p>
+
   <p class="subtituloCreditos">
-    Aquí va un texto que describa en uno o dos párrafos la motivación y/o el alcance del proyecto.
+    <b>De la adversidad a la esperanza</b> es un proyecto del <a href="https://imagina.uniandes.edu.co/" target="_blank"
+      >Centro Imagina</a
+    > de la Universidad de los Andes y es financiado por USAID y Heard.
   </p>
   <h3>La guerra no tiene rostro de infancia</h3>
   <h5>¿Y dónde estaban los niños durante el conflicto armado en Colombia?</h5>

diff --git a/src/componentes/Desplegable.astro b/src/componentes/Desplegable.astro
@@ -141,6 +141,12 @@ const { id } = Astro.props;
       color: var(--moraAzul);
       padding: 1em 0 0.8em;
     }
+    .subtituloCreditoUno {
+      font-family: var(--fuenteMono);
+      border-bottom: 0px solid var(--grisTexto);
+
+      color: var(--moraAzul);
+    }
     .subtituloCreditos {
       font-family: var(--fuenteMono);
       border-bottom: 1px solid var(--grisTexto);
@@ -191,7 +197,6 @@ const { id } = Astro.props;
       padding: 0em 0 0em;
       font-weight: 500;
       font-size: 1.3em;
-      //font-family: var(--fuenteMono);
       line-height: 1.3em;
       color: var(--grisTexto);
     }

diff --git a/src/componentes/Glosario.astro b/src/componentes/Glosario.astro
@@ -201,12 +201,13 @@ import Mapa from './Mapa.astro';
     <li id="evcnna">
       <h4>EVCNNA: Encuesta de Violencia contra Niños, Niñas y Adolescentes</h4>
       <p>
-        En 2018 Colombia realizó por primera vez la Encuesta de Violencia contra Niños, Niñas y Adolescentes, que fue
-        parte de la estrategia INSPIRE de la Organización Mundial de la Salud para prevenir la violencia infantil. Su
-        objetivo era medir la prevalencia y las circunstancias alrededor de la violencia sexual, física y psicológica
-        durante la infancia, adolescencia y la adultez temprana. La encuesta se aplicó a dos grupos de jóvenes entre los
-        14 y 24 años: una muestra nacional y otra de municipios históricamente afectados por la violencia, que están
-        cubiertos por los Programas de Desarrollo con Enfoque Territorial (PDET).
+        En 2018 Colombia realizó por primera vez la Encuesta de Violencia contra Niños, Niñas y Adolescentes (EVCNNA o
+        <b>VACS</b>, por sus siglas en inglés: Violence Against Children Surveys), que fue parte de la estrategia
+        INSPIRE de la Organización Mundial de la Salud para prevenir la violencia infantil. Su objetivo era medir la
+        prevalencia y las circunstancias alrededor de la violencia sexual, física y psicológica durante la infancia,
+        adolescencia y la adultez temprana. La encuesta se aplicó a dos grupos de jóvenes entre los 14 y 24 años: una
+        muestra nacional y otra de municipios históricamente afectados por la violencia, que están cubiertos por los
+        Programas de Desarrollo con Enfoque Territorial (PDET).
       </p>
     </li>
 

diff --git a/src/pages/proyecto4.astro b/src/pages/proyecto4.astro
@@ -181,6 +181,10 @@ const elementosIndice = [
         </p>
 
         <ul class="narracion" style="margin-bottom:35vh">
+          <p class="narracion">Así se ve el modelo socioecológico que encontramos:</p>
+
+          <img class="imagenEstigma" src="./estigma_socioeco.webp" />
+
           <h4 class="subtituloInterno">Puntos claves</h4>
           <li>
             El estigma y las normas sociales y de género perjudiciales disuaden a los sobrevivientes de violencia sexual
@@ -219,6 +223,7 @@ const elementosIndice = [
 </script>
 
 <style lang="scss">
+  @import '@/scss/constantes';
   li {
     list-style-image: url('/especiales/vacs/iconos/flor_2.svg');
     margin: 1em 0 0 1em;
@@ -229,4 +234,36 @@ const elementosIndice = [
     margin-top: 2.5em;
     margin-bottom: 1em;
   }
+
+  .imagenEstigma {
+    width: 70vw;
+  }
+
+  @media screen and (min-width: $corte1) {
+    .imagenEstigma {
+      width: 90vw;
+      margin-left: -50px;
+    }
+  }
+
+  @media screen and (min-width: $corte1) {
+    .imagenEstigma {
+      width: 85vw;
+      margin-left: -3vw;
+    }
+  }
+
+  @media screen and (min-width: $corte3) {
+    .imagenEstigma {
+      width: 70vw;
+      margin-left: -25vw;
+    }
+  }
+
+  @media screen and (min-width: $corte4) {
+    .imagenEstigma {
+      width: 60vw;
+      margin-left: -15vw;
+    }
+  }
 </style>