Skip to content

Commit

Permalink
update routes for github pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@xtian7489
xtian7489 committed Feb 20, 2025
1 parent c889304 commit ff5d71b
Show file tree
Hide file tree
Showing 10 changed files with 180 additions and 105 deletions.
61 changes: 49 additions & 12 deletions src/components/informe/item-slider/caratula.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,37 +9,74 @@ import silent from "../../../assets/silent.png";
<div class="w-8/12 mx-auto text-left leading-8">
<ul class="list-disc">
<li>
<a href="#/">indice</a>
<a href="/periodistas-amenazadas/#/">indice</a>
</li>
<li>
<a href="#/seccionViolencia">Violencia</a>
<a href="/periodistas-amenazadas/informe/#/seccionViolencia"
>Violencia</a
>
<ul class="dashed px-4">
<li>
<a href="#/sectionViolenciasViolencia"
<a
href="/periodistas-amenazadas/informe/#/sectionViolenciasViolencia"
>violencia sufrida por las encuestadas</a
>
</li>
<li>
<a href="#/sectionViolenciasMomento"
<a
href="/periodistas-amenazadas/informe/#/sectionViolenciasMomento"
>momento de ocurrencia de la violencia</a
>
</li>
<li>
<a href="#/sectionViolenciasAutores">tipos de violencias</a>
<a
href="/periodistas-amenazadas/informe/#/sectionViolenciasAutores"
>tipos de violencias</a
>
</li>
</ul>
</li>
<li>
<a href="#/seccionMitigacion">Mitigacion</a>
<a href="/periodistas-amenazadas/informe/#/seccionMitigacion"
>Mitigacion</a
>
<ul class="dashed px-4">
<li><a href="#/sectionPercepcionesIngresos">Medidas</a></li>
<li><a href="#/sectionPercepcionesDificultad">Grado</a></li>
<li><a href="#/sectionPercepcionesNoticias">Impacto</a></li>
<li><a href="#/sectionPercepcionesCuidado">Reaccion</a></li>
<li>
<a
href="/periodistas-amenazadas/informe/#/seccionPercepcionesIngresos"
>Medidas</a
>
</li>
<li>
<a
href="/periodistas-amenazadas/informe/#/seccionPercepcionesDificultad"
>Grado</a
>
</li>
<li>
<a
href="/periodistas-amenazadas/informe/#/seccionPercepcionesNoticias"
>Impacto</a
>
</li>
<li>
<a
href="/periodistas-amenazadas/informe/#/seccionPercepcionesCuidado"
>Reaccion</a
>
</li>
</ul>
</li>
<li><a href="#/seccionPercepciones">Percepciones</a></li>
<li><a href="#/seccionEncuestadas">Encuestadas</a></li>
<li>
<a href="/periodistas-amenazadas/informe/#/seccionPercepciones"
>Percepciones</a
>
</li>
<li>
<a href="/periodistas-amenazadas/informe/#/seccionEncuestadas"
>Encuestadas</a
>
</li>
</ul>
</div>
</div>
Expand Down
10 changes: 2 additions & 8 deletions src/components/informe/item-slider/percepciones/cuidados.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
---

<section id="sectionPercepcionesCuidados" class="r-stretch">
<section id="seccionPercepcionesCuidados" class="r-stretch">
<div id="percepciones-cuidados-container" class="w-10/12 h-full m-auto">
<div id="graficoPercepcionesCuidados"></div>
</div>
Expand All @@ -26,13 +26,7 @@
left: "center",
},
xAxis: {
data: [
"Nada",
"Poco",
"Algo",
"Bastante",
"Mucho",
],
data: ["Nada", "Poco", "Algo", "Bastante", "Mucho"],
// axisLabel: { rotate: -45 },
},
yAxis: {},
Expand Down
16 changes: 6 additions & 10 deletions src/components/informe/item-slider/percepciones/dificultad.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
---

<section id="sectionPercepcionesDificultad" class="r-stretch">
<section id="seccionPercepcionesDificultad" class="r-stretch">
<div id="percepciones-dificultad-container" class="w-10/12 h-full m-auto">
<div id="graficoPercepcionesDificultad"></div>
</div>
Expand All @@ -26,27 +26,23 @@
left: "center",
},
xAxis: {
data: [
"Muy fácil",
"Fácil",
"Bastante",
"Difícil",
"Muy difícil",
],
data: ["Muy fácil", "Fácil", "Bastante", "Difícil", "Muy difícil"],
// axisLabel: { rotate: -45 },
},
yAxis: {},
series: [
{
type: "bar",
data: [11,23,66,45,70],
data: [11, 23, 66, 45, 70],
color: "#401F71",
},
],
};

