CINXE.COM
How Can I Share It
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content=""> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="icon" type="image/png" href="https://www.howcanishareit.com/favicon.png"> <title>How Can I Share It</title> <link rel="stylesheet" href="https://www.howcanishareit.com/css/font-awesome.min.css"> <link rel="stylesheet" href="https://www.howcanishareit.com/css/app.css"> <base href="https://www.howcanishareit.com"> <script src="https://www.howcanishareit.com/js/vendor/modernizr.min.js"></script> <script src="https://www.howcanishareit.com/js/vendor/detectizr.min.js"></script> <script> document.baseURI = document.baseURI || document.getElementsByTagName('base')[0].href; // TODO : put this into class var globalScrollEvents = []; var globalResizeEvents = []; function onScroll() { var scrollTop = $(window).scrollTop(); var height = $(window).height(); for (var i = 0; i < globalScrollEvents.length; i++) { var scrollEvent = globalScrollEvents[i]; scrollEvent.func(scrollTop, height); } } function onResize() { var scrollTop = $(window).scrollTop(); var height = $(window).height(); for (var i = 0; i < globalScrollEvents.length; i++) { var scrollEvent = globalScrollEvents[i]; scrollEvent.func(scrollTop, height); } onScroll(); } function addScrollEvent(name, callBack) { for (var i = 0; i < globalScrollEvents.length; i++) if (name == globalScrollEvents[i]) return false; globalScrollEvents.push({name: name, func: callBack}); } function addResizeEvent(name, callBack) { for (var i = 0; i < globalResizeEvents.length; i++) if (name == globalResizeEvents[i]) return false; globalResizeEvents.push({name: name, func: callBack}); } function removeScrollEvent(name) { var found = -1; for (var i = 0; i < globalScrollEvents.length; i++) if (name == globalScrollEvents[i]) found = i; globalScrollEvents.splice(i, 1); } function removeResizeEvent(name) { var found = -1; for (var i = 0; i < globalResizeEvents.length; i++) if (name == globalResizeEvents[i]) found = i; globalResizeEvents.splice(i, 1); } </script> </head> <body onresize="onResize()"> <div id="app"></div> <script src="https://www.howcanishareit.com/js/app.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-72689622-4', 'auto'); ga('send', 'pageview'); </script> <!-- Piwik --> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["trackPageView"]); _paq.push(["enableLinkTracking"]); (function() { var u=(("https:" == document.location.protocol) ? "https" : "http") + "://analytics.finervision.com/"; _paq.push(["setTrackerUrl", u+"piwik.php"]); _paq.push(["setSiteId", "57"]); var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript"; g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Piwik Code --> </body> <script> $(function () { $(window).resize(function(){ onResize(); }); $(window).scroll(function(){ onScroll(); }); onResize(); }); </script> </html>