diff --git a/fancy-index/after.html b/fancy-index/after.html
new file mode 100644
index 0000000..d58deb9
--- /dev/null
+++ b/fancy-index/after.html
@@ -0,0 +1,27 @@
+---
+permalink: /fancy-index/after.html
+---
+					{% raw %}
+					</div>
+					{% endraw %}
+				</div>
+			</div><!--/container -->
+		</div><!--/mirrors -->
+
+		{% include footer.html %}
+
+	</body>
+	{% raw %}
+	{% endraw %}
+	<script src="/static/js/index.js"></script>
+	<script src="/static/js/browser-update.js"></script>
+	{% raw %}
+	<script>
+		document.getElementById("list").setAttribute("class", "table");
+		document.title = "Index of " + location.pathname + " | " + document.title;
+	</script>
+	{% endraw %}
+</html>
+<!--
+	vim: ts=2 sts=2 sw=2 noexpandtab
+-->
diff --git a/fancy-index/before.html b/fancy-index/before.html
new file mode 100644
index 0000000..d042d80
--- /dev/null
+++ b/fancy-index/before.html
@@ -0,0 +1,23 @@
+---
+permalink: /fancy-index/before.html
+---
+<!DOCTYPE html>
+<html>
+	{% include head.html %}
+	<body>
+		{% include nav.html %}
+
+		<div id="mirrors">
+			<div class="spacing hidden-xs"></div>
+
+			<div class="container">
+				<div class="row">
+					{% raw %}
+					<div class="col-md-12 table-responsive" id="mirror-list">
+						<h3><span class="fa fa-cube"></span>  Index of <span id="path"><script>
+							document.write(location.pathname);
+						</script></span></h3>
+					{% endraw %}
+<!--
+	vim: ts=2 sts=2 sw=2 noexpandtab
+-->
