Merge branch 'develop'

Norwegian translation

.gitignore

@@ -1,15 +1,11 @@
 
 # Build folders to ignore
-bin
 build
-#target
-
 build.local.*
+release
 
-
-# Eclipse
-.classpath
-.ant-targets-*
+# Sublime
+*.sublime-*
 
 # Numerous always-ignore extensions
 *.diff
@@ -22,29 +18,3 @@ build.local.*
 *.vi
 *~
 *.sass-cache
-
-# OS or Editor folders
-.DS_Store
-.cache
-.project
-.settings
-.tmproj
-nbproject
-Thumbs.db
-
-# Dreamweaver added files
-_notes
-dwsync.xml
-
-# Komodo
-*.komodoproject
-.komodotools
-
-# Folders to ignore
-.hg
-.svn
-.CVS
-intermediate
-publish
-.idea
-

LICENSE.txt

@@ -0,0 +1,19 @@
+Copyright (c) 2012 Lars Jung, http://larsjung.de
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,74 +1,276 @@
-# h5ai v0.5.2   ·   a beautified Apache index
+# h5ai
+
+Please don't use files from this repository (`src` folder) for installation.
+They need to be preprocessed/compiled to work correctly. You'll find a
+precompiled package on the [project page](http://larsjung.de/h5ai).
+
+To report a bug or make a feature request
+please create [a new issue](http://github.com/lrsjng/h5ai/issues/new).
+
+* Website with download, docs and demo: <http://larsjung.de/h5ai>
+* Sources: <http://github.com/lrsjng/h5ai>
+* Q&A group: <http://groups.google.com/group/h5ai>
+
+h5ai is provided under the terms of the [MIT License](http://github.com/lrsjng/h5ai/blob/master/LICENSE.txt).
 
 
-## Screenshots
+## h5ai profits from these great projects
 
-<a href="http://github.com/lrsjng/h5ai/raw/master/resources/h5ai-v0.4-details.png" target="_blank">
-	<img src="http://github.com/lrsjng/h5ai/raw/master/resources/h5ai-v0.4-details.png" width="400px" alt="screenshot" title="screenshot" style="display: inline" />
-</a>
-&#160; &#160; &#160;
-<a href="http://github.com/lrsjng/h5ai/raw/master/resources/h5ai-v0.4-icons.png" target="_blank">
-	<img src="http://github.com/lrsjng/h5ai/raw/master/resources/h5ai-v0.4-icons.png" width="400px" alt="screenshot" title="screenshot" style="display: inline" />
-</a>
-
-
-## Live example
-
-View a [sample folder](http://larsjung.de/h5ai/sample)  
-*(the files are all empty to save webspace)*
-
-
-## Install
-
-Everything you need is located in folder `target`.
-
-* Copy folder `h5ai` to the web-root directory of your server or alternativly set an alias `/h5ai/` to
-  this folder.
-* Add the content of file `dot.htaccess` to the `.htaccess` file inside the directory
-  you want to be styled (you might have to create this file). This directory and any subdirectories will be
-  styled by h5ai.
-
-Optionally add `h5ai.header.html` and/or `h5ai.footer.html` files to any of the styled folders to [display
-custom top or bottom sections](http://larsjung.de/h5ai/sample/customize). The content of those files
-will be wrapped by `<header>` and `<footer>` tags.
-
-
-## License and References
-
-<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a>  
-[h5ai](http://larsjung.de/h5ai) is provided under the terms of the [CC BY-SA 3.0 License](http://creativecommons.org/licenses/by-sa/3.0/).  
-It is based on
-[HTML5 Boilerplate](http://html5boilerplate.com),
-[jQuery](http://jquery.com),
-[Modernizr](http://www.modernizr.com) and
-[Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-173323228),
-please respect their rights.
+* [AmplifyJS](http://amplifyjs.com) (MIT/GPL)
+* [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-173323228) (GPL)
+* [HTML5 ★ Boilerplate](http://html5boilerplate.com)
+* [jQuery](http://jquery.com) (MIT/GPL)
+* [jQuery.fracs](http://larsjung.de/fracs) (MIT)
+* [jQuery.mousewheel](http://github.com/brandonaaron/jquery-mousewheel) (MIT)
+* [modernizr](http://www.modernizr.com) (MIT/BSD)
+* [Moment.js](http://momentjs.com) (MIT)
+* [qrcode](http://www.d-project.com/qrcode/index.html) (MIT)
+* [underscore.js](http://underscorejs.org) (MIT)
 
 
 ## Changelog
 
-### v0.5.2
-*2011-07-02*
+
+### v0.19 - *2012-04-??*
+
+* adds lots of config options
+* changes in `config.js` and `h5ai.htaccess`
+* fixes js problems in IE 7+8
+* hides broken tree view in IE < 9, adds a message to the footer
+* removes hash changes since they break logical browser history
+* fixes thumbnail size for portrait images in icon view
+* fixes problems with file type recognition
+* adds an info page at `/_h5ai`
+* sort order is preserved while browsing
+* removes PHP error messages on thumbnail generation
+* fixes PHP some problems with packed download
+* adds support for tarred downloads
+* changes crumb image for folders with an index file
+* adds `index.php` to use h5ai in non-Apache environments
+* switches from [Datejs](http://www.datejs.com) to [Moment.js](http://momentjs.com)
+* adds [underscore.js](http://underscorejs.org)
+* fixes mousewheel problems, updates [jQuery.mousewheel](http://github.com/brandonaaron/jquery-mousewheel) to 3.0.6
+* updates lv translation
+* adds ro translation by [Jakob Cosoroabă](http://github.com/midday)
+* adds ja translation by [metasta](http://github.com/metasta)
+* adds nb translation by [Sindre Sorhus](http://github.com/sindresorhus)
+* adds sr translation by [Goran](http://github.com/vBm)
+* adds gr translation by [xhmikosr](http://github.com/xhmikosr)
+
+
+### v0.18 - *2012-02-24*
+
+* adds optional QRCode display
+* adds optional filtering for displayed files and folders
+* updates design
+* improves zipped download
+* adds support for zipped download of htaccess restricted files
+* changes h5ai.htaccess
+* custom headers/footers are now optional and disabled by default
+* fixes problems with folder recognition in the JS version
+* fixes include problems in PHP version
+* fixes path problems on servers running on Windows in PHP version
+* fixes broken links in custom headers/footers while zipped download enabled
+* fixes problems with thumbnails for files with single or double quotes in filename
+* improves url hashes
+* updates year in `LICENSE.TXT`
+* updates es translation
+* adds zh-tw translation by [Yao Wei](http://github.com/medicalwei)
+* updates zh-cn translation
+
+
+### v0.17 - *2011-11-28*
+
+* h5ai is now located in `_h5ai` to reduce collisions
+* switches from HTML5 Boilerplate reset to normalization
+* adds some style changes for small devices
+* configuration (options, types, translations) now via `config.js`
+* icons for JS version are now configured via `config.js`
+* sort order configuration changed
+* sorting is now done without page reload
+* adds `customHeader` and `customFooter` to `config.js`
+* supports restricted folders to some extent
+* some style changes on tree and language menu
+* fixes total file/folder count in status bar
+* adds support for use with userdir (requires some manual changes)
+
+
+### v0.16 - *2011-11-02*
+
+* sorts translations in `options.js`
+* improves HTML head sections
+* refactors JavaScript and PHP a lot
+* improves/fixes file selection for zipped download
+* fixes scrollbar and header/footer link issues (didn't work when zipped download enabled)
+* adds support for ctrl-select
+* `dateFormat` in `options.js` changed, now affecting JS and PHP version
+* `dateFormat` is localizable by adding it to a translation in `options.js`
+* PHP version is now configurable via `php/config.php` (set custom doc root and other PHP related things)
+* image thumbs and zipped download is disabled by default now, but works fine if PHP is configured
+
+
+### v0.15.2 - *2011-09-18*
+
+* added it translation by [Salvo Gentile](http://github.com/SalvoGentile) and [Marco Patriarca](http://github.com/Fexys)
+* switched build process from scripp to wepp
+
+
+### v0.15.1 - *2011-09-06*
+
+* fixed security issues with the zipped download feature
+* made zipped download optional (but enabled by default)
+
+
+### v0.15 - *2011-09-04*
+
+* added zipped download for selected files
+* cleaned and refactored
+
+
+### v0.14.1 - *2011-09-01*
+
+* display meta information in bottom bar (icon view)
+* added zh-cn translation by [Dongsheng Cai](http://github.com/dongsheng)
+* added pl translation by Radosław Zając
+* added ru translation by Богдан Илюхин
+
+
+### v0.14 - *2011-08-16*
+
+* added image thumbnails for PHP version
+* new option `slideTree` to turn off auto slide in
+
+
+### v0.13.2 - *2011-08-12*
+
+* changes in `/h5ai/.htaccess` ... PHP configuration ...
+
+
+### v0.13.1 - *2011-08-12*
+
+* ~~hopefully fixed that PHP doesn't get interpreted~~ :/
+* fixed initial tree display
+* added sort order option
+* added/fixed some translations
+* added lv translation by Sandis Veinbergs
+
+
+### v0.13 - *2011-08-06*
+
+* added PHP implementation! (should work with PHP 5.2+)
+* added new options
+* changed layout of the bottom bar to display status information
+* added language selector to the bottom bar
+* quoted keys in `options.js` to make it valid json
+* changed value of option `lang` from `undefined` to `null`
+* added some new keys to `h5aiLangs`
+* added browser caching rules for css and js
+* added pt translation by [Jonnathan](http://github.com/jonnsl)
+* added bg translation by George Andonov
+
+
+### v0.12.3 - *2011-07-30*
+
+* added tr translation by [Batuhan Icoz](http://github.com/batuhanicoz)
+
+
+### v0.12.2 - *2011-07-30*
+
+* added es translation by Jose David Calderon Serrano
+
+
+### v0.12.1 - *2011-07-29*
+
+* fixed unchecked use of console.log
+
+
+### v0.12 - *2011-07-28*
+
+* improved performance
+
+
+### v0.11 - *2011-07-27*
+
+* changed license to MIT license, see `LICENSE.txt`
+
+
+### v0.10.2 - *2011-07-26*
+
+* improved tree scrollbar
+
+
+### v0.10.1 - *2011-07-24*
+
+* fixed problems with ' in links
+
+
+### v0.10 - *2011-07-24*
+
+* fixed problems with XAMPP on Windows (see `dot.htaccess` comments for instructions)
+* fixed tree fade-in-fade-out effect for small displays ([issue #6](http://github.com/lrsjng/h5ai/issues/6))
+* added custom scrollbar to tree ([issue #6](http://github.com/lrsjng/h5ai/issues/6))
+* fixed broken links caused by URI encoding/decoding ([issue #9](http://github.com/lrsjng/h5ai/issues/9))
+* added "empty" to localization (hope Google Translate did a good job here)
+
+
+### v0.9 - *2011-07-18*
+
+* linked hover states between crumb, extended view and tree
+* fixed size of tree view (now there's a ugly scrollbar, hopefully will be fixed)
+* refactored js to improve performance and cleaned code
+* added caching for folder status codes and content
+* added fr translation by [Nicolas](http://github.com/Nicosmos)
+* added nl translation by [Stefan de Konink](http://github.com/skinkie)
+* added sv translation by Oscar Carlsson
+
+
+### v0.8 - *2011-07-08*
+
+* removed slashes from folder labels
+* optionally rename parent folder entries to real folder names, see `options.js`
+* long breadcrumbs (multiple rows) no longer hide content
+* error folder icons are opaque now
+* refactored js a lot (again...)
+
+
+### v0.7 - *2011-07-07*
+
+* removed shadows
+* smarter tree side bar
+
+
+### v0.6 - *2011-07-05*
+
+* refactored js
+* added localization, see `options.js`
+
+
+### v0.5.3 - *2011-07-04*
+
+* refactored js
+* added basic options support via `options.js`
+* commented `options.js`
+* optional tree sidebar
+
+
+### v0.5.2 - *2011-07-02*
 
 * details view adjusts to window width
 * linked icon for *.gz and *.bz2
 
 
-### v0.5.1
-*2011-07-01*
+### v0.5.1 - *2011-07-01*
 
 * disabled tree sidebar for now, since it had unwanted side effects
 
 
-### v0.5
-*2011-07-01*
+### v0.5 - *2011-07-01*
 
 * added tree sidebar
 * some refactorings
 
 
-### v0.4
-*2011-06-27*
+### v0.4 - *2011-06-27*
 
 * added better fallback, in case JavaScript is disabled
 * rewrote js, fixed middle-button click etc. problems
@@ -77,23 +279,20 @@ please respect their rights.
 * updated dot.access
 
 
-### v0.3.2
-*2011-06-24*
+### v0.3.2 - *2011-06-24*
 
 * removed lib versions from file names
 * added 'empty' indicator for icons view
 
 
-### v0.3.1
-*2011-06-24*
+### v0.3.1 - *2011-06-24*
 
 * refactored js
 * added `folderClick` and `fileClick` callback hooks
 * fixed .emtpy style
 
 
-### v0.3
-*2011-06-23*
+### v0.3 - *2011-06-23*
 
 * included build stuff, files previously found in the base directory are now located in folder `target`
 * styles and scripts are now minified
@@ -101,23 +300,20 @@ please respect their rights.
 * updated jQuery to version 1.6.1
 
 
-### v0.2.3
-*2011-06-17*
+### v0.2.3 - *2011-06-17*
 
 * more refactoring in main.js
 * ~~added custom js support, and global includes~~ *removed, only custom top and bottom sections supported*
 
 
-### v0.2.2
-*2011-06-16*
+### v0.2.2 - *2011-06-16*
 
 * refactored a lot, added some comments
-* included fixes from [NumEricR](http://github.com/NumEricR/h5ai)
+* included fixes from [NumEricR](http://github.com/NumEricR)
 * added top/bottom message support, only basicly styled
 
 
-### v0.2.1
-*2011-06-16*
+### v0.2.1 - *2011-06-16*
 
 * fixed croped filenames
 * fixed missing .png extension in header
@@ -125,8 +321,7 @@ please respect their rights.
 * added changelog
 
 
-### v0.2
-*2011-06-15*
+### v0.2 - *2011-06-15*
 
 * added icon view
 

build.properties

@@ -1,19 +1,22 @@
-custom                           = true
+custom             = true
 
 
 # project
-project.name                     = h5ai
-project.version                  = 0.5.2
+project.name       = h5ai
+project.version    = 0.19
 
 
 # src
-src.dir                          = src
+src.dir            = src
 
 
 # build
-build.dir                        = target
+build.dir          = build
+release.dir        = release
 
 
-# libs
-lib.scripp.jar                   = tools/scripp.jar
+# tools
+tool.wepp          = wepp
+tool.jslint        = jslint
+tool.jshint        = jshint
 

build.xml

@@ -2,8 +2,9 @@
 <project
 	name="h5ai"
 	basedir="."
-	xmlns:scripp="antlib:de.larsjung.scripp.ant"
+	default="release"
 >
+
 	<target name="init">
 		<property file="build.properties" />
 		<tstamp>
@@ -11,23 +12,19 @@
 		</tstamp>
 		<property name="build.label" value="${project.name} ${project.version} b${build.stamp}" />
 		<echo>Build: ${build.label}</echo>
-        <taskdef
-        	resource="de/larsjung/scripp/ant/antlib.xml"
-        	uri="antlib:de.larsjung.scripp.ant"
-        	classpath="${lib.scripp.jar}"
-        />
 	</target>
 
-
 	<target name="clean" depends="init">
 		<delete dir="${build.dir}" />
+		<delete dir="${release.dir}" />
 	</target>
 
-
-	<target name="build" depends="clean">
+	<target name="build-prepare" depends="clean">
 		<mkdir dir="${build.dir}" />
 		<copy todir="${build.dir}">
-		    <fileset dir="${src.dir}" />
+			<fileset dir="${src.dir}" />
+			<fileset file="LICENSE.txt" />
+			<fileset file="README.md" />
 		</copy>
 		<replace dir="${build.dir}">
 			<replacefilter token="%BUILD%" value="${build.label}" />
@@ -35,24 +32,99 @@
 			<replacefilter token="%BUILD_VERSION%" value="${project.version}" />
 			<replacefilter token="%BUILD_STAMP%" value="${build.stamp}" />
 		</replace>
+	</target>
 
-		<scripp.dir dir="${build.dir}/h5ai/css" />
-		<scripp.dir dir="${build.dir}/h5ai/js" />
+	<target name="build" depends="build-prepare">
+		<wepp-dir-min dir="${build.dir}/_h5ai/css" todir="${build.dir}/_h5ai/css" />
+		<wepp-dir-min dir="${build.dir}/_h5ai/js" todir="${build.dir}/_h5ai/js" />
+	</target>
+
+	<target name="build-uncompressed" depends="build-prepare">
+		<wepp-dir dir="${build.dir}/_h5ai/css" todir="${build.dir}/_h5ai/css" />
+		<wepp-dir dir="${build.dir}/_h5ai/js" todir="${build.dir}/_h5ai/js" />
+	</target>
+
+	<target name="release" depends="build">
+		<mkdir dir="${release.dir}" />
+		<zip destfile="${release.dir}/${project.name}-${project.version}.zip" basedir="${build.dir}" />
+	</target>
+
+	<target name="lint" depends="build-prepare">
+		<wepp file="${build.dir}/_h5ai/js/inc/main.js" tofile="${build.dir}/_h5ai/js/inc/main.js" />
+		<jslint files="${build.dir}/_h5ai/js/inc/main.js" />
+	</target>
+
+	<target name="hint" depends="build-prepare">
+		<wepp file="${build.dir}/_h5ai/js/inc/main.js" tofile="${build.dir}/_h5ai/js/inc/main.js" />
+		<jshint files="${build.dir}/_h5ai/js/inc/main.js" />
 	</target>
 
 
-	<macrodef name="scripp.dir">
-		<attribute name="dir" />
+	<macrodef name="wepp-args">
+		<attribute name="args" default="" />
 		<sequential>
-			<scripp:process>
-		        <fileset dir="@{dir}" includes="**/*.less,**/*.css,**/*.js" excludes="inc/**/*,**/*.min.css,**/*.min.js" />
-				<globmapper from="*.less" to="*.css" />
-		        <globmapper from="*.css" to="*.css" />
-		        <globmapper from="*.js" to="*.js" />
-			</scripp:process>
-			<delete dir="@{dir}/inc">
-				<fileset dir="@{dir}" includes="**/*.less" />
+			<exec executable="${tool.wepp}" failonerror="true">
+				<arg line="@{args}" />
+			</exec>
+		</sequential>
+	</macrodef>
+
+	<macrodef name="wepp">
+		<attribute name="file" />
+		<attribute name="tofile" />
+		<sequential>
+			<wepp-args args="--nc --inFile '@{file}' --outFile '@{toFile}'" />
+		</sequential>
+	</macrodef>
+
+	<macrodef name="wepp-min">
+		<attribute name="file" />
+		<attribute name="tofile" />
+		<sequential>
+			<wepp-args args="--inFile '@{file}' --outFile '@{toFile}'" />
+		</sequential>
+	</macrodef>
+
+	<macrodef name="wepp-dir">
+		<attribute name="dir" />
+		<attribute name="todir" />
+		<sequential>
+			<wepp-args args="--nc --inDir '@{dir}' --outDir '@{todir}'" />
+			<delete dir="@{todir}/inc" >
+				<fileset dir="." includes="@{todir}/**/*.less" />
 			</delete>
 		</sequential>
 	</macrodef>
+
+	<macrodef name="wepp-dir-min">
+		<attribute name="dir" />
+		<attribute name="todir" />
+		<sequential>
+			<wepp-args args="--inDir '@{dir}' --outDir '@{todir}'" />
+			<delete dir="@{todir}/inc" >
+				<fileset dir="." includes="@{todir}/**/*.less" />
+			</delete>
+		</sequential>
+	</macrodef>
+
+	<macrodef name="jslint">
+		<attribute name="files" />
+		<sequential>
+			<echo>JSLint @{files}</echo>
+			<exec executable="${tool.jslint}" failonerror="false">
+				<arg line="@{files}" />
+			</exec>
+		</sequential>
+	</macrodef>
+
+	<macrodef name="jshint">
+		<attribute name="files" />
+		<sequential>
+			<echo>JSHint @{files}</echo>
+			<exec executable="${tool.jshint}" failonerror="false">
+				<arg line="@{files}" />
+			</exec>
+		</sequential>
+	</macrodef>
+
 </project>

src/_h5ai/.htaccess

@@ -0,0 +1,37 @@
+
+Options  -Indexes
+
+AddType  text/html  .php
+
+
+###########################################
+# if php doesn't get interpreted try to
+# uncomment one of the following lines
+###########################################
+
+#AddHandler  application/x-httpd-php  .php
+#AddHandler  application/x-httpd-php5  .php
+#AddHandler  application/x-httpd-php52  .php
+#AddHandler  application/x-httpd-php53  .php
+#AddHandler  php-script  .php
+#AddHandler  php5-script  .php
+#AddHandler  php52-script  .php
+#AddHandler  php53-script  .php
+
+
+# cache images, css and js for 7 days
+<IfModule headers_module>
+	<FilesMatch "\.png$">
+		Header set Cache-Control "max-age=604800, public"
+	</FilesMatch>
+	<FilesMatch "\.css$">
+		Header set Cache-Control "max-age=604800, public"
+	</FilesMatch>
+	<FilesMatch "\.js$">
+		Header set Cache-Control "max-age=604800, public"
+	</FilesMatch>
+	<FilesMatch "thumb-.*\.jpg$">
+		Header set Cache-Control "max-age=604800, public"
+	</FilesMatch>
+</IfModule>
+

src/_h5ai/cache/README.md

@@ -0,0 +1,7 @@
+# Cache
+
+This directory is used for server side caching. To use caching make this
+directory writable for Apache.
+
+There is no critical data in here. You can savely remove any content. This
+will clear the cache.

src/_h5ai/config.js

@@ -0,0 +1,580 @@
+/*
+ * h5ai %BUILD_VERSION%
+ *
+ * Configuration
+ * options, types and localization
+ */
+
+var H5AI_CONFIG = {
+
+	"options": {
+
+		/*
+		 * The absolute links to webroot and h5ai.
+		 * Do not change this unless you know what you are doing.
+		 */
+		"rootAbsHref": "/",
+		"h5aiAbsHref": "/_h5ai/",
+
+		/*
+		 * Spacing of the main content.
+		 * Left and right will be added to a minimum of 30px. Top and bottom
+		 * are calculated relative to the top and bottom bar heights.
+		 */
+		"spacing": {
+			"maxWidth": 960,
+			"top": 50,
+			"right": "auto",
+			"bottom": 50,
+			"left": "auto"
+		},
+
+		/*
+		 * An array of view modes the user may choose from. Currently there
+		 * are two possible values: "details" and "icons". The first value
+		 * indicates the default view mode. If only one value is given the
+		 * view mode is fixed and the selector buttons are hidden.
+		 * The user selected view mode is also stored local in modern browsers
+		 * so that it will be persistent.
+		 *
+		 * Set parent folder labels to real folder names.
+		 */
+		"view": {
+			"modes": ["details", "icons"],
+			"setParentFolderLabels": true
+		},
+
+
+
+
+		/*
+		 * Extensions in alphabetical order.
+		 */
+
+		/*
+		 * Show a clickable breadcrumb.
+		 */
+		"crumb": {
+			"enabled": true
+		},
+
+		/*
+		 * Filenames of customized header and footer files to look for
+		 * in each folder.
+		 */
+		"custom": {
+			"enabled": false,
+			"header": "_h5ai.header.html",
+			"footer": "_h5ai.footer.html"
+		},
+
+		/*
+		 * EXPLICITLY: USE "shell" ON YOUR OWN RISK.
+		 *
+		 * Requires PHP on the server.
+		 * Enable packaged download of selected entries.
+		 * Execution: "php", "shell".
+		 * Supported formats: "tar", "zip".
+		 */
+		"download": {
+			"enabled": false,
+			"execution": "shell",
+			"format": "zip"
+		},
+
+		/*
+		 * Allow filtering the displayed files and folders.
+		 * Note: filters will be treated as JavaScript regular expressions
+		 * if you prefix them with "re:".
+		 */
+		"filter": {
+			"enabled": true
+		},
+
+		/*
+		 * Associative array of folders and their HTTP status codes to
+		 * avoid HEAD requests to that folders. The key (folder) must start
+		 * and end with a slash (/).
+		 * For example
+		 *   "/some/folder/": 200
+		 * will always return HTTP status 200 (OK), which will be interpreted
+		 * as a non auto indexed folder, that means a folder containing an
+		 * appropriate default index file.
+		 */
+		"folderstatus": {
+			"enabled": false,
+			"folders": {}
+		},
+
+		/*
+		 * Localization, for example "en", "de" etc. - see "langs" below for
+		 * possible values. Adjust it to your needs. If lang is not found in
+		 * "langs" it defaults to "en".
+		 *
+		 * Optionally try to use browser language, falls back to previous
+		 * specified language.
+		 */
+		"l10n": {
+			"enabled": true,
+			"lang": "en",
+			"useBrowserLang": true
+		},
+
+		/*
+		 * Link the hover effects between crumb, main view and tree.
+		 */
+		"link-hover-states": {
+			"enabled": true
+		},
+
+		/*
+		 * Show QRCodes on hovering files.
+		 */
+		"qrcode": {
+			"enabled": false,
+			"size": 150
+		},
+
+		/*
+		 * Make entries selectable. At the moment only needed for packaged download.
+		 */
+		"select": {
+			"enabled": true
+		},
+
+		/*
+		 * Default sort order is a two letter code. The first letter specifies
+		 * the column: "n" for "Name", "d" for "Date" or "s" for "Size". The
+		 * second letter specifies the sort order: "a" for "ascending" or "d"
+		 * for "descending".
+		 */
+		"sort": {
+			"enabled": true,
+			"order": "na"
+		},
+
+		/*
+		 * Show additional info in a statusbar.
+		 */
+		"statusbar": {
+			"enabled": true
+		},
+
+		/*
+		 * Requires PHP on the server.
+		 * Show thumbnails for image files. Needs the "/_h5ai/cache" folder to be
+		 * writable for the Apache Server.
+		 */
+		"thumbnails": {
+			"enabled": true,
+			"types": ["bmp", "gif", "ico", "image", "jpg", "png", "tiff"],
+			"delay": 1000
+		},
+
+		/*
+		 * Replace window title with current breadcrumb.
+		 */
+		"title": {
+			"enabled": true
+		},
+
+		/*
+		 * Show a folder tree.
+		 * Note that this tree might have side effects as it sends HEAD requests
+		 * to the folders, and therefore will invoke index.php scripts. Use
+		 * "folderstatus" above to avoid such requests.
+		 * It might also affect performance significantly.
+		 *
+		 * Slide tree bar into viewport if there is enough space.
+		 */
+		"tree": {
+			"enabled": true,
+			"slide": true
+		}
+	},
+
+
+	/*
+	 * File types mapped to file extensions. In alphabetical order.
+	 */
+	"types": {
+		"archive":			[".tar.bz2", ".tar.gz", ".tgz"],
+		"audio":			[".aif", ".flac", ".m4a", ".mid", ".mp3", ".mpa", ".ra", ".ogg", ".wav", ".wma"],
+		"authors":			["authors"],
+		"bin":				[".class", ".o", ".so"],
+		"blank":			[],
+		"bmp":				[".bmp"],
+		"c":				[".c"],
+		"calc":				[".ods", ".ots", ".xlr", ".xls", ".xlsx"],
+		"cd":				[".cue", ".iso"],
+		"copying":			["copying", "license"],
+		"cpp":				[".cpp"],
+		"css":				[".css", ".less"],
+		"deb":				[".deb"],
+		"default":			[],
+		"doc":				[".doc", ".docx", ".odm", ".odt", ".ott"],
+		"draw":				[".drw"],
+		"eps":				[".eps"],
+		"exe":				[".bat", ".cmd", ".exe"],
+		"folder":			[],
+		"folder-home":		[],
+		"folder-open":		[],
+		"folder-page":		[],
+		"folder-parent":	[],
+		"gif":				[".gif"],
+		"gzip":				[".gz"],
+		"h":				[".h"],
+		"hpp":				[".hpp"],
+		"html":				[".htm", ".html", ".shtml"],
+		"ico":				[".ico"],
+		"image":			[".xpm"],
+		"install":			["install"],
+		"java":				[".java"],
+		"jpg":				[".jpg", ".jpeg"],
+		"js":				[".js", ".json"],
+		"log":				[".log", "changelog"],
+		"makefile":			[".pom", "build.xml", "pom.xml"],
+		"package":			[],
+		"pdf":				[".pdf"],
+		"php":				[".php"],
+		"playlist":			[".m3u", ".m3u8", ".pls"],
+		"png":				[".png"],
+		"pres":				[".odp", ".otp", ".pps", ".ppt", ".pptx"],
+		"psd":				[".psd"],
+		"py":				[".py"],
+		"rar":				[".rar"],
+		"rb":				[".rb"],
+		"readme":			["readme"],
+		"rpm":				[".rpm"],
+		"rss":				[".rss"],
+		"rtf":				[".rtf"],
+		"script":			[".conf", ".csh", ".ini", ".ksh", ".sh", ".shar", ".tcl"],
+		"source":			[],
+		"sql":				[],
+		"tar":				[".tar"],
+		"tex":				[".tex"],
+		"text":				[".diff", ".markdown", ".md", ".patch", ".text", ".txt"],
+		"tiff":				[".tiff"],
+		"unknown":			[],
+		"vcal":				[".vcal"],
+		"video":			[".avi", ".flv", ".mkv", ".mov", ".mp4", ".mpg", ".rm", ".swf", ".vob", ".wmv"],
+		"xml":				[".xml"],
+		"zip":				[".7z", ".bz2", ".jar", ".lzma", ".war", ".z", ".Z", ".zip"]
+	},
+
+
+	/*
+	 * Available translations. "en" in first place as a reference, otherwise in alphabetical order.
+	 *
+	 * Date format is used in detailed view, for example: "YYYY-MM-DD HH:mm:ss"
+	 * Syntax as specified by Moment.js (http://momentjs.com)
+	 */
+	"langs": {
+
+		"en": {
+			"lang": "english",
+			"details": "details",
+			"icons": "icons",
+			"name": "Name",
+			"lastModified": "Last modified",
+			"size": "Size",
+			"parentDirectory": "Parent Directory",
+			"empty": "empty",
+			"folders": "folders",
+			"files": "files",
+			"download": "download",
+			"noMatch": "no match",
+			"dateFormat": "YYYY-MM-DD HH:mm"
+		},
+
+		"bg": {
+			"lang": "български",
+			"details": "детайли",
+			"icons": "икони",
+			"name": "Име",
+			"lastModified": "Последна промяна",
+			"size": "Размер",
+			"parentDirectory": "Предходна директория",
+			"empty": "празно",
+			"folders": "папки",
+			"files": "файлове"
+		},
+
+		"cs": {
+			"lang": "čeština",
+			"details": "podrobnosti",
+			"icons": "ikony",
+			"name": "Název",
+			"lastModified": "Upraveno",
+			"size": "Velikost",
+			"parentDirectory": "Nadřazený adresář",
+			"empty": "prázdný",
+			"folders": "složek",
+			"files": "souborů"
+		},
+
+		"de": {
+			"lang": "deutsch",
+			"details": "Details",
+			"icons": "Icons",
+			"name": "Name",
+			"lastModified": "Geändert",
+			"size": "Größe",
+			"parentDirectory": "Übergeordnetes Verzeichnis",
+			"empty": "leer",
+			"folders": "Ordner",
+			"files": "Dateien",
+			"download": "Download",
+			"noMatch": "keine Treffer",
+			"dateFormat": "DD.MM.YYYY HH:mm"
+		},
+
+		"es": {
+			"lang": "español",
+			"details": "Detalles",
+			"icons": "Íconos",
+			"name": "Nombre",
+			"lastModified": "Última modificación",
+			"size": "Tamaño",
+			"parentDirectory": "Directorio superior",
+			"empty": "vacío",
+			"folders": "Directorios",
+			"files": "Archivos",
+			"download": "Descargar"
+		},
+
+		"fr": {
+			"lang": "français",
+			"details": "détails",
+			"icons": "icônes",
+			"name": "Nom",
+			"lastModified": "Dernière modification",
+			"size": "Taille",
+			"parentDirectory": "Dossier parent",
+			"empty": "vide",
+			"folders": "Répertoires",
+			"files": "Fichiers",
+			"download": "télécharger",
+			"noMatch": "rien trouvé"
+		},
+
+		"gr": {
+			"lang": "ελληνικά",
+			"details": "Λεπτομέρειες",
+			"icons": "Εικονίδια",
+			"name": "Όνομα",
+			"lastModified": "Τελευταία Τροποποίηση",
+			"size": "Μέγεθος",
+			"parentDirectory": "Προηγούμενος Κατάλογος",
+			"empty": "κενό",
+			"folders": "Φάκελοι",
+			"files": "Αρχεία",
+			"download": "Μεταμόρφωση",
+			"noMatch": "Κανένα Ταίριασμα"
+		},
+
+		"it": {
+			"lang": "italiano",
+			"details": "dettagli",
+			"icons": "icone",
+			"name": "Nome",
+			"lastModified": "Ultima modifica",
+			"size": "Dimensione",
+			"parentDirectory": "Cartella Superiore",
+			"empty": "vuota",
+			"folders": "cartelle",
+			"files": "file"
+		},
+
+		"ja": {
+			"lang": "日本語",
+			"details": "詳細",
+			"icons": "アイコン",
+			"name": "名前",
+			"lastModified": "変更日",
+			"size": "サイズ",
+			"parentDirectory": "親フォルダ",
+			"empty": "項目なし",
+			"folders": "フォルダ",
+			"files": "ファイル",
+			"download": "ダウンロード",
+			"noMatch": "一致なし"
+		},
+
+		"lv": {
+			"lang": "latviešu",
+			"details": "detaļas",
+			"icons": "ikonas",
+			"name": "Nosaukums",
+			"lastModified": "Pēdējoreiz modificēts",
+			"size": "Izmērs",
+			"parentDirectory": "Vecākdirektorijs",
+			"empty": "tukšs",
+			"folders": "mapes",
+			"files": "faili",
+			"download": "lejupielādēt",
+			"noMatch": "nav sakritības"
+		},
+
+		"nb": {
+			"lang": "norwegian",
+			"details": "detaljer",
+			"icons": "ikoner",
+			"name": "Navn",
+			"lastModified": "Sist endret",
+			"size": "Størrelse",
+			"parentDirectory": "Overordnet mappe",
+			"empty": "tom",
+			"folders": "mapper",
+			"files": "filer",
+			"download": "last ned",
+			"noMatch": "ingen treff"
+		},
+
+		"nl": {
+			"lang": "nederlands",
+			"details": "details",
+			"icons": "iconen",
+			"name": "Naam",
+			"lastModified": "Laatste wijziging",
+			"size": "Grootte",
+			"parentDirectory": "Bovenliggende map",
+			"empty": "lege"
+		},
+
+		"pl": {
+			"lang": "polski",
+			"details": "szczegóły",
+			"icons": "ikony",
+			"name": "Nazwa",
+			"lastModified": "Ostatnia modyfikacja",
+			"size": "Rozmiar",
+			"parentDirectory": "Katalog nadrzędny",
+			"empty": "pusty",
+			"folders": "foldery",
+			"files": "pliki"
+		},
+
+		"pt": {
+			"lang": "português",
+			"details": "detalhes",
+			"icons": "ícones",
+			"name": "Nome",
+			"lastModified": "Última modificação",
+			"size": "Tamanho",
+			"parentDirectory": "Diretório superior",
+			"empty": "vazio",
+			"folders": "pastas",
+			"files": "arquivos"
+		},
+
+		"ro": {
+			"lang": "română",
+			"details": "detalii",
+			"icons": "pictograme",
+			"name": "nume",
+			"lastModified": "ultima modificare",
+			"size": "mărime",
+			"parentDirectory": "dosar părinte",
+			"empty": "gol",
+			"folders": "dosar",
+			"files": "fişiere",
+			"download": "descarcă",
+			"noMatch": "0 rezultate"
+		},
+
+		"ru": {
+			"lang": "русский",
+			"details": "детали",
+			"icons": "иконки",
+			"name": "Имя",
+			"lastModified": "Последние изменения",
+			"size": "Размер",
+			"parentDirectory": "Главная директория",
+			"empty": "пусто",
+			"folders": "папки",
+			"files": "файлы"
+		},
+
+		"sk": {
+			"lang": "slovenčina",
+			"details": "podrobnosti",
+			"icons": "ikony",
+			"name": "Názov",
+			"lastModified": "Upravené",
+			"size": "Velkosť",
+			"parentDirectory": "Nadriadený priečinok",
+			"empty": "prázdny",
+			"folders": "priečinkov",
+			"files": "súborov"
+		},
+
+		"sr": {
+			"lang": "srpski",
+			"details": "detalji",
+			"icons": "ikone",
+			"name": "Ime",
+			"lastModified": "Poslednja modifikacija",
+			"size": "Veličina",
+			"parentDirectory": "Roditeljski direktorijum",
+			"empty": "prazno",
+			"folders": "direktorijum",
+			"files": "fajlovi",
+			"download": "download",
+			"noMatch": "bez poklapanja"
+		},
+
+		"sv": {
+			"lang": "svenska",
+			"details": "detaljerad",
+			"icons": "ikoner",
+			"name": "Filnamn",
+			"lastModified": "Senast ändrad",
+			"size": "Filstorlek",
+			"parentDirectory": "Till överordnad mapp",
+			"empty": "tom"
+		},
+
+		"tr": {
+			"lang": "türkçe",
+			"details": "detaylar",
+			"icons": "ikonlar",
+			"name": "İsim",
+			"lastModified": "Son Düzenleme",
+			"size": "Boyut",
+			"parentDirectory": "Üst Dizin",
+			"empty": "boş",
+			"folders": "klasörler",
+			"files": "dosyalar",
+			"download": "indir"
+		},
+
+		"zh-cn": {
+			"lang": "简体中文",
+			"details": "详情",
+			"icons": "图标",
+			"name": "文件名",
+			"lastModified": "上次修改",
+			"size": "大小",
+			"parentDirectory": "上层文件夹",
+			"empty": "空文件夹",
+			"folders": "文件夹",
+			"files": "文件",
+			"download": "下载"
+		},
+
+		"zh-tw": {
+			"lang": "正體中文",
+			"details": "詳細資料",
+			"icons": "圖示",
+			"name": "檔名",
+			"lastModified": "上次修改",
+			"size": "大小",
+			"parentDirectory": "上層目錄",
+			"empty": "空資料夾",
+			"folders": "資料夾",
+			"files": "檔案",
+			"download": "下載"
+		}
+	}
+};

src/_h5ai/config.php

@@ -0,0 +1,29 @@
+<?php
+/*
+ * h5ai %BUILD_VERSION%
+ *
+ * PHP Configuration
+ * filesystem paths and file ignore rules
+ */
+
+global $H5AI_CONFIG;
+
+$H5AI_CONFIG = array(
+
+	/*
+	 * This configuration assumes that h5ai is installed
+	 * in the webroot directory of the Apache server.
+	 */
+	"ROOT_ABS_PATH" => dirname(dirname(__FILE__)),
+
+	/*
+	 * Files/folders that should not be listed. Specified
+	 * by the complete filename or by a regular expression.
+	 * http://www.php.net/manual/en/function.preg-match.php
+	 */
+	"IGNORE" => array(),
+	"IGNORE_PATTERNS" => array("/^\\./", "/^_h5ai/")
+
+);
+
+?>

src/_h5ai/css/inc/apache-autoindex-table.less

@@ -1,33 +1,32 @@
 
-#table {
+#data-apache-autoindex {
+	max-width: 960px;
+	margin: 0 auto;
+
 	table {
 		display: block;
 		width: 100%;
 		border-collapse: collapse;
 
 		th, td {
-			padding: 3px 6px;
+			padding: 6px;
 			text-align: left;
 			border: none;
 		}
 		th {
 			padding-bottom: 18px;
-			opacity: 0.4;
-			.transition( all 0.2s ease-in-out );
 
-			&:hover, &:hover a {
-				color: #555;
-				cursor: pointer;
-				opacity: 0.9;
-			}
 			a, a:visited {
 				color: #555;
 				font-weight: normal;
+				text-decoration: none;
+				cursor: pointer;
+				opacity: 0.4;
+				.transition(all 0.2s ease-in-out);
 
-				img {
-					width: 12px;
-					height: 12px;
-					padding: 0 8px;
+				&:hover {
+					color: #555;
+					opacity: 0.9;
 				}
 			}
 		}
@@ -35,6 +34,20 @@
 			border: 1px solid #ddd;
 			border-left: none;
 			border-right: none;
+			overflow: hidden;
+			white-space: nowrap;
+			font-size: 16px;
+
+			a, a:active, a:visited {
+				display: block;
+				color: #555;
+				text-decoration: none;
+				cursor: pointer;
+
+				&:hover {
+					color: #e80;
+				}
+			}
 		}
 		td:nth-child(1), th:nth-child(1) {
 			text-align: center;
@@ -43,26 +56,23 @@
 			img {
 				width: 16px;
 				height: 16px;
-				padding-top: 2px;
+				position: relative;
+				top: -2px;
 			}
 		}
 		td:nth-child(2), th:nth-child(2) {
 			width: 682px;
 			max-width: 682px;
-			overflow: hidden;
-			white-space: nowrap;
 		}
 		td:nth-child(3), th:nth-child(3) {
 			text-align: right;
 			width: 160px;
 			min-width: 160px;
-			white-space: nowrap;
 		}
 		td:nth-child(4), th:nth-child(4) {
 			text-align: right;
 			width: 70px;
 			min-width: 70px;
-			white-space: nowrap;
 		}
 	}
 }

src/_h5ai/css/inc/bottombar.less

@@ -0,0 +1,67 @@
+
+#bottombar {
+	position: fixed;
+	z-index: 5;
+	width: 100%;
+	left: 0;
+	bottom: 0;
+	padding: 6px 0 8px 0;
+	.vert-gradient(rgb(241,241,241), rgb(228,228,228));
+	border-top: 1px solid rgb(210,210,210);
+
+	color: #999;
+	text-align: center;
+
+	a, a:active, a:visited {
+		color: #555;
+		text-decoration: none;
+		.transition(all 0.2s ease-in-out);
+		opacity: 0.7;
+
+		&:hover {
+			color: #e80;
+			opacity: 1;
+		}
+	}
+	.left {
+		display: block;
+		padding: 0 8px;
+		float: left
+	}
+	.center {
+		display: block;
+		margin: 0 100px;
+	}
+	.right {
+		display: block;
+		padding: 0 8px;
+		float: right
+	}
+	.noJsMsg {
+		color: #c33;
+		margin-left: 16px;
+	}
+	.oldBrowser {
+		display: none;
+		color: #c33;
+		margin-left: 16px;
+		a, a:active, a:visited {
+			color: #c33;
+			text-decoration: underline;
+			&:hover {
+				color: #e80;
+			}
+		}
+	}
+	.status {
+		.sep {
+			display: inline-block;
+			padding: 0 6px;
+		}
+		&.default {
+		}
+		&.dynamic {
+			display: none;
+		}
+	}
+}

src/_h5ai/css/inc/content.less

@@ -0,0 +1,31 @@
+
+#content {
+	max-width: 960px;
+	margin: 50px auto;
+	font-size: 16px;
+}
+
+
+#content-header, #content-footer {
+
+	a, a:active, a:visited {
+		color: #2080FF;
+		text-decoration: none;
+		cursor: pointer;
+
+		&:hover {
+			color: #68A9FF;
+		}
+	}
+}
+
+
+#content-header {
+	padding-bottom: 12px;
+	margin-bottom: 32px;
+}
+
+#content-footer {
+	padding-top: 12px;
+	margin-top: 32px;
+}

src/_h5ai/css/inc/context.less

@@ -0,0 +1,22 @@
+
+#context {
+	position: fixed;
+	z-index: 1;
+	display: none;
+	right: 16px;
+	bottom: 50px;
+
+	background-color: #fff;
+	border: 2px solid #ddd;
+	padding: 8px;
+
+	span {
+		display: block;
+	}
+
+	.qrcode {
+		canvas {
+			display: block;
+		}
+	}
+}

src/_h5ai/css/inc/download.less

@@ -0,0 +1,30 @@
+
+#download {
+	display: none;
+	.topbar-right;
+	.transition(all 0.2s ease-in-out);
+
+	&.failed {
+		background-color: rgba(255,0,0,0.5);
+	}
+}
+
+#download-auth {
+	display: none;
+	position: fixed;
+	z-index: 5;
+	left: 0;
+	top: 0;
+	.vert-gradient(rgb(241,241,241), rgb(228,228,228));
+	border: 1px solid rgb(210,210,210);
+
+	input {
+		display: block;
+		margin: 4px 6px;
+		border: 1px solid rgb(210,210,210);
+		font-family: Ubuntu, sans-serif;
+		color: #555;
+		background-color: rgba(255,255,255,1);
+		width: 100px;
+	}
+}

src/_h5ai/css/inc/extended.less

@@ -0,0 +1,259 @@
+
+#extended.details-view {
+	display: none;
+
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+
+		li {
+			position: relative;
+			white-space: nowrap;
+			clear: both;
+
+			&.header {
+				font-size: 13px;
+
+				a, a:active, a:visited {
+					padding-bottom: 18px;
+					color: #555;
+					text-decoration: none;
+					opacity: 0.4;
+					cursor: pointer;
+					.transition(all 0.2s ease-in-out);
+
+					img.ascending, img.descending {
+						position: relative;
+						top: -2px;
+						display: none;
+						width: 12px;
+						height: 12px;
+						padding: 0 8px;
+					}
+					&:hover {
+						color: #555;
+						opacity: 0.9;
+					}
+					&.ascending img.ascending {
+						display: inline;
+					}
+					&.descending img.descending {
+						display: inline;
+					}
+				}
+			}
+			&.entry {
+				a, a:active, a:visited {
+					display: block;
+					color: #555;
+					text-decoration: none;
+					cursor: pointer;
+					border-bottom: 1px solid #ddd;
+
+					&:hover, &.hover {
+						background-color: #f6f6f6;
+						color: #e80;
+					}
+				}
+				&.selected:not(.selecting) a, &.selecting:not(.selected) a {
+					border-color: rgba(240,100,0,0.2);
+					background-color: rgba(240,100,0,0.2);
+				}
+				&.error {
+					a, a:active, a:visited {
+						color: #aaa;
+
+						.label {
+							.hint {
+								margin-left: 12px;
+								font-size: 0.9em;
+								color: #c55;
+							}
+						}
+						&:hover, &.hover {
+							opacity: 1;
+							background-color: #f6f6f6;
+							color: #e80;
+						}
+					}
+				}
+				&.folder-parent {
+					.date, .size {
+						display: none;
+					}
+				}
+				&.folder {
+					.size {
+						display: none;
+					}
+				}
+			}
+			.icon, .label, .date, .size {
+				padding: 6px;
+			}
+			.icon {
+				display: inline-block;
+				position: absolute;
+				left: 0;
+				top: -2px;
+				width: 16px;
+
+				img {
+					width: 16px;
+					height: 16px;
+					&.thumb {
+						// border: 1px solid #ddd;
+					}
+				}
+			}
+			.icon.big {
+				display: none;
+			}
+			.label {
+				display: block;
+				margin: 0 270px 0 24px;
+				overflow: hidden;
+				white-space: nowrap;
+				text-align: left;
+			}
+			.date {
+				position: absolute;
+				right: 100px;
+				top: 0;
+				text-align: right;
+				width: 160px;
+				white-space: nowrap;
+			}
+			.size {
+				position: absolute;
+				right: 0;
+				top: 0;
+				text-align: right;
+				width: 80px;
+				white-space: nowrap;
+			}
+		}
+	}
+	.empty, .no-match {
+		text-align: center;
+		margin: 50px 0;
+		color: #ddd;
+		font-size: 5em;
+		font-weight: bold;
+	}
+	.no-match {
+		display: none;
+	}
+}
+
+
+#selection-rect {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: 2;
+	border: 1px dashed rgba(240,100,0,0.5);
+	background-color: rgba(240,100,0,0.2);
+}
+
+
+#extended.icons-view {
+	display: none;
+	padding: 3px;
+
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+
+		li {
+			&.header {
+				display: none;
+			}
+			&.entry {
+				float: left;
+
+				a, a:active, a:visited {
+					display: block;
+					margin: 8px;
+					padding: 8px;
+					width: 100px;
+					height: 120px;
+					float: left;
+					text-align: center;
+					text-decoration: none;
+					overflow: hidden;
+					border-radius: 5px;
+					color: #555;
+					cursor: pointer;
+					border: 2px solid rgba(0,0,0,0);
+
+					&:hover, &.hover {
+						color: #e80;
+						border-color: #eee;
+						background-color: #f6f6f6;
+					}
+					.icon {
+						display: block;
+
+						img {
+							max-width: 100px;
+							height: 48px;
+							margin-bottom: 8px;
+							&.thumb {
+								// border: 1px solid #ddd;
+							}
+						}
+					}
+					.icon.small {
+						display: none;
+					}
+					.label {
+						display: block;
+						word-wrap: break-word;
+					}
+					.date, .size {
+						display: none;
+					}
+				}
+				&.selected:not(.selecting) a, &.selecting:not(.selected) a {
+					border-color: rgba(240,100,0,0.2);
+					background-color: rgba(240,100,0,0.2);
+				}
+				&.error {
+					a, a:active, a:visited {
+						color: #aaa;
+						text-decoration: none;
+
+						.label {
+							.hint {
+								padding: 0 6px;
+								font-size: 0.9em;
+								color: #c55;
+							}
+						}
+						&:hover, &.hover {
+							color: #e80;
+							border-color: #eee;
+							background-color: #f6f6f6;
+						}
+					}
+				}
+			}
+		}
+	}
+	.empty, .no-match {
+		margin: 0 120px;
+		padding: 16px;
+		height: 120px;
+		text-align: center;
+		color: #ddd;
+		font-size: 5em;
+		font-weight: bold;
+	}
+	.no-match {
+		display: none;
+	}
+}

src/_h5ai/css/inc/filter.less

@@ -0,0 +1,19 @@
+
+#filter {
+	.topbar-right;
+
+	input {
+		display: none;
+		border: none;
+		font-family: Ubuntu, sans-serif;
+		color: #555;
+		background-color: rgba(0,0,0,0);
+		width: 100px;
+	}
+
+	&.current {
+		input {
+			display: inline;
+		}
+	}
+}

src/_h5ai/css/inc/h5ai-info.less

@@ -0,0 +1,63 @@
+
+body#h5ai-info {
+	font-family: Ubuntu, Arial, sans;
+	margin: 0 auto;
+	font-size: 20px;
+	color: #555;
+	max-width: 600px;
+	text-align: center;
+
+	.h5ai {
+		font-family: 'Miltonian Tattoo';
+		font-weight: normal;
+	}
+	h1 {
+		font-size: 3.6em;
+		margin: 0.9em 0 0 0;
+	}
+	h2 {
+		font-size: 1.15em;
+		margin: 2.6em 0 0 0;
+	}
+	p {
+		line-height: 1.6em;
+	}
+	p + p {
+		margin-top: 1.2em;
+	}
+	li {
+		margin-top: 0.6em;
+		line-height: 1.4em;
+	}
+
+	#tests {
+		display: inline-block;
+		list-style-type: none;
+		text-align: left;
+		margin: 0;
+		padding: 0;
+
+		.test-label {
+			display: inline-block;
+			width: 300px;
+		}
+		.test-result {
+			display: inline-block;
+			width: 70px;
+			text-align: right;
+			font-weight: bold;
+			color: #aaa;
+
+			&.test-passed {
+				color: #5a5;
+			}
+			&.test-failed {
+				color: #a55;
+			}
+		}
+	}
+
+	#bottombar {
+		font-size: 13px;
+	}
+}

src/_h5ai/css/inc/h5bp-norm.less

@@ -0,0 +1,295 @@
+/* 
+ * HTML5 ✰ Boilerplate
+ *
+ * What follows is the result of much research on cross-browser styling. 
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
+ * Kroc Camen, and the H5BP dev community and team.
+ *
+ * Detailed information about this CSS: h5bp.com/css
+ * 
+ * ==|== normalize ==========================================================
+ */
+
+
+/* =============================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
+audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
+audio:not([controls]) { display: none; }
+[hidden] { display: none; }
+
+
+/* =============================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
+ * 2. Force vertical scrollbar in non-IE
+ * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
+ */
+
+//html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+
+body { margin: 0; font-size: 13px; line-height: 1.231; }
+
+body, button, input, select, textarea { font-family: sans-serif; color: #222; }
+
+/* 
+ * Remove text-shadow in selection highlight: h5bp.com/i
+ * These selection declarations have to be separate
+ * Also: hot pink! (or customize the background color to match your design)
+ */
+
+::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
+::selection { background: #fe57a1; color: #fff; text-shadow: none; }
+
+
+/* =============================================================================
+   Links
+   ========================================================================== */
+
+a { color: #00e; }
+a:visited { color: #551a8b; }
+a:hover { color: #06e; }
+a:focus { outline: thin dotted; }
+
+/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
+a:hover, a:active { outline: 0; }
+
+
+/* =============================================================================
+   Typography
+   ========================================================================== */
+
+abbr[title] { border-bottom: 1px dotted; }
+
+b, strong { font-weight: bold; }
+
+blockquote { margin: 1em 40px; }
+
+dfn { font-style: italic; }
+
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+
+ins { background: #ff9; color: #000; text-decoration: none; }
+
+mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
+
+/* Redeclare monospace font family: h5bp.com/j */
+pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
+
+/* Improve readability of pre-formatted text in all browsers */
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
+
+q { quotes: none; }
+q:before, q:after { content: ""; content: none; }
+
+small { font-size: 85%; }
+
+/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+
+/* =============================================================================
+   Lists
+   ========================================================================== */
+
+ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
+dd { margin: 0 0 0 40px; }
+nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
+
+
+/* =============================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * 1. Improve image quality when scaled in IE7: h5bp.com/d
+ * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
+ */
+
+img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
+
+/*
+ * Correct overflow not hidden in IE9 
+ */
+
+svg:not(:root) { overflow: hidden; }
+
+
+/* =============================================================================
+   Figures
+   ========================================================================== */
+
+figure { margin: 0; }
+
+
+/* =============================================================================
+   Forms
+   ========================================================================== */
+
+form { margin: 0; }
+fieldset { border: 0; margin: 0; padding: 0; }
+
+/* Indicate that 'label' will shift focus to the associated form element */
+label { cursor: pointer; }
+
+/* 
+ * 1. Correct color not inheriting in IE6/7/8/9 
+ * 2. Correct alignment displayed oddly in IE6/7 
+ */
+
+legend { border: 0; *margin-left: -7px; padding: 0; }
+
+/*
+ * 1. Correct font-size not inheriting in all browsers
+ * 2. Remove margins in FF3/4 S5 Chrome
+ * 3. Define consistent vertical alignment display in all browsers
+ */
+
+button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
+
+/*
+ * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
+ * 2. Correct inner spacing displayed oddly in IE6/7
+ */
+
+button, input { line-height: normal; *overflow: visible; }
+
+/*
+ * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
+ */
+
+table button, table input { *overflow: auto; }
+
+/*
+ * 1. Display hand cursor for clickable form elements
+ * 2. Allow styling of clickable form elements in iOS
+ */
+
+button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
+
+/*
+ * Consistent box sizing and appearance
+ */
+
+input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
+input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
+input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
+
+/* 
+ * Remove inner padding and border in FF3/4: h5bp.com/l 
+ */
+
+button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
+
+/* 
+ * 1. Remove default vertical scrollbar in IE6/7/8/9 
+ * 2. Allow only vertical resizing
+ */
+
+textarea { overflow: auto; vertical-align: top; resize: vertical; }
+
+/* Colors for form validity */
+input:valid, textarea:valid {  }
+input:invalid, textarea:invalid { background-color: #f0dddd; }
+
+
+/* =============================================================================
+   Tables
+   ========================================================================== */
+
+table { border-collapse: collapse; border-spacing: 0; }
+td { vertical-align: top; }
+
+
+/* ==|== primary styles =====================================================
+   Author: 
+   ========================================================================== */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* ==|== non-semantic helper classes ========================================
+   Please define your styles before this section.
+   ========================================================================== */
+
+/* For image replacement */
+.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
+.ir br { display: none; }
+
+/* Hide from both screenreaders and browsers: h5bp.com/u */
+.hidden { display: none !important; visibility: hidden; }
+
+/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
+.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+
+/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
+.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible { visibility: hidden; }
+
+/* Contain floats: h5bp.com/q */ 
+.clearfix:before, .clearfix:after { content: ""; display: table; }
+.clearfix:after { clear: both; }
+.clearfix { zoom: 1; }
+
+
+
+/* ==|== media queries ======================================================
+   PLACEHOLDER Media Queries for Responsive Design.
+   These override the primary ('mobile first') styles
+   Modify as content requires.
+   ========================================================================== */
+
+@media only screen and (min-width: 480px) {
+  /* Style adjustments for viewports 480px and over go here */
+
+}
+
+@media only screen and (min-width: 768px) {
+  /* Style adjustments for viewports 768px and over go here */
+
+}
+
+
+
+/* ==|== print styles =======================================================
+   Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+ 
+@media print {
+  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
+  a, a:visited { 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: ""; }  /* Don't show links for images, or javascript/internal links */
+  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+  thead { display: table-header-group; } /* h5bp.com/t */
+  tr, img { page-break-inside: avoid; }
+  img { max-width: 100% !important; }
+  @page { margin: 0.5cm; }
+  p, h2, h3 { orphans: 3; widows: 3; }
+  h2, h3 { page-break-after: avoid; }
+}
+

src/_h5ai/css/inc/l10n.less

@@ -0,0 +1,53 @@
+
+#langSelector {
+	position: relative;
+	cursor: pointer;
+
+	.langOptions {
+		position: absolute;
+		z-index: 2;
+		overflow: auto;
+		display: none;
+		right: 0;
+		top: 0;
+		max-height: 200px;
+		background-color: rgb(241,241,241);
+		border: 1px solid rgb(210,210,210);
+
+		> .scrollbar {
+			margin: 0;
+			width: 6px;
+			background-color: rgb(210,210,210);
+
+			.drag {
+				background-color: rgb(180,180,180);
+			}
+			&.dragOn .drag {
+				background-color: rgb(150,150,150);
+			}
+		}
+
+		ul {
+			margin: 0;
+			padding: 0;
+			list-style: none;
+			text-align: left;
+
+			li {
+				padding: 8px 24px 10px 24px;
+				white-space: nowrap;
+				border-top: 1px solid rgb(231,231,231);
+				.transition(all 0.2s ease-in-out);
+
+				&.current {
+					color: #333;
+					background-color: rgba(255,255,255,0.8);
+				}
+				&:hover {
+					color: #e80;
+					background-color: rgba(255,255,255,0.8);
+				}
+			}
+		}
+	}
+}

src/_h5ai/css/inc/mixins.less

@@ -0,0 +1,57 @@
+
+.border-radius (@radius) {
+    -webkit-border-radius: @radius; /* Saf3-4, iOS 1-3.2, Android <1.6 */
+       -moz-border-radius: @radius; /* FF1-3.6 */
+            border-radius: @radius; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
+}
+
+
+.background-clip () {
+    -webkit-background-clip: padding-box;
+       -moz-background-clip: padding;
+            background-clip: padding-box;
+}
+
+
+.box-shadow (@shadow) {
+    -webkit-box-shadow: @shadow; /* Saf3-4 */
+       -moz-box-shadow: @shadow; /* FF3.5 - 3.6 */
+            box-shadow: @shadow; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
+}
+
+
+.transition (@transition) {
+    -webkit-transition: @transition; /* Saf3.2+, Chrome */
+       -moz-transition: @transition; /* FF4+ */
+        -ms-transition: @transition; /* IE10? */
+         -o-transition: @transition; /* Opera 10.5+ */
+            transition: @transition;
+}
+
+
+.transform (@transform) {
+    -webkit-transform: @transform; /* Saf3.1+, Chrome */
+       -moz-transform: @transform; /* FF3.5+ */
+        -ms-transform: @transform; /* IE9 */
+         -o-transform: @transform; /* Opera 10.5 */
+            transform: @transform;
+                 zoom: 1;
+}
+
+
+.vert-gradient (@top, @bottom) {
+    background-color: @top;
+    background-image: -webkit-gradient(linear, left top, left bottom, from(@top), to(@bottom)); /* Saf4+, Chrome */
+    background-image: -webkit-linear-gradient(top, @top, @bottom); /* Chrome 10+, Saf5.1+, iOS 5+ */
+    background-image:    -moz-linear-gradient(top, @top, @bottom); /* FF3.6 */
+    background-image:     -ms-linear-gradient(top, @top, @bottom); /* IE10 */
+    background-image:      -o-linear-gradient(top, @top, @bottom); /* Opera 11.10+ */
+    background-image:         linear-gradient(top, @top, @bottom);
+}
+
+
+.background-size (@size) {
+    -webkit-background-size: @size; /* Saf3-4 */
+       -moz-background-size: @size; /* FF3.6 */
+            background-size: @size; /* Opera, IE9, Saf5, Chrome, FF4 */
+}

src/_h5ai/css/inc/responsive.less

@@ -0,0 +1,57 @@
+
+@media only screen and (max-width: 500px) {
+#topbar {
+	.view span {
+		display: none;
+	}
+}
+#extended.icons-view {
+	padding: 0;
+	border: none;
+	margin: 0 -14px;
+}
+}
+
+@media only screen and (max-width: 350px) {
+#topbar {
+	.crumb {
+		display: none;
+	}
+	.current {
+		display: block;
+	}
+} 
+#extended.details-view {
+	.header .label, .entry .label {
+		margin-right: 110px;
+	}
+	.header .date, .entry .date {
+		display: none;
+	}
+}
+#bottombar {
+	.center {
+		display: none;
+	}
+}
+}
+
+@media print {
+a[href]:after {
+	content: "";
+}
+#topbar {
+	position: static;
+	margin-bottom: 2em;
+	.view, #download {
+		display: none;
+	}
+}
+#bottombar {
+	position: static;
+	margin-top: 2em;
+}
+#tree {
+	display: none !important;
+}
+}

src/_h5ai/css/inc/topbar.less

@@ -0,0 +1,88 @@
+
+#topbar {
+	position: fixed;
+	z-index: 5;
+	width: 100%;
+	left: 0;
+	top: 0;
+	.vert-gradient(rgb(241,241,241), rgb(228,228,228));
+	border-bottom: 1px solid rgb(210,210,210);
+}
+
+
+.topbar-highlight {
+	background-color: rgba(255,255,255,0.5);
+	opacity: 1.0;
+}
+
+.topbar-hover {
+	.topbar-highlight;
+	color: #e80;
+}
+
+@topbar-sep-border: 1px solid rgba(0,0,0,0.05);
+
+.topbar-left {
+	float: left;
+	border-right: @topbar-sep-border;
+}
+
+.topbar-right {
+	float: right;
+	border-left: @topbar-sep-border;
+}
+
+
+#navbar {
+	list-style: none;
+	list-style-image: none;
+	margin: 0;
+	padding: 0;
+
+	a, a:active, a:visited, span.element {
+		color: #555;
+		cursor: pointer;
+		text-decoration: none;
+		opacity: 0.7;
+		.transition(all 0.2s ease-in-out);
+
+		display: block;
+		height: 30px;
+		line-height: 30px;
+		padding: 0 10px;
+
+		&:hover, &.hover {
+			.topbar-hover;
+		}
+	}
+	.current {
+		a, span.element {
+			.topbar-highlight;
+		}
+	}
+	img {
+		position: relative;
+		top: -2px;
+		width: 16px;
+		height: 16px;
+	}
+	img + span, img + input {
+		margin-left: 6px;
+	}
+	.crumb {
+		.topbar-left;
+		.hint {
+			margin-left: 8px;
+			font-style: italic;
+			color: #999;
+		}
+		img.hint {
+			width: 14px;
+			height: 14px;
+			opacity: 0.8;
+		}
+	}
+	.view {
+		.topbar-right;
+	}
+}

src/_h5ai/css/inc/tree.less

@@ -0,0 +1,122 @@
+
+#tree {
+	display: none;
+	position: fixed;
+	left: 0;
+	top:  31px;
+	height: 100%;
+	z-index: 3;
+	overflow: auto;
+	padding: 8px;
+	background-color: rgb(241,241,241);
+	border-right: 2px solid rgb(221,221,221);
+
+	> .scrollbar {
+		margin: 8px 8px 8px 0;
+		width: 6px;
+		background-color: rgb(210,210,210);
+		.border-radius(3px);
+
+		.drag {
+			background-color: rgb(180,180,180);
+			.border-radius(3px);
+		}
+		&.dragOn .drag {
+			background-color: rgb(150,150,150);
+		}
+	}
+
+	.entry {
+		.indicator {
+			display: inline-block;
+			width: 16px;
+			height: 25px;
+			float: left;
+
+			img {
+				position: relative;
+				left: 0;
+				top: 3px;
+				width: 12px;
+				height: 12px;
+				vertical-align: bottom;
+				.transition(all 0.2s ease-in-out);
+			}
+			&.open {
+				cursor: pointer;
+				opacity: 0.7;
+				img {
+					.transform(rotate(90deg));
+				}
+			}
+			&.close {
+				cursor: pointer;
+				opacity: 0.7;
+			}
+			&.unknown {
+				cursor: pointer;
+				opacity: 0.3;
+			}
+			&.none {
+				opacity: 0;
+			}
+		}
+		> a, > a:active, > a.visited {
+			margin-left: 16px;
+			padding: 4px 6px;
+			border: 1px solid rgba(0,0,0,0);
+			.border-radius(5px);
+			display: block;
+			color: #555;
+			text-decoration: none;
+			opacity: 0.7;
+
+			&:hover, &.hover {
+				color: #e80;
+				background-color: rgba(255,255,255,0.5);
+				opacity: 1;
+			}
+			.label {
+				display: inline-block;
+			}
+			.icon {
+				display: inline-block;
+				width: 20px;
+				img {
+					width: 16px;
+					height: 16px;
+					vertical-align: bottom;
+				}
+			}
+			.hint {
+				display: inline-block;
+				margin-left: 12px;
+				font-size: 0.9em;
+				color: #ccc;
+			}
+		}
+		&.current {
+			> a, > a:active, > a:visited {
+				border: 1px solid rgb(221,221,221);
+				background-color: rgba(255,255,255,0.5);
+				opacity: 1;
+			}
+		}
+		&.error {
+			> a, > a:active, > a:visited {
+				color: #999;
+				&:hover, &.hover {
+					color: #e80;
+				}
+			}
+			.hint {
+				color: #c55;
+			}
+		}
+		.content, ul.content {
+			list-style: none;
+			margin: 0;
+			padding: 0 0 0 24px;
+		}
+	}
+}

src/_h5ai/css/styles.less

@@ -0,0 +1,47 @@
+
+@import "inc/h5bp-norm";
+@import "inc/mixins";
+
+::-moz-selection { background: #68A9FF; color: #fff; text-shadow: none; }
+::selection { background: #68A9FF; color: #fff; text-shadow: none; }
+
+body {
+	font-family: Ubuntu, sans-serif;
+	font-size: 13px;
+	color: #555;
+	background-color: #fff;
+	margin: 30px;
+}
+
+
+@import "inc/topbar";
+@import "inc/download";
+@import "inc/filter";
+
+@import "inc/content";
+@import "inc/extended";
+
+@import "inc/bottombar";
+@import "inc/l10n";
+
+@import "inc/tree";
+@import "inc/context";
+@import "inc/apache-autoindex-table";
+
+@import "inc/responsive";
+
+@import "inc/h5ai-info";
+
+
+html.js .hideOnJs, html.no-js .hideOnNoJs {
+	display: none;
+}
+html.oldie {
+	.oldBrowser {
+		display: inline !important;
+	}
+	#tree {
+		display: none !important;
+	}
+}
+

src/_h5ai/footer.html

@@ -0,0 +1,4 @@
+		<!-- generated code ends here -->
+	</div>
+</body>
+</html>

src/_h5ai/footer.php

@@ -0,0 +1,11 @@
+		<!-- generated code ends here -->
+	</div>
+	<div id="data-generic-json" class="hidden">
+		<?php if (stripos($_SERVER["REQUEST_METHOD"], "HEAD") === false) {
+			require_once(str_replace("\\", "/", __DIR__) . "/php/inc/H5ai.php");
+			$h5ai = new H5ai();
+			echo $h5ai->getGenericJson();
+		} ?>
+	</div>
+</body>
+</html>

src/_h5ai/header.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js ie8 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, initial-scale=1.0">
+	<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:regular,italic,bold">
+	<link rel="stylesheet" href="/_h5ai/css/styles.css">
+	<script src="/_h5ai/config.js"></script>
+	<script src="/_h5ai/js/scripts.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 %BUILD_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-apache-autoindex" class="hideOnJs">
+		<!--
+			The following code was generated by Apache's autoindex module. It is not valid HTML5, but this
+			section gets removed from the DOM tree as soon as its information is parsed. The actual page
+			should render as valid HTML5, even if the produced source is not valid HTML5.
+		-->