Merge branch 'develop'

Add translation to zh-tw, and fix translation on zh-cn.

.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

@@ -1,4 +1,4 @@
-Copyright (c) 2011 Lars Jung, http://larsjung.de
+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

README.md

@@ -1,16 +1,104 @@
 # h5ai
 
+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).
-It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-173323228) (GPL license).
+
+
+## h5ai profits from these great projects
+
+* [AmplifyJS](http://amplifyjs.com) (MIT/GPL)
+* [Datejs](http://www.datejs.com) (MIT)
+* [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-173323228) (GPL)
+* [HTML5 ★ Boilerplate](http://html5boilerplate.com)
+* [jQuery](http://jquery.com) (MIT/GPL)
+* [jQuery.mousewheel](http://github.com/brandonaaron/jquery-mousewheel) (MIT)
+* [modernizr](http://www.modernizr.com) (MIT/BSD)
+* [qrcode](http://www.d-project.com/qrcode/index.html) (MIT)
 
 
 ## Changelog
 
 
-### v0.14.1 · *2011-09-01*
+### 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)
@@ -18,18 +106,18 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * added ru translation by Богдан Илюхин
 
 
-### v0.14 · *2011-08-16*
+### 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*
+### v0.13.2 - *2011-08-12*
 
 * changes in `/h5ai/.htaccess` ... PHP configuration ...
 
 
-### v0.13.1 · *2011-08-12*
+### v0.13.1 - *2011-08-12*
 
 * ~~hopefully fixed that PHP doesn't get interpreted~~ :/
 * fixed initial tree display
@@ -38,7 +126,7 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * added lv translation by Sandis Veinbergs
 
 
-### v0.13 · *2011-08-06*
+### v0.13 - *2011-08-06*
 
 * added PHP implementation! (should work with PHP 5.2+)
 * added new options
@@ -52,42 +140,42 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * added bg translation by George Andonov
 
 
-### v0.12.3 · *2011-07-30*
+### v0.12.3 - *2011-07-30*
 
 * added tr translation by [Batuhan Icoz](http://github.com/batuhanicoz)
 
 
-### v0.12.2 · *2011-07-30*
+### v0.12.2 - *2011-07-30*
 
 * added es translation by Jose David Calderon Serrano
 
 
-### v0.12.1 · *2011-07-29*
+### v0.12.1 - *2011-07-29*
 
 * fixed unchecked use of console.log
 
 
-### v0.12 · *2011-07-28*
+### v0.12 - *2011-07-28*
 
 * improved performance
 
 
-### v0.11 · *2011-07-27*
+### v0.11 - *2011-07-27*
 
 * changed license to MIT license, see `LICENSE.txt`
 
 
-### v0.10.2 · *2011-07-26*
+### v0.10.2 - *2011-07-26*
 
 * improved tree scrollbar
 
 
-### v0.10.1 · *2011-07-24*
+### v0.10.1 - *2011-07-24*
 
 * fixed problems with ' in links
 
 
-### v0.10 · *2011-07-24*
+### 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))
@@ -96,7 +184,7 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * added "empty" to localization (hope Google Translate did a good job here)
 
 
-### v0.9 · *2011-07-18*
+### 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)
@@ -107,7 +195,7 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * added sv translation by Oscar Carlsson
 
 
-### v0.8 · *2011-07-08*
+### v0.8 - *2011-07-08*
 
 * removed slashes from folder labels
 * optionally rename parent folder entries to real folder names, see `options.js`
@@ -116,19 +204,19 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * refactored js a lot (again...)
 
 
-### v0.7 · *2011-07-07*
+### v0.7 - *2011-07-07*
 
 * removed shadows
 * smarter tree side bar
 
 
-### v0.6 · *2011-07-05*
+### v0.6 - *2011-07-05*
 
 * refactored js
 * added localization, see `options.js`
 
 
-### v0.5.3 · *2011-07-04*
+### v0.5.3 - *2011-07-04*
 
 * refactored js
 * added basic options support via `options.js`
@@ -136,24 +224,24 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * optional tree sidebar
 
 
-### v0.5.2 · *2011-07-02*
+### 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
@@ -162,20 +250,20 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * 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
@@ -183,20 +271,20 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * 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)
 * 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
@@ -204,7 +292,7 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
 * added changelog
 
 
-### v0.2 · *2011-06-15*
+### v0.2 - *2011-06-15*
 
 * added icon view
 

build.properties

@@ -3,7 +3,7 @@ custom                           = true
 
 # project
 project.name       = h5ai
-project.version                  = 0.14.1
+project.version    = 0.18
 
 
 # src
@@ -15,6 +15,7 @@ build.dir                        = build
 release.dir        = release
 
 
-# libs
-lib.scripp.jar                   = tools/scripp.jar
+# tools
+tool.wepp          = wepp
+tool.jslint        = jslint
 

build.xml

@@ -3,8 +3,8 @@
 	name="h5ai"
 	basedir="."
 	default="release"
-	xmlns:scripp="antlib:de.larsjung.scripp.ant"
 >
+
 	<target name="init">
 		<property file="build.properties" />
 		<tstamp>
@@ -12,20 +12,13 @@
 		</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-prepare" depends="clean">
 		<mkdir dir="${build.dir}" />
 		<copy todir="${build.dir}">
@@ -41,41 +34,83 @@
 		</replace>
 	</target>
 
-	
 	<target name="build" depends="build-prepare">
-		<scripp.dir dir="${build.dir}/h5ai/css" />
-		<scripp.dir dir="${build.dir}/h5ai/js" />
+		<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">
-		<scripp.dir dir="${build.dir}/h5ai/css" compress="false" />
-		<scripp.dir dir="${build.dir}/h5ai/js" compress="false" />
+		<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}" />
-		<tar destfile="${release.dir}/${project.name}-${project.version}.tar" basedir="${build.dir}"/>
-		<gzip destfile="${release.dir}/${project.name}-${project.version}.tar.gz" src="${release.dir}/${project.name}-${project.version}.tar"/>
-		<delete file="${release.dir}/${project.name}-${project.version}.tar" />
+	</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>
 
 
-	<macrodef name="scripp.dir">
-		<attribute name="dir" />
-		<attribute name="compress" default="true" />
+	<macrodef name="wepp-args">
+		<attribute name="args" default="" />
 		<sequential>
-			<scripp:process compress="@{compress}">
-		        <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}'" />
+			<bytes file="@{file}" toFile="@{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>
+
 </project>

src/_h5ai/.htaccess

@@ -1,5 +1,7 @@
 
 
+Options  -Indexes
+
 AddType  text/html  .php
 
 

src/_h5ai/config.js

@@ -0,0 +1,461 @@
+/*
+ * 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/",
+
+		/*
+		 * Filenames of customized header and footer files to look for
+		 * in each folder. For Example:
+		 *
+		 * "customHeader": "_h5ai.header.html",
+		 * "customFooter": "_h5ai.footer.html",
+		 *
+		 * This is disabled by default.
+		 */
+		"customHeader": null,
+		"customFooter": null,
+
+		/*
+		 * 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.
+		 */
+		"viewmodes": ["details", "icons"],
+
+		/*
+		 * 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".
+		 */
+		"sortorder": "na",
+
+		/*
+		 * Show a folder tree, boolean.
+		 * 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 below to avoid such requests.
+		 * It might also affect performance significantly.
+		 */
+		"showTree": true,
+
+		/*
+		 * Slide tree bar into viewport if there is enough space, boolean.
+		 */
+		"slideTree": 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": {},
+
+		/*
+		 * Localization, for example "en", "de" etc. - see h5aiLangs below for
+		 * possible values. Adjust it to your needs. If lang is not found in
+		 * h5aiLangs it defaults to "en".
+		 */
+		"lang": "en",
+
+		/*
+		 * Try to use browser language, falls back to previous specified lang.
+		 */
+		"useBrowserLang": true,
+
+		/*
+		 * Set parent folder labels to real folder names.
+		 */
+		"setParentFolderLabels": true,
+
+		/*
+		 * Link the hover effects between crumb, extended view and tree.
+		 */
+		"linkHoverStates": true,
+
+		/*
+		 * Date format in detailed view, for example: "yyyy-MM-dd HH:mm:ss"
+		 * Syntax as specified by date.js
+		 * http://code.google.com/p/datejs/wiki/FormatSpecifiers
+		 */
+		"dateFormat": "yyyy-MM-dd HH:mm",
+
+		/*
+		 * Requires PHP on the server.
+		 * Show thumbnails for image files.
+		 */
+		"showThumbs": true,
+		"thumbTypes": ["bmp", "gif", "ico", "image", "jpg", "png", "tiff"],
+
+		/*
+		 * Requires PHP on the server.
+		 * Enable zipped download of selected entries.
+		 */
+		"zippedDownload": false,
+
+		/*
+		 * Show QRCodes on hovering files.
+		 * Set this to the desired size in pixel or null to not display QRCodes.
+		 * A good size to start with might be 150.
+		 */
+		"qrCodesSize": null,
+
+		/*
+		 * Allow filtering the displayed files and folders.
+		 * Filters are ment to be JavaScript regular expressions.
+		 */
+		"showFilter": false
+	},
+
+
+	/*
+	 * File types mapped to file extensions.
+	 */
+	"types": {
+		"archive":          [".tar.bz2", ".tar.gz", ".tgz"],
+		"audio":            [".aif", ".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":              [".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"],
+		"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":             [".markdown", ".md", ".text", ".txt"],
+		"tiff":             [".tiff"],
+		"unknown":          [],
+		"vcal":             [".vcal"],
+		"video":            [".avi", ".flv", ".mov", ".mp4", ".mpg", ".rm", ".swf", ".vob", ".wmv"],
+		"xml":              [".xml"],
+		"zip":              [".bz2", ".jar", ".war", ".z", ".Z", ".zip"]
+	},
+
+
+	/*
+	 * Available translations.
+	 */
+	"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"
+		},
+
+		"bg": {
+			"lang": "български",
+			"details": "детайли",
+			"icons": "икони",
+			"name": "Име",
+			"lastModified": "Последна промяна",
+			"size": "Размер",
+			"parentDirectory": "Предходна директория",
+			"empty": "празно",
+			"folders": "папки",
+			"files": "файлове",
+			"download": "download",
+			"noMatch": "no match"
+		},
+
+		"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ů",
+			"download": "download",
+			"noMatch": "no match"
+		},
+
+		"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"
+		},
+
+		"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",
+			"noMatch": "no match"
+		},
+
+		"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": "no match"
+		},
+
+		"it": {
+			"lang": "italiano",
+			"details": "dettagli",
+			"icons": "icone",
+			"name": "Nome",
+			"lastModified": "Ultima modifica",
+			"size": "Dimensione",
+			"parentDirectory": "Cartella Superiore",
+			"empty": "vuota",
+			"folders": "cartelle",
+			"files": "file",
+			"download": "download",
+			"noMatch": "no match"
+	   },
+
+		"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": "no match"
+		},
+
+		"nl": {
+			"lang": "nederlands",
+			"details": "details",
+			"icons": "iconen",
+			"name": "Naam",
+			"lastModified": "Laatste wijziging",
+			"size": "Grootte",
+			"parentDirectory": "Bovenliggende map",
+			"empty": "lege",
+			"folders": "folders",
+			"files": "files",
+			"download": "download",
+			"noMatch": "no match"
+		},
+
+		"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",
+			"download": "download",
+			"noMatch": "no match"
+		},
+
+		"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",
+			"download": "download",
+			"noMatch": "no match"
+		},
+
+		"ru": {
+			"lang": "русский",
+			"details": "детали",
+			"icons": "иконки",
+			"name": "Имя",
+			"lastModified": "Последние изменения",
+			"size": "Размер",
+			"parentDirectory": "Главная директория",
+			"empty": "пусто",
+			"folders": "папки",
+			"files": "файлы",
+			"download": "download",
+			"noMatch": "no match"
+		},
+
+		"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",
+			"download": "download",
+			"noMatch": "no match"
+		},
+
+		"sv": {
+			"lang": "svenska",
+			"details": "detaljerad",
+			"icons": "ikoner",
+			"name": "Filnamn",
+			"lastModified": "Senast ändrad",
+			"size": "Filstorlek",
+			"parentDirectory": "Till överordnad mapp",
+			"empty": "tom",
+			"folders": "folders",
+			"files": "files",
+			"download": "download",
+			"noMatch": "no match"
+		},
+
+		"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",
+			"noMatch": "no match"
+		},
+
+		"zh-cn": {
+			"lang": "简体中文",
+			"details": "详情",
+			"icons": "图标",
+			"name": "文件名",
+			"lastModified": "上次修改",
+			"size": "大小",
+			"parentDirectory": "上层文件夹",
+			"empty": "空文件夹",
+			"folders": "文件夹",
+			"files": "文件",
+			"download": "下载",
+			"noMatch": "no match"
+		},
+
+		"zh-tw": {
+			"lang": "正體中文",
+			"details": "詳細資料",
+			"icons": "圖示",
+			"name": "檔名",
+			"lastModified": "上次修改",
+			"size": "大小",
+			"parentDirectory": "上層目錄",
+			"empty": "空資料夾",
+			"folders": "資料夾",
+			"files": "檔案",
+			"download": "下載",
+			"noMatch": "no match"
+		}
+	}
+};

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" => safe_dirname(safe_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/content.less

