{"id":624,"date":"2022-11-14T18:50:22","date_gmt":"2022-11-14T18:50:22","guid":{"rendered":"https:\/\/centroeditorial.uniminuto.edu\/?page_id=624"},"modified":"2023-09-18T19:30:07","modified_gmt":"2023-09-19T00:30:07","slug":"equipo-editorial","status":"publish","type":"page","link":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/equipo-editorial\/","title":{"rendered":"Equipo editorial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"624\" class=\"elementor elementor-624\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46ce19a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46ce19a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5cf3ee8\" data-id=\"5cf3ee8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e0e5b4 elementor-widget elementor-widget-html\" data-id=\"8e0e5b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/centroeditorial.uniminuto.edu\/wp-content\/uploads\/2023\/03\/d3.min_.js\"><\/script>\n       <script src=\"https:\/\/centroeditorial.uniminuto.edu\/wp-content\/uploads\/2023\/09\/map.js\"><\/script>\n       \n       <style>\nbody{\n   font-family: 'Sansation';\n      }\n\n\n#container {\n    width: 90%;\n    display: flex;\n    margin: auto;\n    position: relative;\n    padding: 10em 0 0 0;\n}\n\n.depto{\n    stroke:black;\n    stroke-width:.25px;\n}\n\n.tip.visible {\n    display: block;\n    opacity: 1;\n    transition: all 1s ease;\n    position: absolute;\n    top: 0;\n   top: 0;\n    left: 0;\n    width: 100%;\n}\n\n.tip {\n    width: fit-content;\n    padding: 10px 15px;\n    background: #e0e0e0;\n    border-radius: 18px;\n    box-shadow: 0 2px 10px #202844;\n    transition: all .6s ease;\n    font-size: 15px;\n    margin: 1em 0;\n    min-height: 130px;\n    position: relative;\n}\n\n      .right-column {\n   width: 60%;  \n   display: flex;\n   flex-direction: column; \n      }\n      \n      .map-col{\n   width: 40%;\n   display: flex;\n   align-items: end;\n      }\n      \n        \n      .people{\n   width: 100%;\n  \n      }\n      \n      .person:hover{\n          scale: 1.2;\n          transition: all ease;\n      }\n      \n  \n      \n      .tip.hidden{\n   transition: all 1s ease;\n   display: none;\n   opacity:0;\n      }\n      \n      \n   \n      .title{\n   font-size: 2em;\n   color: #142445;\n   margin-left: 10%;\n      }\n      \n     \n      \n      #map-col {\n   width:100%;\n      }\n      \/* Personas *\/\n      #people{\n       display: grid;\n    align-content: center;\n    \n    grid-template-columns: repeat(5,1fr);\n    gap: 1em;\n    align-items: center;\n    justify-items: center;\n      }\n      .person {\n    padding: 2%;\n    width: 100%;\n    display: flex;\n}\n      #people img{\n   width: 100%;\n   cursor: pointer;\n   border-radius: 50%;\n   box-shadow: 0 0 13px grey;\n      }\n      #people img.active{\n   box-shadow: 0 0 13px red;\n      }\n      #people a{\n   font-size: 0.7em;\n   color: white;\n      }\n\n      svg.active > circle {\n   opacity: 1;\n      }\n      \n      \n      \/* Detalles de las personas *\/ \n      #tip{\n   display: flex;\n   align-items: center;\n   gap: 1em;\n      }\n      \n      #tip img{\n   width: 120%;\n      }\n      \n    #tip .nombre {\n    color: #282c44;\n    text-transform: uppercase;\n    font-family: 'sansationRegular';\n    font-weight: 900;\n    font-size: 12px;\n}\n      \n      #tip hr{\n   border-top: 3px solid #282c44;\n   width: 15%;\n   margin: 0;\n      }\n      \n      #tip p{\n   color: #282c44;\n   \n      }\n      \n      #tip a{\n   color: #282c44;\n   font-size: 0.8em;\n   text-decoration: none;\n      }\n      #exitTip{\n   \n   cursor: pointer;\n\n      }\n      .highlight-circle{\n   fill: white;\n   stroke-width:2%;\n   stroke: red;\n   opacity: 0;\n      }\n      \n      .headline{\n   font-size: 1.5em;\n   color: #146594;\n   text-decoration: bold;\n      }\n      \n      .headline hr{\n   border-top: 1px solid #146594;\n      }\n      \n      #descript{\n          font-size: 12px;\n      }\n\n@media (min-width: 576px) {\n\n}\n@media (min-width: 768px) {\n    \n    .tip.visible {\n    left: auto;\n    width: inherit;\n}\n\n}\n@media (min-width: 992px) {\n    \n        .tip.visible {\n    \n}\n\n}\n@media (min-width: 1200px) {\n    \n    #container{\n        padding: 0;\n    }\n    \n    \n    .map-col {\n        width: 35%;\n    padding: 2% 0 0 0;\n}\n\n.right-column {\n    width: 60%;\n}\n\n.people {\n    padding: 27px 90px 0 0;\n}\n.person {\n    \n    width: 61%;\n    \n}\n.tip.visible {\n   left: auto;\n    position: relative;\n    margin-left: 25%;\n}\n\n}\n@media (min-width: 1400px) {\n\n}\n           \n       <\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f5476b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f5476b1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35f5052\" data-id=\"35f5052\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e79e204 elementor-widget elementor-widget-text-editor\" data-id=\"e79e204\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tEquipo Editorial\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eaf01b5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"eaf01b5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-48fa8e8\" data-id=\"48fa8e8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee6c297 elementor-widget elementor-widget-html\" data-id=\"ee6c297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"container\">\n    <div class=\"map-col\">\n      <div id=\"map-col\"> <\/div>\n    <\/div>\n    \n    <div class='right-column'>\n      <div id=\"info\" class=\"tip hidden\">\n  <!--<div id='exitTip'>&times<\/div>!-->\n  <div id=\"tip\">\n          <div id=\"fotoP\"><\/div>\n          <div id=\"descript\"><\/div>\n          \n  <\/div>\n      <\/div>\n      \n      \n      <div class=\"people\">\n  <div id=\"people\"><\/div>\n      <\/div>\n    <\/div>\n    \n    \n    <script>\n            let  colorScale = d3.scaleOrdinal().range(['#E0013f',\n             '#368f81',\n             '#ffff00',\n             '#ff8000', \n             '#1f8f39',\n             '#48dbc5',\n             '#8f118f',\n             '#720000',\n             '#17607d',\n             '#ffff00',\n             '#80c41c',\n             '#1f8f39',\n             '#8f118f'])\n  \n      let imagepath = 'https:\/\/centroeditorial.uniminuto.edu\/wp-content\/uploads\/BlancoyNegro\/'\n     \n      \n    var promise = Promise.all([\n        d3.csv(\"https:\/\/centroeditorial.uniminuto.edu\/wp-content\/uploads\/2023\/09\/EquipoEditorialUniminuto.csv\"),\n        d3.json(\"https:\/\/centroeditorial.uniminuto.edu\/wp-content\/uploads\/2023\/03\/Colombia.geo_.json\")\n  ])\n .then(value => {\n     \n       \n     var uniqueDeptos = new Set();\n     value[0].forEach(d => {\n  uniqueDeptos.add(d.Depto);\n  \n  if(d.Depto2 != ''){\n     \n      uniqueDeptos.add(d.Depto2);\n  }\n     });\n    \n     function colorDeptos (){\n  minuto.depto.svg().selectAll(\".depto\")\n      .attr(\"fill\", d=> uniqueDeptos.has(d.properties.NOMBRE_DPT)  ? colorScale(d.properties.NOMBRE_DPT):'#d8d4dc');\n     }\n     \n     \n            minuto.depto = minuto.mapa(d3.select(\"#map-col\"))\n  .geoJson(value[1].features)\n  .render();\n            minuto.people = minuto.comite(d3.select(\"#people\"))\n  .data(value[0])\n  .imagesrc(imagepath)\n  .onClick(function (d) {\n      d3.selectAll('.person')\n   .selectAll('img')\n   .classed('active', false)\n      \n      if (d.Depto == 'Todos'){\n   colorDeptos();\n      }\n      \n      else if (d.Depto !== 'Todos') {\n\t  let originalColor1 = colorScale(d.Depto);\n\t  let originalColor2 = colorScale(d.Depto2);\n\t  \n\t  let deptos = d3.selectAll(\".depto\");\n\t  \n\t  deptos.attr(\"fill\", \"#d8d4dc\");\n\t  \n\t  deptos.filter(d2 => d2.properties.NOMBRE_DPT === d.Depto)\n\t      .attr(\"fill\", originalColor1);\n\t  \n\t  if(d.Depto2 != ''){\n\t      deptos.filter(d2 => d2.properties.NOMBRE_DPT === d.Depto2)\n\t\t  .attr(\"fill\", originalColor2);\n\t      \n\t  }\n      }\n\n      d3.select('#info').classed('visible',true).classed('hidden', false)\n      \n      let tipDiv = d3.select(\"#tip\");\n\n      tipDiv.select('#fotoP')\n   .data([d])\n   .html(function(d) {\n                            var imgSrc = d.img ? \n    (imagepath + d.img + \".png\") : \n    (imagepath + \"iconopersona.png\");\n       \n       return `<img src='${imgSrc}'>`\n   });\n\n      tipDiv.select('#descript')\n       .data([d])\n   .html(function(d) {\n       return`\n                           <p class=\"nombre\">${d.NOMBRE}<\/p>\n                <p>${d.CARGO}<\/p>\n                <p>${d.SEDE}<\/p>\n                <hr>\n                <a href=\"mailto:${d.CORREO}\">${d.CORREO}<\/a>`\n   });\n      \n      \n  \n\n      d3.select('#'+d.NOMBRE.replace(\/\\s+\/g, ''))\n   .classed('active', true)\n         \n      \n      d3.select('#exitTip').on('click', function(d){\n   \n   d3.select('#info').classed('visible', false).classed('hidden', true);\n   colorDeptos ()\n    d3.selectAll('.person').selectAll('img').classed('active', false)\n      })\n      \n  })\n  .render();\n  \n  let tipDiv = d3.select(\"#tip\");\n     \n     tipDiv.select('#fotoP')\n  .data([value[0][0]])\n  .html(function(d) {\n                    var imgSrc = d.img ? \n   (imagepath + d.img + \".png\") : \n   (imagepath + \"iconopersona.png\");\n      \n      return `\n<img src='${imgSrc}'>`\n      \n  });\n     \n     tipDiv.select('#descript')\n  .data([value[0][0]])\n  .html(function(d) {\n      return`   <p class=\"nombre\">${d.NOMBRE}<\/p>\n                <p>${d.CARGO}<\/p>\n                <p>${d.SEDE}<\/p>\n                <hr>\n                <a href=\"mailto:${d.CORREO}\">${d.CORREO}<\/a>`\n  });\n  \n  $(\"#info\").removeClass('hidden');\n $(\"#info\").addClass('visible');\n     \n     d3.select('#'+value[0][0].NOMBRE.replace(\/\\s+\/g, ''))\n   .classed('active', true)\n  \n  \n  \n     colorDeptos ()\n\n      let deptos = d3.selectAll(\".depto\");\n\t    \n\t    deptos.attr(\"fill\", \"#d8d4dc\");\n\t    \n\t    deptos.filter(d2 => d2.properties.NOMBRE_DPT === value[0][0].Depto)\n\t\t.attr(\"fill\", colorScale(value[0][0].Depto));\n\t    console.log(value[0][0].Depto)\n     \n });\n      \n      \n <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Equipo Editorial<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-624","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/wp-json\/wp\/v2\/pages\/624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/wp-json\/wp\/v2\/comments?post=624"}],"version-history":[{"count":400,"href":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/wp-json\/wp\/v2\/pages\/624\/revisions"}],"predecessor-version":[{"id":2720,"href":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/wp-json\/wp\/v2\/pages\/624\/revisions\/2720"}],"wp:attachment":[{"href":"https:\/\/centroeditorial.uniminuto.edu\/index.php\/wp-json\/wp\/v2\/media?parent=624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}