Add printable version

_includes/header.html

@@ -19,6 +19,7 @@
 			{% assign hr = false %}
 			{% endif %}
 			{% endfor %}
+			<li><a id="printable">Printable Version</a><li>
 		</ul>
 		<div id="page">
 			<h1>{{ page.title }}</h1>

static/script.js

@@ -1,4 +1,8 @@
 $(function() {
+	$("#printable").click(function() {
+		$("body").addClass("printable");
+	});
+
 	return $("h2, h3, h4, h5, h6").each(function(i, el) {
 		var $el, icon, id;
 		$el = $(el);

static/style.css

@@ -5,6 +5,18 @@ html, body {
 	background: #333;
 }
 
+.printable #navbar{
+	display: none;
+}
+
+.printable #page {
+	left: 0;
+}
+
+.printable .header-link {
+	display: none !important;
+}
+
 a {
 	color: blue;
 	text-decoration: underline;
@@ -81,6 +93,7 @@ figure {
 	padding: 5px;
 	color: #ccc;
 	text-decoration: none;
+	cursor: pointer;
 }
 
 #navbar li:nth-child(odd) a {