CINXE.COM

<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>SEGIB - Cooperaci贸n SurSur Covid</title> <meta name="description" content="La CSS y Triangular en materia agr铆cola y de seguridad alimentaria ante la COVID-19"> <meta property="og:title" content="SEGIB - Cooperaci贸n SurSur Covid" /> <meta property="og:description" content="La CSS y Triangular en materia agr铆cola y de seguridad alimentaria ante la COVID-19"/> <meta property="og:image" content="https://informesursur.org/css-agricola-alimentaria-y-covid/img/linkedin.jpg" /> <meta property="og:url" content="https://informesursur.org/css-agricola-alimentaria-y-covid/" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="SEGIB - Cooperaci贸n SurSur Covid"> <meta name="twitter:image" content="https://informesursur.org/css-agricola-alimentaria-y-covid/img/twitter.jpg" /> <link href="estilos.css" rel="stylesheet" type="text/css"> <style> body { overflow:hidden; } #animation_container, #_preload_div_ { position:absolute; margin:auto; left:-100%;right:-100%; top:-100%;bottom:-100%; } </style> <script type="text/javascript"> if (screen.width <= 767) { document.location = "index-mobile.html"; } </script> <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script> <script> function LoadGFonts(families, comp) { var lib=comp.getLibrary(); var googleObject = {type: "Google", loadedFonts: 0, totalFonts: families.length, callOnLoad: lib.gfontAvailable}; for(var i =0; i < families.length; i++) isFontAvailable(gFontsFamilies[i], googleObject); } function isFontAvailable(font, obj) { var timeOut = 5000; var delay = 200; var interval = 0; var timeElapsed = 0; function checkFont() { var node = document.createElement("span"); node.innerHTML = "giItT1WQy@!-/#"; node.style.position = "absolute"; node.style.left = "-1000px"; node.style.top = "-1000px"; node.style.fontSize = "300px"; node.style.fontFamily = "sans-serif"; node.style.fontVariant = "normal"; node.style.fontStyle = "normal"; node.style.fontWeight = "normal"; node.style.letterSpacing = "0"; document.body.appendChild(node); var width = node.offsetWidth; node.style.fontFamily = font+","+node.style.fontFamily; var returnVal = false; if((node && node.offsetWidth != width) || timeElapsed >=timeOut) { obj.loadedFonts++; if(interval) clearInterval(interval); obj.callOnLoad(font, obj.totalFonts); returnVal = true; } if(node) { node.parentNode.removeChild(node); node = null; } timeElapsed += delay; return returnVal; } if(!checkFont()) { interval = setInterval(checkFont, delay); } } </script> <script> var gFontsFamilies = ["Lato","Noto Sans"]; </script> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:300&subset=latin"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:700&subset=latin"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:700italic&subset=latin"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:900&subset=latin"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:regular&subset=latin"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Noto+Sans:700&subset=latin"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Noto+Sans:regular&subset=latin"> <script src="segib-esp-desktop.js"></script> <script> var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; function init() { canvas = document.getElementById("canvas"); anim_container = document.getElementById("animation_container"); dom_overlay_container = document.getElementById("dom_overlay_container"); var comp=AdobeAn.getComposition("5E625C1E482BAA479EC6DE8263AF7F63"); var lib=comp.getLibrary(); try { if(!(typeof gFontsFamilies === 'undefined' || gFontsFamilies === null)) LoadGFonts(gFontsFamilies, comp); if(!(typeof totalTypekitFonts === 'undefined' || totalTypekitFonts === null)) { var typekitObject = {type: 'Typekit', loadedFonts: 0, totalFonts: totalTypekitFonts, callOnLoad: lib.tfontAvailable}; Typekit.load({ async: true, 'fontactive': function(family) { isFontAvailable(family, typekitObject); } }); } } catch(e) {}; var loader = new createjs.LoadQueue(false); loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)}); loader.addEventListener("complete", function(evt){handleComplete(evt,comp)}); var lib=comp.getLibrary(); loader.loadManifest(lib.properties.manifest); } function handleFileLoad(evt, comp) { var images=comp.getImages(); if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; } } function handleComplete(evt,comp) { //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. var lib=comp.getLibrary(); var ss=comp.getSpriteSheet(); var queue = evt.target; var ssMetadata = lib.ssMetadata; for(i=0; i<ssMetadata.length; i++) { ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} ) } var preloaderDiv = document.getElementById("_preload_div_"); preloaderDiv.style.display = 'none'; canvas.style.display = 'block'; exportRoot = new lib.segibespdesktop(); stage = new lib.Stage(canvas); stage.enableMouseOver(); //Registers the "tick" event listener. fnStartAnimation = function() { stage.addChild(exportRoot); createjs.Ticker.framerate = lib.properties.fps; createjs.Ticker.addEventListener("tick", stage); } //Code to support hidpi screens and responsive scaling. AdobeAn.makeResponsive(true,'both',true,2,[canvas,preloaderDiv,anim_container,dom_overlay_container]); AdobeAn.compositionLoaded(lib.properties.id); fnStartAnimation(); } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-15804809-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-15804809-3'); </script> </head> <body onload="init();"> <header> <div class="logos"><img src="img/logos.png" alt="SEGIB"/></div> <div class="menu"> <div class="contacto"> <span class="facebook"><a target="_blank" href=http://www.linkedin.com/shareArticle?mini=true&url=https://informesursur.org/css-covid-ocde/><img src="img/ico-fb.svg" alt="Linkedin" title="Share in Linkedin"></a></span> <span class="twitter"><a target="_blank" href="http://twitter.com/share?text= I share this infographic about International development co-operation after COVID-19: prospects for strengthened triangular partnerships between Latin America and the Caribbean and OECD members. https://informesursur.org/css-covid-ocde/EN/"><img src="img/ico-tw.svg" alt="Twitter" title="Share in Twitter"></a></span> <span class="mail"><a href=mailto:?subject=I%20share%20the%20following%20infographic&body=I%20share%20this%20infographic%20about%20International%20development%20co-operation%20after%20COVID-19%3A%20prospects%20for%20strengthened%20triangular%20partnerships%20between%20Latin%20America%20and%20the%20Caribbean%20and%20OECD%20members.%20%0Ahttps%3A%2F%2Finformesursur.org%2Fcss-covid-ocde%2FEN%2F alt="Mail"><img src="img/ico-mail.svg" title="Send by e-mail" alt="Mail"/></a></span> </div> <div class="idiomas"> <span class="idioma"><a href="https://informesursur.org/css-covid-ocde/"><img src="img/ico-esp-off.svg" alt="Espa帽ol" title="Espa帽ol"/></a></span> <span class="idioma"><a href="https://informesursur.org/css-covid-ocde/PT/"><img src="img/ico-pt-off.svg" alt="Portuguese" title="Portuguese"/></a></span> <span class="idioma"><a href="https://informesursur.org/css-covid-ocde/EN"><img src="img/ico-en-on.svg" class="on" alt="English" title="English"/></a></span> </div> <div class="fullscreen"><a href="#" onclick="openFullscreen();"><img src="img/ico-full-screen.svg" alt="Fullscreen" title="Fullscreen"/></a></div> </div> </header> <div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:100%; height:auto"> <canvas id="canvas" width="100%" height="auto" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 1.00);"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1100px; height:500px; position: absolute; left: 0px; top: 0px; display: none;"> </div> </div> <div id="_preload_div_" style="position:absolute; display: inline-block; height:580px; width: 1040px; text-align: center;"> <span style="display: inline-block; height: 100%; vertical-align: middle;"></span> <img src="img/preloader.gif" style="vertical-align: middle; max-height: 100%"/></div> <script> var elem = document.getElementById("animation_container"); function openFullscreen() { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } } </script> </body> </html>