@@ -0,0 +1,18 @@
+
+#content {
+	max-width: 960px;
+	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;
+	}
+}

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/extended.less

@@ -21,30 +21,43 @@
 					cursor: pointer;
 					.transition(all 0.2s ease-in-out);
 
-					&:hover {
-						color: #555;
-						opacity: 0.9;
-					}
-					img {
+					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 {
-				border-bottom: 1px solid #ddd;
 
 				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), &.selecting:not(.selected) {
+						border-color: rgba(240,100,0,0.2);
+						background-color: rgba(240,100,0,0.2);
+					}
 				}
 				&.error {
 					a, a:active, a:visited {
@@ -82,12 +95,15 @@
 				display: inline-block;
 				position: absolute;
 				left: 0;
-				top: 2px;
+				top: -2px;
 				width: 16px;
 
 				img {
 					width: 16px;
 					height: 16px;
+					&.thumb {
+						border: 1px solid #eee;
+					}
 				}
 			}
 			.icon.big {
@@ -130,21 +146,33 @@
 			}
 		}
 	}
-	.empty {
+	.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;
-	border: 1px solid #eee;
-	border-radius: 15px;
 
 	ul {
 		margin: 0;
@@ -178,6 +206,10 @@
 						border-color: #eee;
 						background-color: #f6f6f6;
 					}
+					&.selected:not(.selecting), &.selecting:not(.selected) {
+						border-color: rgba(240,100,0,0.2);
+						background-color: rgba(240,100,0,0.2);
+					}
 					.icon {
 						display: block;
 
@@ -185,6 +217,9 @@
 							min-width: 48px;
 							min-height: 48px;
 							margin-bottom: 8px;
+							&.thumb {
+								border: 1px solid #eee;
+							}
 						}
 					}
 					.icon.small {
@@ -235,7 +270,8 @@
 			}
 		}
 	}
