diff options
Diffstat (limited to 'src/bookmarklet/index.html')
-rw-r--r-- | src/bookmarklet/index.html | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/src/bookmarklet/index.html b/src/bookmarklet/index.html new file mode 100644 index 0000000..45efb15 --- /dev/null +++ b/src/bookmarklet/index.html @@ -0,0 +1,71 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>The Printliminator Demo</title> + <link rel="stylesheet" href="demo/css/style.css"> + <link rel="icon" type="image/x-icon" href="src/icons/favicon.ico"> + <link rel="icon" type="image/png" href="src/icons/icon-16.png"> +</head> + +<body> + +<!-- src --> + + <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 id="dev-mode"></span></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. + Here is the bookmarklet:</p> + + <p> + <a href="javascript:/*THE.PRINTLIMINATOR*/(function(){{production}})();" id="bookmarklet" class="bookmarklet">The Printliminator</a> + <span class="drag-arrow"><strong>←</strong> drag to your bookmarks bar</span> + </p> + + <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="//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>. + Updates & extensions by <a href="http://wowmotty.blogspot.com/">Rob Garrison</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> + + </div> + + <script> + // file loaded locally, switch to local version for development + ( function() { + var link, + loc = window.location.origin; + // origin is 'null' in Firefox when viewing the page locally + if ( loc === 'file://' || loc === 'null' ) { + var link = document.getElementById( 'bookmarklet' ); + link.href = "javascript:/*THE.PRINTLIMINATOR*/(function(){{dev}})();"; + document.getElementById('dev-mode').textContent = '(Dev Mode)'; + } + })(); + </script> + + </body> + +</html> |