const resizeChart = () => {
const section = document.getElementById("percepciones-dificultad-container");
const section = document.getElementById(
"percepciones-dificultad-container"
);
if (!chartDom) return;
chartDom.style.width = section?.offsetWidth + "px";
chartDom.style.height = section?.offsetHeight
Expand Down
53 changes: 34 additions & 19 deletions src/components/informe/item-slider/percepciones/ingresos.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
---

<section id="sectionPercepcionesIngresos" class="r-stretch">
<section id="seccionPercepcionesIngresos" class="r-stretch">
<div class="flex w-full h-full justify-center">
<div id="percepciones-ingresos-container" class="w-8/12 h-full">
<div id="graficoPercepcionesIngresos"></div>
Expand All @@ -29,31 +29,46 @@

const option = {
toolbox: {
show: true,
feature: {
show: true,
feature: {
mark: { show: true },
}
},
},
series: [
{
name: 'Nightingale Chart',
type: 'pie',
{
name: "Nightingale Chart",
type: "pie",
radius: [50, 250],
center: ['50%', '50%'],
roseType: 'area',
center: ["50%", "50%"],
roseType: "area",
itemStyle: {
borderRadius: 8
borderRadius: 8,
},
data: [
{ value: 46, name: 'Ganan igual que los varones periodistas por iguales tareas' },
{ value: 97, name: 'Ganan menos que los varones periodistas por iguales tareas' },
{ value: 1, name: 'Ganan más que los varones periodistas por iguales tareas' },
{ value: 39, name: 'Ganan menos que los varones periodistas por iguales tareas sólo en determinadas áreas.' },
{ value: 3, name: 'Ganan más que los varones periodistas por iguales tareas en determinadas áreas.' }
]
}
]
};
{
value: 46,
name: "Ganan igual que los varones periodistas por iguales tareas",
},
{
value: 97,
name: "Ganan menos que los varones periodistas por iguales tareas",
},
{
value: 1,
name: "Ganan más que los varones periodistas por iguales tareas",
},
{
value: 39,
name: "Ganan menos que los varones periodistas por iguales tareas sólo en determinadas áreas.",
},
{
value: 3,
name: "Ganan más que los varones periodistas por iguales tareas en determinadas áreas.",
},
],
},
],
};

const resizeChart = () => {
const section = document.getElementById("percepciones-ingresos-container");
Expand Down
67 changes: 38 additions & 29 deletions src/components/informe/item-slider/percepciones/noticias.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
---

<section id="sectionPercepcionesNoticias" class="r-stretch">
<section id="seccionPercepcionesNoticias" class="r-stretch">
<div id="graficoPercepcionesNoticias"></div>
</section>
<script>
Expand All @@ -12,37 +12,46 @@
const chart = echarts.init(chartDom);

const option = {
title: {
text: 'Reacciones frente a las violencias'
},
legend: {
data: ['Allocated Budget', 'Actual Spending']
},
radar: {
// shape: 'circle',
indicator: [
{ name: 'Sólo en temáticas puntuales se trabaja con perspectiva de género', max: 130 },
{ name: 'Siempre se trabajan con perspectiva de género', max: 130 },
{ name: 'Muchas veces se trabajan con perspectiva de género,', max: 130 },
{ name: 'Algunas veces se trabajan con perspectiva de género', max: 130 },
{ name: 'Nunca se trabaja con perspectiva de género', max: 130 },
]
},
series: [
{
name: 'Budget vs spending',
type: 'radar',
data: [
title: {
text: "Reacciones frente a las violencias",
},
legend: {
data: ["Allocated Budget", "Actual Spending"],
},
radar: {
// shape: 'circle',
indicator: [
{
value: [123, 3, 10, 65, 14],
name: 'Reacción'
name: "Sólo en temáticas puntuales se trabaja con perspectiva de género",
max: 130,
},
]
}
]
};
{ name: "Siempre se trabajan con perspectiva de género", max: 130 },
{
name: "Muchas veces se trabajan con perspectiva de género,",
max: 130,
},
{
name: "Algunas veces se trabajan con perspectiva de género",
max: 130,
},
{ name: "Nunca se trabaja con perspectiva de género", max: 130 },
],
},
series: [
{
name: "Budget vs spending",
type: "radar",
data: [
{
value: [123, 3, 10, 65, 14],
name: "Reacción",
},
],
},
],
};
const initGraph = () => {
const section = document.getElementById("sectionPercepcionesNoticias");
const section = document.getElementById("seccionPercepcionesNoticias");
chartDom.style.width = section.offsetWidth + "px";
chartDom.style.height = section.offsetHeight + "px";
chart.resize();
Expand Down
12 changes: 6 additions & 6 deletions src/components/layout/footer.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,22 +13,22 @@ import logoUnesco from "../../assets/unesco.png";
<h6 class="text-primary-950 font-bold">Secciones Web</h6>
<ul class="p-2 flex flex-col gap-4 text-gray-500">
<li>
<a href="/acercade">Acerca De</a>
<a href="/periodistas-amenazadas/acercade">Acerca De</a>
</li>
<li>
<a href="/testimonios">Testimonios</a>
<a href="/periodistas-amenazadas/testimonios">Testimonios</a>
</li>
<li>
<a href="/datos">Datos</a>
<a href="/periodistas-amenazadas/datos">Datos</a>
</li>
<li>
<a href="/contacto">Contacto</a>
<a href="/periodistas-amenazadas/contacto">Contacto</a>
</li>
<li>
<a href="/metodologias">Metodologia</a>
<a href="/periodistas-amenazadas/metodologias">Metodologia</a>
</li>
<li>
<a href="/faqs">Faqs</a>
<a href="/periodistas-amenazadas/faqs">Faqs</a>
</li>
</ul>
</div>
Expand Down
Loading

0 comments on commit ff5d71b

Please sign in to comment.