-	.empty {
+	.empty, .no-match {
+		margin: 0 120px;
 		padding: 16px;
 		height: 120px;
 		text-align: center;
@@ -243,4 +279,7 @@
 		font-size: 5em;
 		font-weight: bold;
 	}
+	.no-match {
+		display: none;
+	}
 }

src/_h5ai/css/inc/footer.less

@@ -0,0 +1,108 @@
+
+body > footer {
+	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;
+	font-size: 0.85em;
+	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;
+	}
+	.status {
+		.sep {
+			display: inline-block;
+			padding: 0 6px;
+		}
+		&.default {
+		}
+		&.dynamic {
+			display: none;
+		}
+	}
+	#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/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/mixins.less

@@ -0,0 +1,59 @@
+
+
+.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/nav.less

@@ -0,0 +1,135 @@
+
+.nav-highlight {
+	background-color: rgba(255,255,255,0.5);
+	opacity: 1.0;
+}
+
+.nav-hover {
+	.nav-highlight;
+	color: #e80;
+}
+
+@nav-sep-border: 1px solid rgba(0,0,0,0.05);
+
+.nav-left {
+	float: left;
+	border-right: @nav-sep-border;
+}
+
+.nav-right {
+	float: right;
+	border-left: @nav-sep-border;
+}
+
+body > nav {
+	position: fixed;
+	z-index: 5;
+	width: 100%;
+	left: 0;
+	top: 0;
+	font-size: 0.85em;
+	.vert-gradient(rgb(241,241,241), rgb(228,228,228));
+	border-bottom: 1px solid rgb(210,210,210);
+
+	span.jsDisabledFallback {
+		display: block;
+		height: 30px;
+		line-height: 30px;
+		padding: 0 10px;
+		color: #999;
+	}
+	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 {
+			.nav-hover;
+		}
+	}
+	.current {
+		a, span.element {
+			.nav-highlight;
+		}
+	}
+	img {
+		position: relative;
+		top: -2px;
+		width: 16px;
+		height: 16px;
+	}
+	img + span, img + input {
+		margin-left: 6px;
+	}
+	.crumb {
+		.nav-left;
+		.hint {
+			margin-left: 8px;
+			font-style: italic;
+			color: #999;
+		}
+		img.hint {
+			width: 10px;
+			height: 10px;
+		}
+	}
+	.view {
+		.nav-right;
+	}
+	#download {
+		display: none;
+		.nav-right;
+		.transition(all 0.2s ease-in-out);
+
+		&.failed {
+			background-color: rgba(255,0,0,0.5);
+		}
+	}
+	#filter {
+		.nav-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;
+			}
+		}
+	}
+}
+
+
+#download-auth {
+	display: none;
+	position: fixed;
+	z-index: 5;
+	left: 0;
+	top: 0;
+	font-size: 0.85em;
+	.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/responsive.less

