const rootElement = document.getElementById('root')
//Header
function Header() {
let hamburger;
let navLinks;
let nav;
let screenWidth = window.innerWidth;
React.useEffect(() => {
hamburger = document.querySelector('.hamburger');
//navLinks = document.querySelector('.menu-list-container');
navLinks = document.querySelector('.menu-horizontal');
nav = document.querySelector('nav');
screenWidth <= 768 ? setHamburger() : setNavViewLargeSize();
hamburger.addEventListener('click', function () {
navLinks.style.display === 'none' ? setCollapseSmallSize() : setHamburger();
});
window.addEventListener('resize', function () {
screenWidth = window.innerWidth;
screenWidth <= 768 ? setHamburger() : setNavViewLargeSize();
});
}, []);
const setNavViewLargeSize = () => {
navLinks.style.display = 'flex';
hamburger.style.display = 'none';
navLinks.style.flexDirection = "row";
navLinks.style.justifyContent = "space-around";
nav.style.height = "50px";
}
const setCollapseSmallSize = () => {
navLinks.style.display = 'block';
hamburger.style.display = 'block';
navLinks.style.flexDirection = "column";
nav.style.height = "440px";
}
const setHamburger = () => {
navLinks.style.display = 'none';
hamburger.style.display = 'block';
nav.style.height = "45px";
hamburger.style.backgroundColor = "#3c64ad";
}
return (
<>
)
}
function Footer() {
return (
);
}
function Separator() {
return (
);
}
function MapCommunes() {
let idLinks = [
{
x: "530",
y: "180",
name: "Corregimiento 50 - Corregimiento San Sebastián de Palmitas",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Corregimiento-50-San-Sebastian-de-Palmitas.pdf",
},
{
x: "700",
y: "330",
name: "Corregimiento 60 - Corregimiento San Cristobal",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Corregimiento-60-San-Cristobal.pdf",
},
{
x: "580",
y: "620",
name: "Corregimiento 80 - Corregimiento San Antonio de Prado",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Corregimiento-80-San-Antonio-de-Prado.pdf",
},
{
x: "730",
y: "580",
name: "Corregimiento 70 - Corregimiento Altavista",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Corregimiento-70-Altavista.pdf",
},
{
x: "1200",
y: "516",
name: "Corregimiento 90 - Corregimiento Santa Elena",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Corregimiento-90-Santa-Elena.pdf",
},
{
x: "850",
y: "610",
name: "Comuna 16 - Belén",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-16-Belen.pdf",
},
{
x: "910",
y: "665",
name: "Comuna 15 - Guayabal",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-15-Guayabal.pdf",
},
{
x: "990",
y: "685",
name: "Comuna 14 - El Poblado",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-14-El-Poblado.pdf",
},
{
x: "780",
y: "470",
name: "Comuna 13 - San Javier",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-13-San-Javier.pdf",
},
{
x: "830",
y: "500",
name: "Comuna 12 - La América",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-12-La-America.pdf",
},
{
x: "910",
y: "490",
name: "Comuna 11 - Laureles Estadio",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-11-Laureles-Estadio.pdf",
},
{
x: "980",
y: "500",
name: "Comuna 10 - La candelaria",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-10-La-Candelaria.pdf",
},
{
x: "1040",
y: "560",
name: "Comuna 9 - Buenos Aires",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-9-Buenos-Aires.pdf",
},
{
x: "1060",
y: "490",
name: "Comuna 8 - Villa Hermosa.pdf",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-8-Villa-Hermosa.pdf",
},
{
x: "880",
y: "380",
name: "Comuna 7 - Robledo",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-7-Robledo.pdf",
},
{
x: "930",
y: "295",
name: "Comuna 6 - Doce De Octubre",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-6-Doce-de-Octubre.pdf",
},
{
x: "970",
y: "365",
name: "Comuna 5 - Castilla",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-5-Castilla.pdf",
},
{
x: "1010",
y: "405",
name: "Comuna 4 - Aranjuez",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-comuna-4-Aranjuez.pdf",
},
{
x: "1070",
y: "425",
name: "Comuna 3 - Manrique",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-3-Manrique.pdf",
},
{
x: "1030",
y: "305",
name: "Comuna 2 - Santa Cruz",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-2-Santa-Cruz.pdf",
},
{
x: "1080",
y: "350",
name: "Comuna 1 - Popular",
pdlLink:
"https://www.medellin.gov.co/ndesarrollo/wp-content/uploads/2023/06/Proyectos-tipo-Comuna-1-Popular.pdf",
},
];
const linkMap = host + "/wp-content/statics/Mapa_distrito.svg";
return (
location_on{" "}
);
})}
);
}
function Banner() {
return (
<>
Los Proyectos Tipo que se configuran como un esfuerzo de acercar a la ciudadanía a una
herramienta de planeación usada e institucionalizada en la administración pública colombiana,
que tiene como objetivos fundamentales mejorar los procesos técnicos de las instituciones
encargadas de ejecutar recursos públicos, promover la equidad y la eficiencia en el gasto y la
inversión pública.
Para ello, atendiendo a lo estipulado por el Consejo Nacional de Política Económica y Social en su
Documento CONPES 3856 (2016), la estructuración técnica estandarizada de los proyectos de
inversión busca:
La disminución del tiempo en la formulación de los proyectos.
La reducción de los costos en la fase de pre-inversión.
La provisión de bienes y servicios en igualdad de condiciones para todos los ciudadanos sin
La ejecución más ágil y acorde con los tiempos previstos.
La mayor transparencia en la contratación.
La garantía de un trato igualitario a los interesados en la ejecución de los proyectos,
independiente de la entidad estatal que los promueve.
Los beneficios económicos y sociales que obtiene la población al disfrutar los proyectos
con la oportunidad requerida.
);
}
function ProjectsType() {
let stylesTxt = { fontSize: "18px", margin: "21px" }
return (
<>