-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
1 lines (1 loc) · 8.72 KB
/
index.html
1
<!DOCTYPE html><script>!function(e,t,a,n,g){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var m=t.getElementsByTagName(a)[0],r=t.createElement(a);r.async=!0,r.src="https://www.googletagmanager.com/gtm.js?id=GTM-PK7DG3",m.parentNode.insertBefore(r,m)}(window,document,"script","dataLayer")</script><title>Energía argentina</title><meta http-equiv=Content-Type content="text/html; charset=UTF-8"><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta http-equiv=Content-Language content=es><meta name=description content="Descubrí el ciclo de vida de la energía desde su origen hasta el consumo final."><meta name=keywords content="energía, argentina, Balance, energético, nacional"><meta property=og:url content=https://datosgobar.github.io/energia><meta property=og:type content=article><meta property=og:title content="Energía argentina"><meta property=og:site_name content="Energía argentina"><meta property=og:description content="Descubrí el ciclo de vida de la energía desde su origen hasta el consumo final."><meta property=og:image content=https://datosgobar.github.io/energia/public/images/meta_facebook.png><meta property=og:image:type content=image/png><meta property=og:image:width content=2400><meta property=og:image:height content=1260><meta property=og:locale content=ar_AR><meta name=twitter:card content=summary><meta name=twitter:site content=@datosgobar><meta name=twitter:title content="Energía argentina"><meta name=twitter:description content="Descubrí el ciclo de vida de la energía desde su origen hasta el consumo final."><meta name=twitter:image:src content=https://datosgobar.github.io/energia/public/images/meta_twitter.png><link href=./public/images/favicon.ico rel="shortcut icon" type=image/png><script src=./public/scripts/app.js></script><link rel=stylesheet href=./public/styles/app.css><body class=nano><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KMSJQ8" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><script>!function(e,t,a,n,g){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var m=t.getElementsByTagName(a)[0],r=t.createElement(a);r.async=!0,r.src="//www.googletagmanager.com/gtm.js?id=GTM-KMSJQ8",m.parentNode.insertBefore(r,m)}(window,document,"script","dataLayer")</script><div class=nano-content><header id=barra_navegacion><div class=modalResponsive><div class="flex flex-justify-between max-width max-height"><a id=logo_modernizacion class=flex alt="logo ministerio de modernización"><img src=./public/images/logo-gobar.svg></a><div id=header_redes_sociales class=max-height><span>COMPARTÍ</span> <a href="javascript: window.open('https://www.facebook.com/sharer/sharer.php?u=https://datosgobar.github.io/energia', 'pop', 'width=600, height=260, scrollbars=no');" target=_blank><i class="fa fa-facebook fa-2x" aria-hidden=true></i> </a><a href="javascript: window.open('https://twitter.com/share?url=https://datosgobar.github.io/energia&text=Mirá la visualización de Energía argentina realizada por @datosgobar y @DatosMINEM:')" target=_blank><i class="fa fa-twitter fa-2x" aria-hidden=true></i></a></div></div></div></header><div id=modal_contenido><h1>Energía argentina</h1><p class=restricted-max-width>Descubrí el ciclo de vida de la energía desde su origen hasta el consumo final. Explorá los balances energéticos desde 1960 a 2015.<form id=form_energia class="flex flex-wrap" action=index.html method=post><div class=special-component-selector><div class=command-buttons><button id=nextYear type=button><i class="fa fa-caret-right fa-rotate-270" aria-hidden=true></i></button> <button id=backYear type=button><i class="fa fa-caret-right fa-rotate-90" aria-hidden=true></i></button></div><select name=anio></select></div><div class=mini-tooltip style=display:none><div class=view_left></div>Mirá otro año</div></form><div id=sankey></div><p class=referencia>Cifras en ktep. Cada ktep representa mil toneladas equivalente de petróleo.<div id=tooltip class="flex flex-column flex-align-start"><div class="tooltip_header flex flex-justify-between"><span class=tooltip_name></span> <img class=tooltip_exit src=./public/images/cruz.svg alt="exit icon" width=15></div><div class="tooltip_content flex flex-column flex-align-start"><span class=ref>Cifras en ktep</span><div class="tooltip_container flex flex-justify-between"><div class="tooltip_key title_total">disponibilidad local</div><div class=tooltip_data><span class=tooltip_ktep></span></div></div><div class="tooltip_container flex flex-justify-between divider"><div class=tooltip_key><i class="fa fa-circle" aria-hidden=true></i> Producción</div><div class=tooltip_data><span class=tooltip_production></span></div></div><div class="tooltip_container flex flex-justify-between"><div class=tooltip_key><i class="fa fa-circle" aria-hidden=true></i> Importación</div><div class=tooltip_data><span class=tooltip_importation></span></div></div><div class="tooltip_container flex flex-justify-between"><div class=tooltip_key><i class="fa fa-circle" aria-hidden=true></i> Exportación</div><div class=tooltip_data><span class=tooltip_exportation></span></div></div><div class="tooltip_container flex flex-justify-between"><div class=tooltip_key><i class="fa fa-circle" aria-hidden=true></i> Pérdida</div><div class=tooltip_data><span class=tooltip_losses></span></div></div><div class="tooltip_container flex flex-justify-between"><div class=tooltip_key><i class="fa fa-circle transparent" aria-hidden=true></i> Otros</div><div class=tooltip_data><span class=tooltip_others></span></div></div></div><div class="tooltip_glosary flex"></div><div class="tooltip_footer flex flex-justify-between"><button name=citas><img class=rotate src=./public/images/flecha.svg alt="back icon" width=10>Cifras</button> <button name=glosario>Glosario<img src=./public/images/flecha.svg alt="next icon" width=10></button></div></div></div><section id=curiosidades class="strictCenter modalContainer" style=background-color:#f9f9f9><div class="mod-col-col child-1 modalResponsive"><h3 class=title>¿Te gustó la visualización?</h3><div class=breakLine><hr><hr></div><a href=https://medium.com/datos-argentina/energ%C3%ADa-argentina-de-la-naturaleza-a-la-visualizaci%C3%B3n-889c1b0af169 class="link link-block" target=_blank><button class="button buttonRound" style=background-color:#0695d6;color:#fff><span class="buttonBig boton_efecto">Conocé cómo hicimos Energía argentina</span></button></a><div class=breakLine><hr><hr></div><p class=paragraph style=text-align:center>Energía argentina es posible gracias a los datos de la Dirección Nacional de Información Energética.<div class=breakLine><hr></div><p class=paragraph style=text-align:center>Podés consultar el documento metodológico del <a href=http://www.energia.gob.ar/contenidos/archivos/Reorganizacion/informacion_del_mercado/publicaciones/energia_en_gral/balances_2016/documento-metodologico-balance-energetico-nacional-final-2015.pdf target=_blank class="link link-inline">Balance Energético Nacional 2015</a> y los <a href=https://datos.minem.gob.ar/dataset/balances-energeticos target=_blank class="link link-inline">conjuntos de datos originales</a>.<div class=breakLine><hr><hr></div><p class="paragraph pSmall" style=text-align:center>¿Encontraste algún error? Por favor, <a href=mailto:datos@modernizacion.gob.ar target=_blank class="link link-inline">escribinos</a>.<div class=breakLine><hr><hr></div><a href=https://www.minem.gob.ar class="link link-block"><img height=48 src=public/images/logo-min.svg class=image></a></div></section><footer id=footer class=container-fluid><div class=restricted-max-width><div id=footer-spacer class=col-xs-12><div class="footer-section logo col-xs-12 col-sm-6 col-md-6"><p><a href=https://twitter.com/datosgobar target=_blank class=social-link><i class="fa fa-twitter"></i></a> <a href=https://medium.com/datos-argentina target=_blank class=social-link><i class="fa fa-medium"></i></a> <a href=https://github.com/datosgobar target=_blank class=social-link><i class="fa fa-github-alt"></i></a> <a href=https://www.facebook.com/GobAbiertoAR/ target=_blank class=social-link><i class="fa fa-facebook"></i></a></p><a href=http://www.argentina.gob.ar/modernizacion target=_blank><img src=./public/images/logo-modernizacion.svg class=logo-ministerio></a></div><div class="no-padding footer-section links-externos col-xs-12 col-sm-3 col-sm-offset-3 col-md-2 col-md-offset-4"><a href=mailto:datos@modernizacion.gob.ar><p>Contacto</p></a><a href=https://datosgobar.github.io/ ><p>Nuestro equipo</p></a></div></div></div></footer></div>