@@ -0,0 +1,36 @@
+@media only screen and (max-width: 500px) {
+body > nav {
+	.view span {
+		display: none;
+	}
+}
+#extended.icons-view {
+	padding: 0;
+	border: none;
+	margin: 0 -14px;
+}
+}
+
+@media only screen and (max-width: 350px) {
+body > nav {
+	.crumb {
+		display: none;
+	}
+	.current {
+		display: block;
+	}
+} 
+#extended.details-view {
+	.header .label, .entry .label {
+		margin-right: 110px;
+	}
+	.header .date, .entry .date {
+		display: none;
+	}
+}
+body > footer {
+	.center {
+		display: none;
+	}
+}
+}

src/_h5ai/css/inc/tree.less

@@ -3,18 +3,17 @@
 	display: none;
 	position: fixed;
 	left: 0;
-	top:  82px;
-	z-index: 1;
+	top:  31px;
+	height: 100%;
+	z-index: 3;
 	overflow: auto;
 	font-size: 0.85em;
-	padding: 16px 16px 16px 16px;
+	padding: 8px;
 	background-color: rgb(241,241,241);
-	border: 2px solid rgb(210,210,210);
-	border-left: none;
-	.border-radius ( 0 15px 15px 0 );
+	border-right: 2px solid rgb(221,221,221);
 
 	> .scrollbar {
-		margin: 12px 12px 12px 0;
+		margin: 8px 8px 8px 0;
 		width: 6px;
 		background-color: rgb(210,210,210);
 		.border-radius(3px);
@@ -121,9 +120,10 @@
 				color: #c55;
 			}
 		}
