Included build stuff.

src/dot.htaccess

@@ -0,0 +1,137 @@
+################################
+# %BUILD_NAME% %BUILD_VERSION%
+# customized .htaccess
+################################
+
+
+# Options  +Indexes
+# Options  +FollowSymLinks
+
+
+################################
+# cache images for 52 weeks
+################################
+
+<IfModule mod_headers.c>
+	<FilesMatch "\.png$">
+		Header set Cache-Control "max-age=31449600, public"
+	</FilesMatch>
+</IfModule>
+
+
+################################
+# style auto index
+################################
+
+<IfModule mod_autoindex.c>
+
+	################################
+	# uncomment the following line to force directory listing
+	# even for directories with valid index files
+	################################
+
+	# DirectoryIndex       IGNORE-DEFAULT-INDEX-FILES
+
+
+	################################
+	# h5ai header and footer
+	################################
+
+	HeaderName           /h5ai/header.html
+	ReadmeName           /h5ai/footer.html
+
+
+	################################
+	# hide h5ai folder and config files from index
+	################################
+
+	IndexIgnore          h5ai  h5ai.header.html  h5ai.footer.html
+
+
+	################################
+	# table options
+	################################
+
+	IndexOrderDefault    Ascending Name
+
+	IndexOptions         Charset=UTF-8
+	IndexOptions         FancyIndexing
+	IndexOptions         HTMLTable
+	IndexOptions         XHTML
+	IndexOptions         SuppressHTMLPreamble
+	IndexOptions         SuppressRules
+	IndexOptions         SuppressDescription
+	IndexOptions         FoldersFirst
+	IndexOptions         IgnoreCase
+	IndexOptions         IconsAreLinks
+	IndexOptions         VersionSort
+	IndexOptions         NameWidth=*
+
+
+	################################
+	# icon mapping
+	################################
+
+	AddIcon              /h5ai/icons/parent.png      ..
+	AddIcon              /h5ai/icons/folder.png      ^^DIRECTORY^^
+	AddIcon              /h5ai/icons/blank.png       ^^BLANKICON^^
+
+	AddIcon              /h5ai/icons/readme.png      README
+	AddIcon              /h5ai/icons/copying.png     COPYING  LICENSE
+	AddIcon              /h5ai/icons/install.png     INSTALL
+	AddIcon              /h5ai/icons/authors.png     AUTHORS
+	AddIcon              /h5ai/icons/log.png         LOG  Log  log
+
+	AddIcon              /h5ai/icons/css.png         .less
+	AddIcon              /h5ai/icons/script.png      .conf  .ini  .sh  .shar  .csh  .ksh  .tcl
+	AddIcon              /h5ai/icons/makefile.png    .pom  pom.xml  build.xml
+	AddIcon              /h5ai/icons/bin.png         .so  .o
+
+	AddIcon              /h5ai/icons/zip.png         .zip  .Z  .z  .jar  .war
+	AddIcon              /h5ai/icons/tar.png         .tar
+	AddIcon              /h5ai/icons/archive.png     .tar.gz  .tgz  .tar.bz2
+	AddIcon              /h5ai/icons/pdf.png         .pdf
+	AddIcon              /h5ai/icons/deb.png         .deb
+	AddIcon              /h5ai/icons/rpm.png         .rpm
+	AddIcon              /h5ai/icons/cd.png          .iso  .cue
+
+	AddIconByType        /h5ai/icons/png.png         image/png
+	AddIconByType        /h5ai/icons/jpg.png         image/jpeg
+	AddIconByType        /h5ai/icons/gif.png         image/gif
+	AddIconByType        /h5ai/icons/ico.png         image/x-icon
+	AddIconByType        /h5ai/icons/bmp.png         image/x-ms-bmp
+
+	AddIconByType        /h5ai/icons/html.png        text/html
+	AddIconByType        /h5ai/icons/css.png         text/css
+	AddIconByType        /h5ai/icons/xml.png         application/xml
+	AddIconByType        /h5ai/icons/js.png          application/javascript  application/json
+	AddIconByType        /h5ai/icons/php.png         application/x-httpd-php
+
+	AddIconByType        /h5ai/icons/py.png          text/x-python
+	AddIconByType        /h5ai/icons/rb.png          application/x-ruby
+	AddIconByType        /h5ai/icons/java.png        text/x-java
+	AddIconByType        /h5ai/icons/cpp.png         text/x-c++src
+	AddIconByType        /h5ai/icons/hpp.png         text/x-c++hdr
+	AddIconByType        /h5ai/icons/c.png           text/x-csrc
+	AddIconByType        /h5ai/icons/h.png           text/x-chdr
+
+	AddIconByType        /h5ai/icons/pdf.png         application/pdf
+
+	AddIconByType        /h5ai/icons/rtf.png         text/rtf  application/rtf
+	AddIconByType        /h5ai/icons/tex.png         text/x-tex
+	AddIconByType        /h5ai/icons/makefile.png    text/x-makefile
+
+	AddIconByType        /h5ai/icons/bin.png         application/java-vm
+	AddIconByType        /h5ai/icons/exe.png         application/x-executable application/x-msdos-program
+
+	AddIconByType        /h5ai/icons/text.png        text/*
+	AddIconByType        /h5ai/icons/image.png       image/*
+	AddIconByType        /h5ai/icons/audio.png       audio/*
+	AddIconByType        /h5ai/icons/video.png       video/*
+
+	AddIconByEncoding    /h5ai/icons/zip.png         x-compress  x-gzip  x-bzip2
+
+	DefaultIcon          /h5ai/icons/unknown.png
+
+</IfModule>
+

src/h5ai/css/inc/html5reset.less

@@ -0,0 +1,140 @@
+
+/* HTML5 ✰ Boilerplate reset */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+blockquote, q { quotes: none; }
+blockquote:before, blockquote:after,
+q:before, q:after { content: ""; content: none; }
+ins { background-color: #ff9; color: #000; text-decoration: none; }
+mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
+del { text-decoration: line-through; }
+abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
+table { border-collapse: collapse; border-spacing: 0; }
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+input, select { vertical-align: middle; }
+
+body { font:13px/1.231 sans-serif; *font-size:small; }
+select, input, textarea, button { font:99% sans-serif; }
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+
+/*
+html { overflow-y: scroll; }
+*/
+a:hover, a:active { outline: none; }
+ul, ol { margin-left: 2em; }
+ol { list-style-type: decimal; }
+nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
+small { font-size: 85%; }
+strong, th { font-weight: bold; }
+td { vertical-align: top; }
+sub, sup { font-size: 75%; line-height: 0; position: relative; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
+textarea { overflow: auto; } 
+.ie6 legend, .ie7 legend { margin-left: -7px; } 
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: bottom; }
+.ie7 input[type="checkbox"] { vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
+button, input, select, textarea { margin: 0; }
+input:valid, textarea:valid   {  }
+input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
+.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
+
+
+::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
+::selection { background:#FF5E99; color:#fff; text-shadow: none; }
+a:link { -webkit-tap-highlight-color: #FF5E99; }
+button {  width: auto; overflow: visible; }
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+body, select, input, textarea { color: #444; }
+h1, h2, h3, h4, h5, h6 { font-weight: bold; }
+a, a:active, a:visited { color: #607890; }
+a:hover { color: #036; }
+
+
+/**
+ * Primary styles
+ *
+ * Author: 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+.hidden { display: none; visibility: hidden; }
+.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+.invisible { visibility: hidden; }
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
+.clearfix:after { clear: both; }
+.clearfix { zoom: 1; }
+
+
+@media all and (orientation:portrait) {
+
+}
+
+@media all and (orientation:landscape) {
+
+}
+
+@media screen and (max-device-width: 480px) {
+  
+  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+}
+
+
+@media print {
+  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
+  -ms-filter: none !important; } 
+  a, a:visited { color: #444 !important; text-decoration: underline; }
+  a[href]:after { content: " (" attr(href) ")"; }
+  abbr[title]:after { content: " (" attr(title) ")"; }
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
+  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+  thead { display: table-header-group; } 
+  tr, img { page-break-inside: avoid; }
+  @page { margin: 0.5cm; }
+  p, h2, h3 { orphans: 3; widows: 3; }
+  h2, h3{ page-break-after: avoid; }
+}
+
+/* END - HTML5 ✰ Boilerplate */

src/h5ai/css/inc/mixins.less

@@ -0,0 +1,87 @@
+
+.border-radius ( @radius: 5px ) {
+	-webkit-border-radius: @radius;
+	-moz-border-radius: @radius;
+	border-radius: @radius;
+}
+
+
+.border-top-right-radius ( @radius: 5px ) {
+	-webkit-border-top-right-radius: @radius;
+	-moz-border-radius-topright: @radius;
+	border-top-right-radius: @radius;
+}
+
+
+.border-bottom-right-radius ( @radius: 5px ) {
+	-webkit-border-bottom-right-radius: @radius;
+	-moz-border-radius-bottomright: @radius;
+	border-bottom-right-radius: @radius;
+}
+
+
+.box-shadow ( @x: 10px, @y: 10px, @blur: 5px, @color: #ccc ) {
+	-webkit-box-shadow: @x @y @blur @color;
+	-moz-box-shadow: @x @y @blur @color;
+	box-shadow: @x @y @blur @color;
+}
+
+
+.transition ( @transitions ) {
+	-webkit-transition: @transitions;
+	-moz-transition: @transitions;
+	-o-transition: @transitions;
+	transition: @transitions;
+}
+
+
+.transform ( @transforms ) {
+	-webkit-transform: @transforms;
+	-moz-transform: @transforms;
+	-o-transform: @transforms;
+	transform: @transforms;
+}
+
+
+.rhythm ( @height, @size ) {
+
+	@base: @size / 16;
+	font-size: 1% * @base * 100;
+	@factor: @height / @size;
+	@rhythm: 1em * @factor;
+
+	p {
+		font-size: 1em;
+		line-height: @rhythm;
+		margin-top: @rhythm;
+		margin-bottom: @rhythm;
+	}
+
+	h1 {
+		font-size: @rhythm;
+		line-height: 1em;
+		margin-bottom: 1em;
+		margin-top: 1em;
+	}
+
+	h2 {
+		font-size: @rhythm / 1.1;
+		line-height: 1.1em;
+		margin-bottom: 1.1em;
+		margin-top: 1.1em;
+	}
+
+	h3 {
+		font-size: @rhythm / 1.2;
+		line-height: 1.2em;
+		margin-bottom: 1.2em;
+		margin-top: 1.2em;
+	}
+
+	h4 {
+		font-size: @rhythm / 1.3;
+		line-height: 1.3em;
+		margin-bottom: 1.3em;
+		margin-top: 1.3em;
+	}
+}

src/h5ai/css/main.less

@@ -0,0 +1,244 @@
+
+@import "inc/html5reset";
+@import "inc/mixins";
+
+
+body {
+	font-family: Ubuntu, sans-serif;
+	font-size: 16px;
+	color: #555;
+	margin: 80px 30px;
+}
+
+
+a, a:visited {
+	color: #555;
+	text-decoration: none;
+
+	&:hover {
+		color: #e80;
+	}
+}
+
+
+body > nav {
+	position: fixed;
+	z-index: 1;
+	width: 100%;
+	left: 0;
+	top: 0;
+	font-size: 0.85em;
+	background-color: rgb(240,240,240);
+	border-bottom: 1px solid rgb(225,225,225);
+	.box-shadow( 0, 0, 30px, #555 );
+
+	li {
+		cursor: pointer;
+		opacity: 0.7;
+		.transition( all 0.2s ease-in-out );
+		
+		&.crumb {
+			float: left;
+			border-right: 1px dotted rgb(225,225,225);
+		}
+		&.view {
+			float: right;
+			border-left: 1px dotted rgb(225,225,225);
+		}
+		&:hover, &:hover a {
+			color: #e80;
+			background-color: rgba(255,255,255,0.5);
+			opacity: 1.0;
+		}
+	}
+	a {
+		display: block;
+		height: 30px;
+		line-height: 30px;
+		padding: 0 10px;
+	}
+	img {
+		width: 16px;
+		height: 16px;
+		vertical-align: bottom;
+		padding: 0 6px 6px 0;
+	}
+}
+
+
+#content {
+	max-width: 980px;
+	margin: 0 auto;
+
+	> header {
+		display: none;
+		padding-bottom: 10px;
+		margin-bottom: 80px;
+		border-bottom: 2px dashed #ddd;
+	}
+	> footer {
+		display: none;
+		padding-top: 10px;
+		margin-top: 80px;
+		border-top: 2px dashed #ddd;
+	}
+}
+
+
+#details {
+	display: none;
+
+	table {
+		display: block;
+		width: 100%;
+		border-collapse: collapse;
+
+		tr.entry:hover, tr.entry:hover a {
+			background-color: #f0f0f0;
+			color: #e80;
+			cursor: pointer;
+		}
+		th, td {
+			padding: 3px 6px;
+			text-align: left;
+			border: none;
+		}
+		th {
+			padding-bottom: 18px;
+			opacity: 0.4;
+			.transition( all 0.2s ease-in-out );
+	
+			&.header:hover, &.header:hover a {
+				color: #555;
+				cursor: pointer;
+				opacity: 0.9;
+			}
+			a, a:visited {
+				color: #555;
+				font-weight: normal;
+	
+				img {
+					width: 12px;
+					height: 12px;
+					padding: 0 8px;
+				}
+			}
+		}
+		td {
+			border: 1px solid #ddd;
+			border-left: none;
+			border-right: none;
+		}
+		.icon {
+			text-align: center;
+			width: 16px;
+	
+			img {
+				width: 16px;
+				height: 16px;
+				padding-top: 2px;
+			}
+		}
+		.name {
+			width: 682px;
+			max-width: 682px;
+			overflow: hidden;
+			white-space: nowrap;
+		}
+		.date {
+			text-align: right;
+			width: 160px;
+			min-width: 160px;
+			white-space: nowrap;
+		}
+		.size {
+			text-align: right;
+			width: 70px;
+			min-width: 70px;
+			white-space: nowrap;
+		}
+		.empty {
+			text-align: center;
+			margin: 50px 0;
+			color: #ddd;
+			font-size: 5em;
+			font-weight: bold;
+		}
+	}
+}
+
+
+#icons {
+	display: none;
+	padding: 10px;
+	border: 1px solid #eee;
+	border-radius: 15px;
+
+	.entry {
+		margin: 8px;
+		padding: 8px;
+		width: 100px;
+		height: 120px;
+		float: left;
+		text-align: center;
+		overflow: hidden;
+		border-radius: 5px;
+		cursor: pointer;
+		border: 1px solid rgba(0,0,0,0);
+
+		&:hover {
+			color: #e80;
+			border-color: #eee;
+			.box-shadow( 0, 0, 20px, #999 );
+		}
+		img {
+			width: 48px;
+			height: 48px;
+			margin-bottom: 8px;
+		}
+	}
+}
+
+
+body > footer {
+	position: fixed;
+	z-index: 1;
+	width: 100%;
+	left: 0;
+	bottom: 0;
+	padding: 10px 0;
+	border-top: 1px solid rgb(225,225,225);
+	background-color: rgb(240,240,240);
+	color: #999;
+	font-size: 0.85em;
+	text-align: center;
+	.box-shadow( 0, 0, 30px, #555 );
+
+	a, a:visited {
+		color: #555;
+		.transition( all 0.2s ease-in-out );
+
+		&:hover {
+			color: #e80;
+		}
+	}
+}
+
+
+#html5 {
+	position: absolute;
+	left: 6px;
+	bottom: 6px;
+	float: left;
+
+	img {
+		width: 20px;
+		height: 20px;
+		opacity: 0.4;
+		.transition( all 0.2s ease-in-out );
+	}
+	&:hover img {
+		opacity: 0.8;
+	}
+}
+

src/h5ai/footer.html

@@ -0,0 +1,23 @@
+			<!-- generated code ends here -->
+		</section>
+		<section id="icons"></section>
+		<footer></footer>
+	</section>
+	<footer>
+		<a id="html5" href="http://www.w3.org/html/logo/" target="_blank" title="HTML5 semantics, storage & CSS3">
+			<img class="logo" src="/h5ai/images/html5.png" alt="html5" />
+			<img class="techclass" src="/h5ai/images/html5-semantics.png" alt="html5-semantics" />
+			<img class="techclass" src="/h5ai/images/html5-storage.png" alt="html5-storage" />
+			<img class="techclass" src="/h5ai/images/html5-css3.png" alt="html5-css3" />
+		</a>
+		<a href="http://github.com/lrsjng/h5ai" target="_blank" title="%BUILD_NAME% %BUILD_VERSION%">h5ai</a>
+		using
+		<a href="http://html5boilerplate.com" target="_blank" title="a rock-solid default for HTML5 awesome">HTML5 Boilerplate</a>
+		and
+		<a href="http://tiheum.deviantart.com/art/Faenza-Icons-173323228" target="_blank" title="icon theme for Gnome">Faenza icons</a>
+	</footer>
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
+	<script>window.jQuery || document.write( '<script src="/h5ai/js/lib/jquery-1.6.1.min.js"><\/script>' )</script>
+	<script src="/h5ai/js/main.js"></script>
+</body>
+</html>

src/h5ai/header.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="no-js">
+<head>
+	<meta charset="utf-8">
+	<title>Directory index · styled with h5ai</title>
+	<meta name="h5ai-version" content="%BUILD_NAME% %BUILD_VERSION%">
+	<meta name="description" content="Directory index styled with h5ai (http://github.com/lrsjng/h5ai)">
+	<meta name="keywords" content="directory, index, autoindex, h5ai">
+	<link rel="shortcut icon" href="/h5ai/icons/folder.png" />
+	<link rel="apple-touch-icon" href="/h5ai/images/folder.png">
+	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold">
+	<link rel="stylesheet" type="text/css" href="/h5ai/css/main.css">
+	<script src="/h5ai/js/lib/modernizr-2.0.4.min.js"></script>
+</head>
+<body>
+	<nav>
+		<ul>
+			<li id="domain" class="crumb"><a href="/"><img src="/h5ai/icons/home.png" alt="domain" /><span>domain</span></a></li>
+			<li id="viewicons" class="view"><a href="#"><img src="/h5ai/icons/view-icons.png" alt="view-icons" />icons</a></li>
+			<li id="viewdetails" class="view" ><a href="#"><img src="/h5ai/icons/view-details.png" alt="view-details" />details</a></li>
+		</ul>
+		<div class="clearfix"></div>
+	</nav>
+	<section id="content">
+		<header></header>
+		<section id="details">
+			<!--
+				The following code was generated by apache's autoindex module. It is not valid HTML 5 for the
+				reason, that 'align' and 'valign' attributes on the td element are obsolete. Both of them are
+				removed via javascript. The actual page should render as perfect HTML 5, even if the produced
+				source is not valid HTML 5.
+			-->