diff options
author | Mottie <wowmotty@gmail.com> | 2015-08-22 05:26:24 +0300 |
---|---|---|
committer | Mottie <wowmotty@gmail.com> | 2015-08-23 20:39:17 +0300 |
commit | 65a10e0dbc81af4ff124d7b82f8223f507395e6b (patch) | |
tree | d681d1fc6d04a7c4d2c96e9468939e4ae873053a /index.html | |
parent | 10b7ce799378be7f46837fa47b9998d2af04e5fa (diff) |
Update demo page to match site
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 30 |
1 files changed, 21 insertions, 9 deletions
@@ -1,31 +1,43 @@ +<!DOCTYPE html> +<html lang="en"> <head> - <meta charset='UTF-8'> - + <meta charset="UTF-8"> <title>The Printliminator</title> - <link rel="stylesheet" href="css/style.css"> </head> <body> + <div id="demo-top-bar"> + <div id="demo-bar-inside"> + <h2 id="demo-bar-badge"> + <a href="/">CSS-Tricks Example</a> + </h2> + <div id="demo-bar-buttons"></div> + </div> + </div> <div id="page-wrap"> - <h1>The Printliminator <span style="font-size: 12px; color: red; letter-spacing: 1px;">BETA</span></h1> + <h1>The Printliminator</h1> <p>The Printliminator is a bookmarklet with some simple tools you can use - to makes websites print better. One click to activate, and then click to remove - elements from the page, remove graphics, and apply better print styling. + to makes websites print better. One click to activate, and then click to remove + elements from the page, remove graphics, and apply better print styling. Here is the bookmarklet:</p> <p> - <a href="javascript:(function(){function%20loadScript(a,b){var%20c=document.createElement('script');c.type='text/javascript';c.src=a;var%20d=document.getElementsByTagName('head')[0],done=false;c.onload=c.onreadystatechange=function(){if(!done&&(!this.readyState||this.readyState=='loaded'||this.readyState=='complete')){done=true;b()}};d.appendChild(c)}loadScript('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2',function(){loadScript('http://css-tricks.com/examples/ThePrintliminator/js/printliminator.js',function(){printlimator()})})})()" class="bookmarklet">Printliminator</a> + <a href="javascript:(function(){function%20loadScript(a,b){var%20c=document.createElement('script');c.type='text/javascript';c.src=a;var%20d=document.getElementsByTagName('head')[0],done=false;c.onload=c.onreadystatechange=function(){if(!done&&(!this.readyState||this.readyState=='loaded'||this.readyState=='complete')){done=true;b()}};d.appendChild(c)}loadScript('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js',function(){loadScript('http://css-tricks.github.io/The-Printliminator/js/printliminator.js',function(){printliminator()})})})()" class="bookmarklet">Printliminator</a> <span style="font-size: 14px;">< drag to your bookmarks bar</span> </p> - <h2>Quick Video Demo</h2> - <embed src="http://blip.tv/play/hMAsgafAFQA" type="application/x-shockwave-flash" width="570" height="428" allowscriptaccess="always" allowfullscreen="true"></embed> + <h2>Video Demo</h2> + + <p>We used to have a quick video demo here, but Blip.tv deleted it. RUDE. Here's one we found on YouTube about it.</p> + + <iframe width="500" height="320" src="http://www.youtube.com/embed/TAoRvdZaFPk" frameborder="0" allowfullscreen></iframe> <h2>Credits</h2> + <p>By <a href="http://chriscoyier.net">Chris Coyier</a> and <a href="http://devongovett.wordpress.com/">Devon Govett</a>. Icons by <a href="http://wefunction.com/2008/07/function-free-icon-set/">Function</a>. Print stylesheet based on <a href="http://code.google.com/p/hartija/">Hartija</a>.</p> |