-		.content {
+		.content, ul.content {
 			list-style: none;
-			margin-left: 20px;
+			margin: 0;
+			padding: 0 0 0 24px;
 		}
 	}
 }

src/_h5ai/css/main.less

@@ -0,0 +1,58 @@
+
+@import "inc/h5bp-norm";
+@import "inc/mixins";
+
+
+body {
+	font-family: Ubuntu, sans-serif;
+	font-size: 16px;
+	color: #555;
+	background-color: #fff;
+	margin: 80px 30px;
+}
+
+
+@import "inc/nav";
+@import "inc/content";
+@import "inc/table";
+@import "inc/extended";
+@import "inc/tree";
+@import "inc/context";
+@import "inc/footer";
+@import "inc/responsive";
+
+
+html.js {
+	.hideOnJs {
+		display: none;
+	}
+}
+html.no-js {
+	.hideOnNoJs {
+		display: none;
+	}
+}
+html.h5ai-js {
+	#h5ai-reference:after {
+		content: " (js)";
+	}
+}
+html.h5ai-php {
+	#h5ai-reference:after {
+		content: " (php)";
+	}
+
+	#table {
+		display: none;
+	}
+
+	#tree, #content > header, #content > footer {
+		display: block;
+	}
+
+	html.no-js {
+		#extended.details-view, #extended.icons-view {
+			display: block;
+		}
+	}
+}

