-
Notifications
You must be signed in to change notification settings - Fork 45
/
Copy pathindex.html
77 lines (60 loc) · 3.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!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>
<!--
This file is dynamically generated
█████▄ ▄████▄ █████▄ ▄████▄ ██████ ███████▄ ▄████▄ █████▄ ██ ██████ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██▀▀ ▀▀▀▀██
█████▀ ▀████▀ ██ ██ ▀████▀ ██ ██ ██ ██ ▀████▀ █████▀ ██ ██ █████▀
To make changes, modify the "src/bookmarklet/index.html"
-->
<div id="demo-top-bar">
<div id="demo-bar-inside">
<h2 id="demo-bar-badge">
<a href="http://css-tricks.com">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 (<a href="https://github.com/CSS-Tricks/The-Printliminator">repo</a>) 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.</p>
<p>Here is the bookmarklet:</p>
<p>
<a href="javascript:/*THE.PRINTLIMINATOR*/(function(){function%20loadScript(a,b){var%20c=document.createElement('script'),d=document.getElementsByTagName('head')[0],e=!1;c.type='text/javascript',c.src=a,c.onload=c.onreadystatechange=function(){e||this.readyState&&'loaded'!=this.readyState&&'complete'!=this.readyState||(e=!0,b())},d.appendChild(c)}loadScript('//css-tricks.github.io/The-Printliminator/printliminator.min.js',function(){thePrintliminator.init()});})();" id="bookmarklet" class="bookmarklet">The Printliminator</a>
<span class="drag-arrow"><strong>←</strong> drag to your bookmarks bar</span>
</p>
<h2>Video Demo</h2>
<div class="video-wrapper">
<iframe width="853" height="480" src="https://www.youtube.com/embed/Dt8hpqEIL1c" frameborder="0" allowfullscreen></iframe>
</div>
<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>.
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(){function%20loadScript(a,b){var%20c=document.createElement('script'),d=document.getElementsByTagName('head')[0],e=!1;c.type='text/javascript',c.src=a,c.onload=c.onreadystatechange=function(){e||this.readyState&&'loaded'!=this.readyState&&'complete'!=this.readyState||(e=!0,b())},d.appendChild(c)}loadScript('dist/bookmarklet/printliminator.js',function(){thePrintliminator.init()});})();";
document.getElementById('dev-mode').textContent = '(Dev Mode)';
}
})();
</script>
</body>
</html>