0ct0pu5/min
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

defer JS load until page load

Browse source
This commit is contained in:
Owen Versteeg 2014-01-10 17:43:28 -05:00
parent c0cd1b57c7
commit 835bb66aeb
1 changed files with 34 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
index.html
View file

@ -1,4 +1,38 @@
<!DOCTYPE html><!--[if !IE]><html><![endif]--><!--[if lte IE 7]><html class="ie"><![endif]--><head>
<!--[if lt IE 9]>
<script> document.createElement("column"); document.createElement("message"); </script>
<![endif]-->
<style type="text/css">.dark {background-color: rgb(172, 172, 172);}.light {background-color: rgb(223, 223, 223);}</style><meta charset="UTF-8"><title>min</title>
<link href="entireframework.min.css" rel="stylesheet" type="text/css" />
</head>
<body><h1 class="title">min</h1><h3>995 byte CSS framework &middot; supports ie5.5+ &middot; <a href="https://github.com/owenversteeg/min"><u>on github</u></a></h3><hr class="mediumwidth"><div class="buttons"><a href="http://github.com/owenversteeg/min"><button class="smooth btn-a">btn-a</button></a><a href="http://minfwk.com"><button class="smooth btn-b">btn-b</button></a><a href="http://minframework.com"><button class="smooth btn-c">btn-c</button></a><br><br><a href="http://minframework.com"><button class="smooth btn-b btn-small">btn-small</button></a></div><hr class="mediumwidth"><h1 class="title">h1 title</h1><h1>h1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5</h5><h6>h6</h6><hr class="mediumwidth"><input type="text" class="smooth" placeholder="input type=&quot;text&quot;"><br><br><textarea rows="3" class="smooth" placeholder="textarea"></textarea><br><br><span class="addon-front">$</span><input type="text" class="smooth" placeholder="span class=&quot;addon-front&quot;"><hr class="mediumwidth"><div class="mediumwidth"><div class="navbar"><a class="pagename" href="#"><!--[if lt IE 6]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Min Framework</a> <a class="navbar-link" href="#">One</a> <a class="navbar-link" href="#">Two</a> <a class="navbar-link" href="#">Three</a></div></div><hr class="mediumwidth"><div class="mediumwidth"><table class="table-striped table"><thead><tr><th>#</th><th>Widgets Sold</th><th>Revenue (£)</th><th>Profit (£)</th></tr></thead><tbody><tr><td>1</td><td>5</td><td>10</td><td>2</td></tr><tr><td>2</td><td>10</td><td>20</td><td>4</td></tr><tr><td>3</td><td>500</td><td>1000</td><td>200</td></tr></tbody></table></div><hr class="mediumwidth"><div class="mediumwidth"><message class="warning"><strong>Watch out!</strong> You don't have H9RBS.js installed.</message><br><message class="great"><strong>Great!</strong> You successfully frobjugated the minlingator's snorbdralob.</message><br><message><strong>Hey!</strong> You've got four thousand new grabjalognibs!</message></div><hr class="mediumwidth"><div class="icons"><ico>✉ ✰ ☁ ⌚ ⌘ ☎ ✈ ☑ ☒</ico><br><br><ico>♂ ♀ ⌛ ☀ ☮ ☢ ☠ ☣ ⌨</ico><br><br><ico>ⓧ © § ® ⌂ ℗ ☺ ☻ ☼</ico><br><br><ico>⇦ ⇧ ⇨ ⇩ ∡ ∿ ⊝ ⊘ ⌂</ico><br><br><ico>♠ ♣ ♥ ♦ ♪ ♫ ♭ ♮ ♯</ico></div><hr class="mediumwidth"><div class="mediumwidth"><div class="row"><column class="dark c10">10</column></div><div class="row"><column class="dark c9">9</column><column class="light c1">1</column></div><div class="row"><column class="dark c8">8</column><column class="light c2">2</column></div><div class="row"><column class="dark c7">7</column><column class="light c3">3</column></div><div class="row"><column class="dark c6">6</column><column class="light c4">4</column></div><div class="row"><column class="dark c5">5</column><column class="light c5">5</column></div><div class="row"><column class="dark c4">4</column><column class="light c6">6</column></div><div class="row"><column class="dark c3">3</column><column class="light c7">7</column></div><div class="row"><column class="dark c2">2</column><column class="light c8">8</column></div><div class="row"><column class="dark c1">1</column><column class="light c9">9</column></div><div class="row"><column class="light c10">10</column></div></div><hr class="mediumwidth"><a href="download.html"><button class="smooth btn-a" style="margin: 0 0 .2em 0;">Download</button></a><hr class="mediumwidth">
<!--analytics-->
<h2><a href="bootstrapconverter.html">bootstrap to min converter</a></h2>
<h2>websites built using min:</h2><br><a href="http://goalcalendar.com">GoalCalendar</a> &middot; <a href="http://openleap.org">OpenLeap</a><br><br>
to encourage further development, you can tip me with <a href="https://www.gittip.com/OwenVersteeg/">gittip</a>, <a href="https://blockchain.info/address/1Na9Nuk8WNm59JjcFG1Nvgsg29GHJyT8pV">bitcoin</a>, or <a href="http://dogechain.info/address/DQowenvAUoF5rQrhq8s53Cesg9Y3nU857G">dogecoin</a>. thanks!<br><br>
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
<!-- start Mixpanel -->
<script type="text/javascript">(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===e.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f);b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==
typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user".split(" ");for(g=0;g<i.length;g++)f(c,i[g]);
b._i.push([a,e,d])};b.__SV=1.2}})(document,window.mixpanel||[]);
mixpanel.init("048a77a4ae0938d041e6996dc178e173");
mixpanel.track('Page load', {'page name' : document.title, 'url' : window.location.pathname});
</script><!-- end Mixpanel -->
<script type="text/javascript">
var _gaq = _gaq || [];
@ -13,32 +47,5 @@
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!--[if lt IE 9]>
<script> document.createElement("column"); document.createElement("message"); </script>
<![endif]-->
<style type="text/css">
.dark {
background-color: rgb(172, 172, 172);
}
.light {
background-color: rgb(223, 223, 223);
}
</style><meta charset="UTF-8"><title>min</title>
<link href="entireframework.min.css" rel="stylesheet" type="text/css" />
</head><body><h1 class="title">min</h1><h3>995 byte CSS framework &middot; supports ie5.5+ &middot; <a href="https://github.com/owenversteeg/min"><u>on github</u></a></h3><hr class="mediumwidth"><div class="buttons"><a href="http://github.com/owenversteeg/min"><button class="smooth btn-a">btn-a</button></a><a href="http://minfwk.com"><button class="smooth btn-b">btn-b</button></a><a href="http://minframework.com"><button class="smooth btn-c">btn-c</button></a><br><br><a href="http://minframework.com"><button class="smooth btn-b btn-small">btn-small</button></a></div><hr class="mediumwidth"><h1 class="title">h1 title</h1><h1>h1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5</h5><h6>h6</h6><hr class="mediumwidth"><input type="text" class="smooth" placeholder="input type=&quot;text&quot;"><br><br><textarea rows="3" class="smooth" placeholder="textarea"></textarea><br><br><span class="addon-front">$</span><input type="text" class="smooth" placeholder="span class=&quot;addon-front&quot;"><hr class="mediumwidth"><div class="mediumwidth"><div class="navbar"><a class="pagename" href="#"><!--[if lt IE 6]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Min Framework</a> <a class="navbar-link" href="#">One</a> <a class="navbar-link" href="#">Two</a> <a class="navbar-link" href="#">Three</a></div></div><hr class="mediumwidth"><div class="mediumwidth"><table class="table-striped table"><thead><tr><th>#</th><th>Widgets Sold</th><th>Revenue (£)</th><th>Profit (£)</th></tr></thead><tbody><tr><td>1</td><td>5</td><td>10</td><td>2</td></tr><tr><td>2</td><td>10</td><td>20</td><td>4</td></tr><tr><td>3</td><td>500</td><td>1000</td><td>200</td></tr></tbody></table></div><hr class="mediumwidth"><div class="mediumwidth"><message class="warning"><strong>Watch out!</strong> You don't have H9RBS.js installed.</message><br><message class="great"><strong>Great!</strong> You successfully frobjugated the minlingator's snorbdralob.</message><br><message><strong>Hey!</strong> You've got four thousand new grabjalognibs!</message></div><hr class="mediumwidth"><div class="icons"><ico>✉ ✰ ☁ ⌚ ⌘ ☎ ✈ ☑ ☒</ico><br><br><ico>♂ ♀ ⌛ ☀ ☮ ☢ ☠ ☣ ⌨</ico><br><br><ico>ⓧ © § ® ⌂ ℗ ☺ ☻ ☼</ico><br><br><ico>⇦ ⇧ ⇨ ⇩ ∡ ∿ ⊝ ⊘ ⌂</ico><br><br><ico>♠ ♣ ♥ ♦ ♪ ♫ ♭ ♮ ♯</ico></div><hr class="mediumwidth"><div class="mediumwidth"><div class="row"><column class="dark c10">10</column></div><div class="row"><column class="dark c9">9</column><column class="light c1">1</column></div><div class="row"><column class="dark c8">8</column><column class="light c2">2</column></div><div class="row"><column class="dark c7">7</column><column class="light c3">3</column></div><div class="row"><column class="dark c6">6</column><column class="light c4">4</column></div><div class="row"><column class="dark c5">5</column><column class="light c5">5</column></div><div class="row"><column class="dark c4">4</column><column class="light c6">6</column></div><div class="row"><column class="dark c3">3</column><column class="light c7">7</column></div><div class="row"><column class="dark c2">2</column><column class="light c8">8</column></div><div class="row"><column class="dark c1">1</column><column class="light c9">9</column></div><div class="row"><column class="light c10">10</column></div></div><hr class="mediumwidth"><a href="download.html"><button class="smooth btn-a" style="margin: 0 0 .2em 0;">Download</button></a><hr class="mediumwidth">
<!--analytics-->
<h2><a href="bootstrapconverter.html">bootstrap to min converter</a></h2>
<h2>websites built using min:</h2><br><a href="http://goalcalendar.com">GoalCalendar</a> &middot; <a href="http://openleap.org">OpenLeap</a><br><br>
to encourage further development, you can tip me with <a href="https://www.gittip.com/OwenVersteeg/">gittip</a>, <a href="https://blockchain.info/address/1Na9Nuk8WNm59JjcFG1Nvgsg29GHJyT8pV">bitcoin</a>, or <a href="http://dogechain.info/address/DQowenvAUoF5rQrhq8s53Cesg9Y3nU857G">dogecoin</a>. thanks!<br><br>
<!-- start Mixpanel -->
<script type="text/javascript">(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===e.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f);b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==
typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user".split(" ");for(g=0;g<i.length;g++)f(c,i[g]);
b._i.push([a,e,d])};b.__SV=1.2}})(document,window.mixpanel||[]);
mixpanel.init("048a77a4ae0938d041e6996dc178e173");
mixpanel.track('Page load', {'page name' : document.title, 'url' : window.location.pathname});
</script><!-- end Mixpanel -->
</body>
</html>