src/_h5ai/footer.html

@@ -0,0 +1,31 @@
+			<!-- generated code ends here -->
+		</section>
+	</section>
+	<div id="selection-rect"></div>
+	<footer class="clearfix">
+		<span class="left">
+			<a id="h5ai-reference" href="http://larsjung.de/h5ai" target="_blank" title="h5ai project page">h5ai %BUILD_VERSION%</a>
+			<span class="hideOnJs noJsMsg"> ⚡ JavaScript is disabled! ⚡ </span>
+		</span>
+		<span class="right">
+			<span id="langSelector">
+				<span class="lang">en</span> - <span class="l10n-lang">english</span>
+				<span class="langOptions"></span>
+			</span>
+		</span>
+		<span class="center">
+			<span class="hideOnNoJs">
+				<span class="status default">
+					<span class="folderTotal"></span> <span class="l10n-folders">folders</span>
+					<span class='sep'>·</span>
+					<span class="fileTotal"></span> <span class="l10n-files">files</span>
+				</span>
+				<span class="status dynamic">
+				</span>
+			</span>
+		</span>
+	</footer>
+	<script src="/_h5ai/config.js"></script>
+	<script src="/_h5ai/js/libs.js"></script>
+</body>
+</html>

src/_h5ai/header.html

@@ -0,0 +1,33 @@
+<!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="h5ai-js 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="h5ai-version" content="h5ai %BUILD_VERSION% (js)">
+	<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="http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold">
+	<link rel="stylesheet" href="/_h5ai/css/main.css">
+	<script src="/_h5ai/js/modernizr.min.js"></script>
+</head>
+<body>
+	<nav class="clearfix hideOnNoJs">
+		<ul id="navbar"></ul>
+	</nav>
+	<section id="tree"></section>
+	<section id="content">
+		<header></header>
+		<section id="extended" class="clearfix"></section>
+		<footer></footer>
+		<section id="table" 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.
+			-->

src/_h5ai/header.php

@@ -0,0 +1,32 @@
+<!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="h5ai-php no-js" lang="en"> <!--<![endif]-->
+<?php include "php/main.php"; ?>
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<title><?php echo $h5ai->getTitle(); ?></title>
+	<meta name="h5ai-version" content="h5ai %BUILD_VERSION% (php)">
+	<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="http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold">
+	<link rel="stylesheet" href="/_h5ai/css/main.css">
+	<script src="/_h5ai/js/modernizr.min.js"></script>
+</head>
+<body>
+	<nav class="clearfix">
+		<ul id="navbar">
+			<?php echo $crumb->toHtml(); ?>
+		</ul>
+	</nav>
+	<?php echo $tree->toHtml(); ?>
+	<section id="content">
+		<?php echo $customize->getHeader(); ?>
+		<?php echo $extended->toHtml(); ?>
+		<?php echo $customize->getFooter(); ?>
+		<section id="table" class="hideOnJs">
+			<!-- The following code was generated by Apache's autoindex module and gets ignored and removed from the DOM tree. -->