diff options
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..5034aa9 --- /dev/null +++ b/src/index.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>The Printliminator</title> + <link rel="stylesheet" href="demo/css/style.css"> +</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:/*PRINTLIMINATOR*/{production}" id="bookmarklet" class="bookmarklet">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="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> + + </div> + + <script> + // file loaded locally, switch to local version for development + ( function() { + if ( window.location.origin === 'file://' ) { + var link = document.getElementById( 'bookmarklet' ); + link.href = "javascript:/*PRINTLIMINATOR*/{dev}"; + document.getElementById('dev-mode').textContent = '(Dev Mode)'; + } + })(); + </script> + + </body> + +</html> |