diff --git a/_data/links.yml b/_data/links.yml
index 3aa0254..9366661 100644
--- a/_data/links.yml
+++ b/_data/links.yml
@@ -1,6 +1,8 @@
 - title: Introduction
   link:  index.html
 
+- hr: true
+
 - title: Folder Structure
   num:   1
   link:  chapters/folders.html
diff --git a/_includes/footer.html b/_includes/footer.html
index faf65ca..8eb08ba 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,3 +1,5 @@
 		</div>
+		<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
+		<script src="{{ page.root }}static/script.js"></script>
 	</body>
 </html>
diff --git a/static/script.js b/static/script.js
new file mode 100644
index 0000000..11112ef
--- /dev/null
+++ b/static/script.js
@@ -0,0 +1,10 @@
+$(function() {
+	return $("h2, h3, h4, h5, h6").each(function(i, el) {
+		var $el, icon, id;
+		$el = $(el);
+		id = $el.attr('id');
+		if (id) {
+			return $el.prepend($("<a />").addClass("header-link").attr("href", "#" + id).html("#"));
+		}
+	});
+});
diff --git a/static/style.css b/static/style.css
index 88c0b96..a3230e5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -116,6 +116,18 @@ code {
 	white-space: pre;
 }
 
+.header-link {
+	position: absolute;
+	right: 10px;
+	text-decoration: none;
+	color: #bbb;
+}
+
+.header-link:hover {
+	color: #999;
+}
+
+
 h1 {
 	text-align: center;
 	margin: 10px 0 0 0;