diff --git a/makefile.js b/makefile.js
index 085e7dc0..cc86ac42 100644
--- a/makefile.js
+++ b/makefile.js
@@ -36,7 +36,7 @@ var version = '0.22-dev-8',
 
 	mapper = function (blob) {
 
-		return blob.source.replace(src, build).replace(/\.less$/, '.css').replace(/\.jade$/, '.html');
+		return blob.source.replace(src, build).replace(/\.less$/, '.css').replace(/\.jade$/, '');
 	},
 
 	mapperRoot = function (blob) {
diff --git a/src/_h5ai/index.jade b/src/_h5ai/index.html.jade
similarity index 100%
rename from src/_h5ai/index.jade
rename to src/_h5ai/index.html.jade
diff --git a/src/_h5ai/php/h5ai-index.php b/src/_h5ai/php/h5ai-index.php
deleted file mode 100644
index 856c0f98..00000000
--- a/src/_h5ai/php/h5ai-index.php
+++ /dev/null
@@ -1,72 +0,0 @@
-<?php header("Content-type: text/html;h5ai={{version}}"); ?>
-<!DOCTYPE html>
-<!--[if lt IE 9]> <html class="no-js oldie" lang="en"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
-<head>
-	<meta charset="utf-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-	<title>Directory index · styled with h5ai</title>
-	<meta name="description" content="Directory index styled with h5ai (http://larsjung.de/h5ai)">
-	<meta name="viewport" content="width=device-width">
-	<link rel="shortcut icon" type="image/png" href="/_h5ai/images/h5ai-16x16.png">
-	<link rel="apple-touch-icon" type="image/png" href="/_h5ai/images/h5ai-48x48.png">
-	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic|Ubuntu:400,700,400italic,700italic">
-	<link rel="stylesheet" href="/_h5ai/css/styles.css">
-	<script src="/_h5ai/js/modernizr.js"></script>
-</head>
-<body id="h5ai-main">
-	<div id="topbar" class="clearfix">
-		<ul id="navbar"></ul>
-	</div>
-	<div id="content">
-		<div id="extended" class="clearfix"></div>
-	</div>
-	<div id="bottombar" class="clearfix">
-		<span class="left">
-			<a id="h5ai-reference" href="http://larsjung.de/h5ai" title="h5ai project page">h5ai {{version}}</a>
-			<span class="hideOnJs noJsMsg"> ⚡ JavaScript is disabled! ⚡ </span>
-			<span class="oldBrowser"> ⚡ Some features disabled! Works best in <a href="http://browsehappy.com">modern browsers</a>. ⚡ </span>
-		</span>
-		<span class="right"></span>
-		<span class="center"></span>
-	</div>
-	<div id="data-generic-json" class="hidden">
-		<?php if (stripos($_SERVER["REQUEST_METHOD"], "HEAD") === false) {
-
-			$h5ai_php = str_replace("\\", "/", dirname(__FILE__)) . "/inc/H5ai.php";
-
-			if (!file_exists($h5ai_php)) {
-
-				function find_h5ai($path, $h5ai) {
-
-					if (file_exists($path . $h5ai)) {
-						return $path . $h5ai;
-					}
-
-					$parent = str_replace("\\", "/", dirname($path));
-					if ($parent !== $path) {
-						return find_h5ai($parent, $h5ai);
-					}
-
-					error_log("h5ai not found: " . __FILE__);
-				}
-
-				$h5ai_php = find_h5ai(str_replace("\\", "/", dirname(__FILE__)), "/_h5ai/php/inc/H5ai.php");
-			}
-
-			require_once($h5ai_php);
-
-			$h5ai = new H5ai(__FILE__);
-			echo $h5ai->getGenericJson();
-		} ?>
-	</div>
-	<div id="data-php-no-js-fallback" class="hideOnJs">
-		<?php if (stripos($_SERVER["REQUEST_METHOD"], "HEAD") === false) {
-
-			echo $h5ai->getNoJsFallback();
-		} ?>
-	</div>
-	<script src="/_h5ai/config.js"></script>
-	<script src="/_h5ai/js/scripts.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/_h5ai/php/h5ai-index.php.jade b/src/_h5ai/php/h5ai-index.php.jade
new file mode 100644
index 00000000..3bf0a641
--- /dev/null
+++ b/src/_h5ai/php/h5ai-index.php.jade
@@ -0,0 +1,77 @@
+|<?php header("Content-type: text/html;h5ai={{version}}"); ?>
+doctype 5
+//if lt IE 9
+	<html class="no-js oldie" lang="en">
+//[if gt IE 8]><!
+html.no-js( lang="en" )
+	//<![endif]
+
+	head
+		meta( charset="utf-8" )
+		meta( http-equiv="X-UA-Compatible", content="IE=edge,chrome=1" )
+		title Directory index · styled with h5ai {{version}}
+		meta( name="description", content="Directory index styled with h5ai {{version}} (http://larsjung.de/h5ai)" )
+		meta( name="viewport", content="width=device-width" )
+		link( rel="shortcut icon", type="image/png", href="/_h5ai/images/h5ai-16x16.png" )
+		link( rel="apple-touch-icon", type="image/png", href="/_h5ai/images/h5ai-48x48.png" )
+		link( rel="stylesheet", href="//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic|Ubuntu:400,700,400italic,700italic" )
+		link( rel="stylesheet", href="/_h5ai/css/styles.css" )
+		script( src="/_h5ai/js/modernizr.js" )
+
+	body#h5ai-main
+
+		div#topbar.clearfix
+			ul#navbar
+
+		div#content
+			div#extended.clearfix
+
+		div#bottombar.clearfix
+			span.left
+				a#h5ai-reference( href="http://larsjung.de/h5ai", title="h5ai project page" ) h5ai {{version}}
+				span.hideOnJs.noJsMsg  ⚡ JavaScript is disabled! ⚡ 
+				span.oldBrowser 
+					|  ⚡ Some features disabled! Works best in 
+					a( href="http://browsehappy.com" ) modern browsers
+					| . ⚡ 
+			span.right
+			span.center
+
+		div#data-generic-json.hidden
+			|<?php if (stripos($_SERVER["REQUEST_METHOD"], "HEAD") === false) {
+			|	
+			|	$h5ai_php = str_replace("\\", "/", dirname(__FILE__)) . "/inc/H5ai.php";
+			|	
+			|	if (!file_exists($h5ai_php)) {
+			|		
+			|		function find_h5ai($path, $h5ai) {
+			|			
+			|			if (file_exists($path . $h5ai)) {
+			|				return $path . $h5ai;
+			|			}
+			|			
+			|			$parent = str_replace("\\", "/", dirname($path));
+			|			if ($parent !== $path) {
+			|				return find_h5ai($parent, $h5ai);
+			|			}
+			|			
+			|			error_log("h5ai not found: " . __FILE__);
+			|		}
+			|		
+			|		$h5ai_php = find_h5ai(str_replace("\\", "/", dirname(__FILE__)), "/_h5ai/php/inc/H5ai.php");
+			|	}
+			|	
+			|	require_once($h5ai_php);
+			|	
+			|	$h5ai = new H5ai(__FILE__);
+			|	echo $h5ai->getGenericJson();
+			|}?>
+
+		div#data-php-no-js-fallback.hideOnJs
+			|<?php if (stripos($_SERVER["REQUEST_METHOD"], "HEAD") === false) {
+			|	
+			|	echo $h5ai->getNoJsFallback();
+			|}?>
+
+		script( src="/_h5ai/config.js" )
+		script( src="/_h5ai/js/scripts.js" )
