Environmental Library

<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><!-- Start of app.ringow.com nwchat Widget script --> <script>var pag = window.location.pathname;
console.log(pag);
var muestra = true;
if(pag === "/formulario-adopta-un-arbol") {
muestra = false;
}
if(muestra === true) { (function () { var jrw = document.createElement('script'); jrw.type = 'text/javascript'; jrw.async = true; jrw.id = 'nwRtcMaker'; jrw.src = 'https://app.ringow.com/ringowStart?id=2&key=66480&callback=startRingow'; var srw = document.getElementsByTagName('script')[0]; srw.parentNode.insertBefore(jrw, srw); })(); (function () { var jrw = document.createElement('script'); jrw.type = 'text/javascript'; jrw.async = true; jrw.id = 'ringowTestSocial'; jrw.src = 'https://app.ringow.com/ringowLoadTestSocial?campania=2'; var srw = document.getElementsByTagName('script')[0]; srw.parentNode.insertBefore(jrw, srw); })();
} </script><!-- Event snippet for CONVERSIONES RDA conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --><script>var prevRatio = 0.0;
var increasingColor = "rgba(40, 40, 190, ratio)";
var decreasingColor = "rgba(190, 40, 40, ratio)";
function createObserver() { var observer; boxElement = document.querySelector("body"); var options = { root: null, rootMargin: "0px", threshold: buildThresholdList() }; observer = new IntersectionObserver(handleIntersect, options); observer.observe(boxElement);
}
function buildThresholdList() { var thresholds = []; var numSteps = 20; for (var i=1.0; i<=numSteps; i++) { var ratio = i/numSteps; thresholds.push(ratio); } thresholds.push(0); return thresholds;
}
function handleIntersect(entries, observer) { entries.forEach(function(entry) { if (entry.intersectionRatio > prevRatio) { entry.target.style.backgroundColor = increasingColor.replace("ratio", entry.intersectionRatio); } else { entry.target.style.backgroundColor = decreasingColor.replace("ratio", entry.intersectionRatio); } prevRatio = entry.intersectionRatio; });
}</script>