Release h5ai v0.27.0.

Added checkboxes selection without mouse option.

.editorconfig

@@ -0,0 +1,34 @@
+# editorconfig.org
+
+root = true
+
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+
+[package.json]
+indent_style = space
+indent_size = 2
+
+
+[.travis.yml]
+indent_style = space
+indent_size = 2
+
+
+[*.md]
+trim_trailing_whitespace = false
+
+
+[*.jade]
+trim_trailing_whitespace = false
+
+
+[*.svg]
+insert_final_newline = false

.gitignore

@@ -0,0 +1,4 @@
+build
+local
+node_modules
+test

.jscs.json

@@ -0,0 +1,2 @@
+{
+}

CHANGELOG.md

@@ -0,0 +1,513 @@
+# Changelog
+
+
+## v0.27.0 - *2015-04-06*
+
+* new layout
+* adds editorconfig
+* drops support for IE9 (gets fallback)
+* updates sidebar settings
+* adds info sidebar
+* adds opt-out for click'n'drag selection
+* adds package name option for single selections
+* adds initial support for Peer5
+* adds option to down-sample images for preview
+* adds option for natural sorting in tree sidebar
+* fixes problems with files/folders named `0`
+* changes font from `Ubuntu` to `Roboto` (smaller footprint, clearer for small sizes)
+* switches back to Google Fonts
+* improves PDF thumbnail quality
+* improves drag-select
+* improves image preview
+* prevents listing `_h5ai` folder and subfolders
+* updates build process, now uses [mkr](http://larsjung.de/mkr/) and [fQuery](http://larsjung.de/fquery/)
+* updates `jQuery` to 2.1.3
+* updates `jQuery.qrcode` to 0.11.0
+* updates `Lo-Dash` to 3.6.0
+* updates `Modernizr` to 2.8.3
+* updates `modulejs` to 1.4.0
+* updates `Moment.js` to 2.9.0
+* updates `Prism` to 2015-04-05
+* removes deprecated Google Analytics code
+* removes `jQuery.fracs`
+* removes `jQuery.scrollpanel`
+* removes `jQuery.mousewheel`
+* language updates and additions (`af`, `es`, `ja`, `ko`, `ru`, `zh-cn`)
+
+
+## v0.26.1 - *2014-08-17*
+
+* fixes links
+
+
+## v0.26.0 - *2014-08-16*
+
+* removes True Type fonts
+* outsources themes to [h5ai-themes](https://github.com/lrsjng/h5ai-themes)
+* adds filesize fallback for large files and 32bit PHP
+* fixes server detection
+* adds config file tests to info page
+* removes JSON shim
+* adds caching of command checks
+* updates `jQuery.mousewheel` to 3.1.12
+* updates `jQuery.qrcode` to 0.8.0
+* replaces `markdown` with [`marked`](https://github.com/chjj/marked) 0.3.2
+* updates `modulejs` to 0.4.5
+* updates `Moment.js` to 2.8.1
+* replaces `underscore` with [`Lo-Dash`](https://github.com/lodash/lodash) 2.4.1
+* replaces `SyntaxHighlighter` with [`Prism`](http://prismjs.com) 2014-08-04
+
+
+## v0.25.2 - *2014-07-01*
+
+* adds optional info page protection
+* fixes `short_open_tag` issues for PHP < 5.4.0
+* fixes default folder download (`alwaysVisible` option)
+* minor fixes
+
+
+## v0.25.1 - *2014-06-25*
+
+* fixes broken paths for filenames containing '+' characters
+* fixes Google Universal Analytics
+* fixes file type check
+
+
+## v0.25.0 - *2014-06-22*
+
+* adds sidebar
+* adds initial theme support
+* adds icons from [Evolvere Icon Theme](http://franksouza183.deviantart.com/art/Evolvere-Icon-theme-440718295)
+* adds PHP variant to calc folder sizes
+* adds scroll position reset on location change (issue [#279](https://github.com/lrsjng/h5ai/issues/279))
+* adds option to hide unreadable files
+* adds option where to place folders (top, inplace, bottom)
+* adds markdown support for custom header and footer files
+* adds video and audio preview via HTML5 elements (no fallback, works best in Chrome)
+* adds filter reset on location change
+* adds option to make download button always visible
+* adds Google UA support
+* extends selectable icon sizes (adds 128px, 192px, 256px, 384px)
+* improves preview GUI
+* disable thumbs in `cache` folder
+* fixes QR code URI origin (issue [#287](https://github.com/lrsjng/h5ai/issues/287))
+* replaces PHP backtick operator with `exec`
+* removes server side file manipulation extensions `dropbox`, `delete` and `rename`
+* updates `H5BP` to 4.3.0
+* updates `jQuery` to 2.1.1
+* updates `json2.js` to 2014-02-04
+* updates `markdown-js` to 0.5.0
+* updates `Modernizr` to 2.8.2
+* updates `Moment.js` to 2.6.0
+* updates `Underscore.js` to 1.6.0
+* language updates (`bg`, `ko`, `pt`, `sl`, `sv`, `zh-cn`)
+
+
+## v0.24.1 - *2014-04-09*
+
+* security fixes! (issues [#268](https://github.com/lrsjng/h5ai/issues/268), [#269](https://github.com/lrsjng/h5ai/issues/269))
+* language updates (`fi`, `fr`, `hi`, `it`, `zh-tw`)
+* fixes WinOS command detection
+
+
+## v0.24.0 - *2013-09-04*
+
+* updates image and text preview
+* adds variable icon sizes
+* adds optional natural sort of items
+* adds optional checkboxes to select items
+* adds text preview modes: none, fixed, markdown
+* optionally hide folders in main view
+* makes use of EXIF thumbnails optional
+* fixes file deletion of multiple files
+* fixes `setParentFolderLabels = false`
+* fixes shell-arg and RegExp escape issues
+* cleans code
+* updates info page `/_h5ai`
+* adds `aiff` to `audio` types
+* adds `da` translation by Ronnie Milbo
+* updates to `pl` translation by Mark
+
+
+## v0.23.0 - *2013-07-21*
+
+* removes `aai` mode!
+* drops support for IE7+8 (simple fallback, same as no javascript)
+* uses History API if available (way faster browsing)
+* faster thumbnail generation if EXIF thumbnails available
+* adds optional custom headers/footers that are propageted to all subfolders
+* optional hide parent folder links
+* some fixes on previews
+* speeds up packaged downloads
+* add line wrap and line highlighting (on hover) to text preview
+* new design (colors, images)
+* now uses scalable images for the interface
+* fixes filter (ignore parent folder, display of `no match`)
+* lots of small fixes
+* updates `H5BP` to 4.2.0
+* updates `jQuery` to 2.0.3
+* updates `jQuery.mousewheel` to 3.1.3
+* updates `Moment.js` to 2.1.0
+* updates `markdown-js` to 0.4.0-9c21acdf08
+* updates `json2.js` to 2013-05-26
+* adds `uk` translation by Viktor Matveenko
+* updates to `pl` translation by Mark
+
+
+## v0.22.1 - *2012-10-16*
+
+* bug fix concerning API requests in PHP mode
+* minor changes in responsive styles
+
+
+## v0.22 - *2012-10-14*
+
+* general changes h5ai directory layout and configuration
+* splits configuration file (`config.json`) into files `options.json`, `types.json` and `langs.json`
+* localization now in separate files
+* adds auto-refresh
+* adds drag'n'drop upload (PHP, experimental)
+* adds file deletion (PHP, experimental)
+* cleans and improves PHP code
+* PHP no longer respects htaccess restrictions (so be careful)
+* PHP ignore patterns might include paths now
+* improves separation between aai and php mode
+* improves performance in aai mode
+* adds optional binary prefixes for file sizes
+* improves filter: autofocus on keypress, clear on `ESC`
+* download packages now packaged relative to current folder
+* download package name changable
+* splits type `js` into `js` and `json`
+* prevents some errors with files > 2GB on 32bit OS
+* adds max subfolder size in tree view
+* adds ctrl-click file selection
+* adds Piwik analytics extension
+* temp download packages are now stored in the `cache`-folder and deleted as soon as possible
+* updates translations
+* adds `he` translation by [Tomer Cohen](https://github.com/tomer)
+* updates 3rd party libs
+
+
+## v0.21 - *2012-08-06*
+
+* fixes misaligned image previews
+* adds no JavaScript fallback to PHP version
+* fixes duplicate tree entries and empty main views
+* adds Google Analytics support (async)
+* improves filter (now ignorecase, now only checks if chars in right order)
+* adds keyboard support to image preview (space, enter, backspace, left, right, up, down, f, esc)
+* adds text file preview and highlighting with [SyntaxHighlighter](http://alexgorbatchev.com/SyntaxHighlighter/) (same keys as img preview)
+* adds Markdown preview with [markdown-js](https://github.com/evilstreak/markdown-js)
+* adds new type `markdown`
+* changes language code `gr` to `el`
+* adds localization for filter placeholder
+* adds `hu` translation by [Rodolffo](https://github.com/Rodolffo)
+* updates to [jQuery.qrcode](http://larsjung.de/qrcode/) 0.2
+* updates to [jQuery.scrollpanel](http://larsjung.de/scrollpanel/) 0.1
+* updates to [modulejs](http://larsjung.de/modulejs/) 0.2
+* updates to [Moment.js](http://momentjs.com) 1.7.0
+* updates to [Underscore.js](http://underscorejs.org) 1.3.3
+
+
+## v0.20 - *2012-05-11*
+
+* adds image preview
+* adds thumbnails for video and pdf
+* adds support for lighttpd, nginx and cherokee and maybe other webservers with PHP
+* adds folder size in PHP version via shell `du`
+* fixes some localization problems
+* updates info page at `/_h5ai/`
+* switches to JSHint
+
+
+## v0.19 - *2012-04-19*
+
+* 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](https://github.com/brandonaaron/jquery-mousewheel) to 3.0.6
+* updates `lv` translation
+* adds `ro` translation by [Jakob Cosoroabă](https://github.com/midday)
+* adds `ja` translation by [metasta](https://github.com/metasta)
+* adds `nb` translation by [Sindre Sorhus](https://github.com/sindresorhus)
+* adds `sr` translation by [vBm](https://github.com/vBm)
+* adds `gr` translation by [xhmikosr](https://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](https://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*
+
+* adds `it` translation by [Salvo Gentile](https://github.com/SalvoGentile) and [Marco Patriarca](https://github.com/Fexys)
+* switches build process from scripp to wepp
+
+
+## v0.15.1 - *2011-09-06*
+
+* fixes security issues with the zipped download feature
+* makes zipped download optional (but enabled by default)
+
+
+## v0.15 - *2011-09-04*
+
+* adds zipped download for selected files
+* cleans and refactores
+
+
+## v0.14.1 - *2011-09-01*
+
+* display meta information in bottom bar (icon view)
+* adds `zh-cn` translation by [Dongsheng Cai](https://github.com/dongsheng)
+* adds `pl` translation by Radosław Zając
+* adds `ru` translation by Богдан Илюхин
+
+
+## v0.14 - *2011-08-16*
+
+* adds 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*
+
+* fixes initial tree display
+* adds sort order option
+* adds/fixes some translations
+* adds `lv` translation by Sandis Veinbergs
+
+
+## v0.13 - *2011-08-06*
+
+* adds PHP implementation! (should work with PHP 5.2+)
+* adds new options
+* changes layout of the bottom bar to display status information
+* adds language selector to the bottom bar
+* quotes keys in `options.js` to make it valid json
+* changes value of option `lang` from `undefined` to `null`
+* adds some new keys to `h5aiLangs`
+* adds browser caching rules for css and js
+* adds `pt` translation by [Jonnathan](https://github.com/jonnsl)
+* adds `bg` translation by George Andonov
+
+
+## v0.12.3 - *2011-07-30*
+
+* adds `tr` translation by [Batuhan Icoz](https://github.com/batuhanicoz)
+
+
+## v0.12.2 - *2011-07-30*
+
+* adds `es` translation by Jose David Calderon Serrano
+
+
+## v0.12.1 - *2011-07-29*
+
+* fixes unchecked use of console.log
+
+
+## v0.12 - *2011-07-28*
+
+* improves performance
+
+
+## v0.11 - *2011-07-27*
+
+* changes license to MIT license, see `LICENSE.txt`
+
+
+## v0.10.2 - *2011-07-26*
+
+* improves tree scrollbar
+
+
+## v0.10.1 - *2011-07-24*
+
+* fixes problems with ' in links
+
+
+## v0.10 - *2011-07-24*
+
+* fixes problems with XAMPP on Windows (see `dot.htaccess` comments for instructions)
+* fixes tree fade-in-fade-out effect for small displays ([issue #6](https://github.com/lrsjng/h5ai/issues/6))
+* adds custom scrollbar to tree ([issue #6](https://github.com/lrsjng/h5ai/issues/6))
+* fixes broken links caused by URI encoding/decoding ([issue #9](https://github.com/lrsjng/h5ai/issues/9))
+* adds "empty" to localization (hope Google Translate did a good job here)
+
+
+## v0.9 - *2011-07-18*
+
+* links hover states between crumb, extended view and tree
+* fixes size of tree view (now there's a ugly scrollbar, hopefully will be fixed)
+* refactores js to improve performance and cleaned code
+* adds caching for folder status codes and content
+* adds `fr` translation by [Nicolas](https://github.com/Nicosmos)
+* adds `nl` translation by [Stefan de Konink](https://github.com/skinkie)
+* adds `sv` translation by Oscar Carlsson
+
+
+## v0.8 - *2011-07-08*
+
+* removes 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
+* refactores js a lot (again...)
+
+
+## v0.7 - *2011-07-07*
+
+* removes shadows
+* smarter tree side bar
+
+
+## v0.6 - *2011-07-05*
+
+* refactores js
+* adds localization, see `options.js`
+
+
+## v0.5.3 - *2011-07-04*
+
+* refactores js
+* adds basic options support via `options.js`
+* adds comments to `options.js`
+* adds optional tree sidebar
+
+
+## v0.5.2 - *2011-07-02*
+
+* details view adjusts to window width
+* links icon for *.gz and *.bz2
+
+
+## v0.5.1 - *2011-07-01*
+
+* disables tree sidebar for now, since it had unwanted side effects
+
+
+## v0.5 - *2011-07-01*
+
+* adds tree sidebar
+* some refactorings
+
+
+## v0.4 - *2011-06-27*
+
+* adds better fallback, in case JavaScript is disabled
+* rewrites js, fixed middle-button click etc. problems
+* refactors css
+* sorts, adds and moves icons and images
+* updates dot.access
+
+
+## v0.3.2 - *2011-06-24*
+
+* removes lib versions from file names
+* adds 'empty' indicator for icons view
+
+
+## v0.3.1 - *2011-06-24*
+
+* refactores js
+* adds `folderClick` and `fileClick` callback hooks
+* fixes .emtpy style
+
+
+## v0.3 - *2011-06-23*
+
+* includes build stuff, files previously found in the base directory are now located in folder `target`
+* styles and scripts are now minified
+* adds Modernizr 2.0.4 for future use
+* updates jQuery to version 1.6.1
+
+
+## v0.2.3 - *2011-06-17*
+
+* more refactoring in main.js
+
+
+## v0.2.2 - *2011-06-16*
+
+* refactores a lot, adds some comments
+* includes fixes from [NumEricR](https://github.com/NumEricR)
+* adds top/bottom message support, only basicly styled
+
+
+## v0.2.1 - *2011-06-16*
+
+* fixes croped filenames
+* fixes missing .png extension in header
+* adds some color to the links
+* adds changelog
+
+
+## v0.2 - *2011-06-15*
+
+* adds icon view

README.md

@@ -1,56 +1,71 @@
-h5ai - a beautified Apache index
-================================
+# h5ai
 
-Screenshot
-----------
+[![license][license-img]][github] [![web][web-img]][web] [![github][github-img]][github]
 
-<img
-	width="800"
-	src="http://repo.larsjung.de/screens/h5ai.png"
-	alt="screenshot"
-	title="screenshot"
-	style="border: 1px solid #ccc"
-/>
+A modern HTTP web server index for Apache httpd, lighttpd, nginx and Cherokee.
+For bug reports and feature requests please use [issues][github-issues].
 
 
-compare it to apache's built in autoindex:
+## Install
 
-<img
-	width="800"
-	src="http://repo.larsjung.de/screens/ai.png"
-	alt="apache autoindex"
-	title="apache autoindex"
-	style="border: 1px solid #ccc"
-/>
+Do **not** install any files from the `src` folder, they need to be
+preprocessed to work correctly! Find a preprocessed package and detailed
+install instructions on the [project page][web].
 
 
-Live example
-------------
+## Build
 
-For a live experience browse [here](http://repo.larsjung.de/h5ai-sample)  
-*(the files are all empty to save webspace)*
+There are installation ready packages for the latest [releases][release] and
+[dev builds][develop]. But to clone and build **h5ai** yourself run the
+following commands to find a fresh zipball in folder `build` (tested on linux
+only, requires [`git`][git] and [`npm`][npm] to be installed).
+
+    > git clone git://github.com/lrsjng/h5ai.git
+    > cd h5ai
+    > npm install
+    > npm run build
 
 
-Install
--------
+## License
 
-* Copy the `h5ai` folder 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 in the directory
-  you want to be indexed (you might have to create this file). This directory and any subdirectories will be
-  styled.
+The MIT License (MIT)
+
+Copyright (c) 2015 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.
 
 
-License
--------
+## 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>
-
-This project is licensed under the [CC BY-SA 3.0 License](http://creativecommons.org/licenses/by-sa/3.0/).
-
-
-It is based on the awesome [HTML5 Boilerplate](http://html5boilerplate.com) and the beautiful
-[Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-173323228), please respect their rights.
+**h5ai** profits from other projects, all of them licensed under the MIT license
+too. Exceptions are the [Material Design icons][material-design-icons] (CC BY 4.0).
 
 
+[web]: http://larsjung.de/h5ai/
+[github]: https://github.com/lrsjng/h5ai
+[github-issues]: https://github.com/lrsjng/h5ai/issues
+[release]: http://release.larsjung.de/h5ai/
+[develop]: http://release.larsjung.de/h5ai/develop/
+[git]: http://git-scm.com
+[npm]: https://www.npmjs.org
+[material-design-icons]: https://github.com/google/material-design-icons
 
+[license-img]: http://img.shields.io/badge/license-MIT-a0a060.svg?style=flat-square
+[web-img]: http://img.shields.io/badge/web-larsjung.de/h5ai-a0a060.svg?style=flat-square
+[github-img]: http://img.shields.io/badge/github-lrsjng/h5ai-a0a060.svg?style=flat-square

dot-htaccess

@@ -1,87 +0,0 @@
-
-<IfModule mod_autoindex.c>
-
-	Options              +Indexes  +FollowSymLinks
-
-	IndexOptions         Charset=UTF-8
-	IndexOptions         FancyIndexing
-	IndexOptions         HTMLTable
-	IndexOptions         XHTML
-	IndexOptions         SuppressHTMLPreamble
-	IndexOptions         SuppressRules
-	IndexOptions         SuppressDescription
-	IndexOptions         FoldersFirst
-	IndexOptions         IgnoreCase
-	IndexOptions         IconsAreLinks
-	IndexOptions         VersionSort
-
-	DirectoryIndex       IGNORE-DEFAULT-INDEX-FILES
-	IndexOrderDefault    Ascending Name
-	IndexIgnore          h5ai  .??*  *~  *#  RCS  CVS  *,v  *,t
-
-	HeaderName           /h5ai/header.html
-	ReadmeName           /h5ai/footer.html
-
-	AddIconByType        /h5ai/icons/png.png         image/png
-	AddIconByType        /h5ai/icons/jpg.png         image/jpeg
-	AddIconByType        /h5ai/icons/gif.png         image/gif
-	AddIconByType        /h5ai/icons/ico.png         image/x-icon
-	AddIconByType        /h5ai/icons/bmp.png         image/x-ms-bmp
-
-	AddIconByType        /h5ai/icons/html.png        text/html
-	AddIconByType        /h5ai/icons/css.png         text/css
-	AddIcon              /h5ai/icons/css.png         .less
-	AddIconByType        /h5ai/icons/xml.png         application/xml
-	AddIconByType        /h5ai/icons/js.png          application/javascript  application/json
-	AddIconByType        /h5ai/icons/php.png         application/x-httpd-php
-
-	AddIconByType        /h5ai/icons/java.png        text/x-java
-	AddIconByType        /h5ai/icons/py.png          text/x-python
-	AddIconByType        /h5ai/icons/rb.png          application/x-ruby
-	AddIconByType        /h5ai/icons/cpp.png         text/x-c++src
-	AddIconByType        /h5ai/icons/hpp.png         text/x-c++hdr
-	AddIconByType        /h5ai/icons/c.png           text/x-csrc
-	AddIconByType        /h5ai/icons/h.png           text/x-chdr
-	AddIconByType        /h5ai/icons/tex.png         text/x-tex
-	AddIcon              /h5ai/icons/script.png      .conf  .ini  .sh  .shar  .csh  .ksh  .tcl
-
-	AddIcon              /h5ai/icons/log.png         log  Log  LOG
-
-	AddIconByType        /h5ai/icons/bin.png         application/java-vm
-	AddIcon              /h5ai/icons/bin.png         .so  .o
-	AddIconByType        /h5ai/icons/exe.png         application/x-executable application/x-msdos-program
-
-	AddIconByType        /h5ai/icons/makefile.png    text/x-makefile
-	AddIcon              /h5ai/icons/makefile.png    pom.xml  .pom  build.xml
-
-	AddIconByType        /h5ai/icons/pdf.png         application/pdf
-	AddIconByType        /h5ai/icons/rtf.png         text/rtf  application/rtf
-
-	AddIcon              /h5ai/icons/zip.png         .zip  .Z  .z  .jar  .war
-	AddIcon              /h5ai/icons/tar.png         .tar
-	AddIcon              /h5ai/icons/archive.png     .tar.gz  .tgz  .tar.bz2
-	AddIcon              /h5ai/icons/pdf.png         .pdf
-	AddIcon              /h5ai/icons/deb.png         .deb
-	AddIcon              /h5ai/icons/rpm.png         .rpm
-	AddIcon              /h5ai/icons/cd.png          .iso  .cue
-
-	AddIcon              /h5ai/icons/authors.png     AUTHORS
-	AddIcon              /h5ai/icons/install.png     INSTALL
-	AddIcon              /h5ai/icons/copying.png     COPYING  LICENSE
-	AddIcon              /h5ai/icons/readme.png      README
-
-	AddIconByType        /h5ai/icons/text.png        text/*
-	AddIconByType        /h5ai/icons/image.png       image/*
-	AddIconByType        /h5ai/icons/audio.png       audio/*
-	AddIconByType        /h5ai/icons/video.png       video/*
-
-	AddIconByEncoding    /h5ai/icons/zip.png         x-compress  x-gzip  x-bzip2
-
-	AddIcon              /h5ai/icons/parent.png      ..
-	AddIcon              /h5ai/icons/folder.png      ^^DIRECTORY^^
-	AddIcon              /h5ai/icons/blank.png       ^^BLANKICON^^
-
-	DefaultIcon          /h5ai/icons/unknown.png
-
-</IfModule>
-

dot.htaccess

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

h5ai/footer.html

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

h5ai/header.html

@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<meta charset="utf-8">
-	<title>Index</title>
-	<link rel="shortcut icon" href="/h5ai/icons/folder.png" />
-	<link rel="apple-touch-icon" href="/h5ai/images/folder.png">
-	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold">
-	<link rel="stylesheet" type="text/css" href="/h5ai/main.css">
-</head>
-<body>
-	<nav>
-		<ul>
-			<li id="domain"><a href="/"><img src="/h5ai/icons/home.png" alt="domain" /><span>domain</span></a></li>
-		</ul>
-		<div class="clearfix"></div>
-	</nav>
-	<section id="content">
-		<section id="h5ai-top"></section>
-		<!--
-			The following code was generated by apache's autoindex module. It is not valid HTML 5 for the
-			reason, that 'align' and 'valign' attributes on the td element are obsolete. Both of them are
-			removed via javascript. The actual page should render as perfect HTML 5, even if the produced
-			source is not valid HTML 5.
-		-->

h5ai/lib/html5reset.css

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

h5ai/main.css

@@ -1,196 +0,0 @@
-
-@import "lib/html5reset.css";
-
-
-body {
-	font-family: Ubuntu, sans-serif;
-	font-size: 16px;
-	color: #555;
-	margin: 80px 30px;
-}
-
-
-a, a:visited {
-	color: #555;
-	text-decoration: none;
-}
-a:hover {
-	color: #333;
-}
-
-
-nav {
-	position: fixed;
-	width: 100%;
-	left: 0px;
-	top: 0px;
-	font-size: 0.85em;
-	background-color: rgb(240,240,240);
-	border-bottom: 1px solid rgb(225,225,225);
-	-webkit-box-shadow: 0px 0px 30px #555;
-	-moz-box-shadow: 0px 0px 30px #555;
-	box-shadow: 0px 0px 30px #555;
-}
-nav li.crumb {
-	float: left;
-	border-right: 1px dotted rgb(225,225,225);
-	cursor: pointer;
-	opacity: 0.7;
-}
-nav li.crumb:hover, nav li.crumb:hover a {
-	background-color: rgba(255,255,255,0.5);
-	opacity: 1.0;
-}
-nav a {
-	display: block
-	height: 30px;
-	line-height: 30px;
-	padding: 4px 10px;
-}
-nav img {
-	vertical-align: bottom;
-	padding-right: 6px;
-	padding-bottom: 6px;
-}
-
-
-section#h5ai-top {
-	display: none;
-	padding: 0px 0px 10px 0px;
-	margin: 0px 0px 80px 0px;
-	border-bottom: 1px solid #999;
-}
-
-
-section#h5ai-bottom {
-	display: none;
-	padding: 10px 0px 0px 0px;
-	margin: 80px 0px 0px 0px;
-	border-top: 1px solid #999;
-}
-
-
-section#content {
-	max-width: 980px;
-	margin: 0px auto;
-}
-
-
-table {
-	width: 100%;
-	border-collapse: collapse;
-}
-table {
-	display: block;
-}
-table tr.entry:hover, table tr.entry:hover a {
-	background-color: rgb(235,245,250);
-	background-color: #eeeeee;
-	color: #333;
-	cursor: pointer;
-}
-table th, table td {
-	padding: 3px 6px;
-	text-align: left;
-	border: none;
-}
-table th {
-	padding-bottom: 18px;
-	opacity: 0.4;
-}
-table th.header:hover {
-	cursor: pointer;
-	opacity: 0.9;
-}
-table th a, table th a:visited {
-	color: #555;
-	font-weight: normal;
-}
-table th a img {
-	width: 12px;
-	height: 12px;
-	padding: 0px 8px;
-}
-table td {
-	border: 1px solid #ddd;
-	border-left: 0px;
-	border-right: 0px;
-}
-table .icon {
-	text-align: center;
-	width: 16px;
-}
-table .icon img {
-	width: 16px;
-	height: 16px;
-	padding-top: 2px;
-}
-table .name {
-	width: 682px;
-	max-width: 682px;
-	overflow: hidden;
-	white-space: nowrap;
-}
-table .date {
-	text-align: right;
-	width: 160px;
-	min-width: 160px;
-	white-space: nowrap;
-}
-table .size {
-	text-align: right;
-	width: 70px;
-	min-width: 70px;
-	white-space: nowrap;
-}
-
-
-div#empty {
-	display: none;
-	text-align: center;
-	margin: 50px 0px;
-	color: #ddd;
-	font-size: 5em;
-	font-weight: bold;
-}
-
-
-section#special {
-	display: none;
-	text-align: center;
-	margin: 50px 0px;
-}
-
-
-footer {
-	position: fixed;
-	width: 100%;
-	left: 0px;
-	bottom: 0px;
-	padding: 10px 0px;
-	border-top: 1px solid rgb(225,225,225);
-	background-color: rgb(240,240,240);
-	color: #999;
-	font-size: 0.85em;
-	text-align: center;
-	-webkit-box-shadow: 0px 0px 30px #555;
-	-moz-box-shadow: 0px 0px 30px #555;
-	box-shadow: 0px 0px 30px #555;
-}
-
-
-#html5 {
-	position: absolute;
-	left: 6px;
-	bottom: 6px;
-	float: left;
-}
-#html5 img {
-	opacity: 0.4;
-	width: 20px;
-	height: 20px;
-}
-#html5:hover img {
-	opacity: 0.8;
-}
-

h5ai/main.js

@@ -1,132 +0,0 @@
-( function( $ ) {
-
-	var columnClasses = [ "icon", "name", "date", "size" ];
-	var defaultSortOrder = "C=N;O=A"
-	var h5aiPath = "/h5ai"
-
-
-	$( function() {
-
-		init();
-	} );
-
-
-	function init () {
-
-		convertToHtml5();
-		addBreadcrumb();
-		addColumnClasses();
-		initTableRows();
-		addSortOrderIcons();
-		addTopAndBottom();
-	};
-
-	
-	function convertToHtml5() {
-
-		$( "td" ).removeAttr( "align" ).removeAttr( "valign" );
-	};
-
-
-	function addBreadcrumb() {
-
-		$( "#domain span" ).text( document.domain );
-		var pathname = decodeURI( document.location.pathname );
-		var parts = pathname.split( "/" );
-		var path = "/";
-		var $ul = $( "nav ul" );
-		for ( idx in parts ) {
-			var part = parts[idx];
-			if ( part !== "" ) {
-				path += part + "/";
-				$ul.append( $( "<li><a href='" +  path + "'><img src='" + h5aiPath + "/icons/crumb.png' alt='>' />" + part + "</a></li>" ) );
-			}
-		}
-
-		$( "nav li a" ).closest( "li" )
-			.addClass( "crumb" )
-			.click( function () {
-				document.location.href = $( this ).find( "a" ).attr( "href" );
-			} );
-
-		document.title = document.domain + pathname;
-	};
-
-
-	function getColumnClass( idx ) {
-
-		if ( idx >= 0 && idx < columnClasses.length ) {
-			return columnClasses[idx];
-		}
-		return "unknown";
-	};
-
-
-	function addColumnClasses() {
-
-		$( "tr" ).each( function () {
-			var colIdx = 0;
-			$( this ).find( "th,td" ).each( function () {
-				$( this ).addClass( getColumnClass( colIdx ) );
-				colIdx++;
-			} );
-		} );
-	};
-
-
-	function initTableRows() {
-
-		$( "th a" ).closest( "th" )
-			.addClass( "header" )
-			.click( function () {
-				document.location.href = $( this ).find( "a" ).attr( "href" );
-			} );
-		$( "td.name a" ).closest( "tr" )
-			.addClass( "entry" )
-			.click( function () {
-				document.location.href = $( this ).find( "td.name a" ).attr( "href" );
-			} );
-		$dataRows = $( "td" ).closest( "tr" );
-		if ( $dataRows.size() === 0 || $dataRows.size() === 1 && $dataRows.find( "td.name a" ).text() === "Parent Directory" ) {
-			$( "#empty" ).show();
-		}
-	};
-
-
-	function addSortOrderIcons() {
-
-		var order = document.location.search;
-		if ( order === "" ) {
-			order = defaultSortOrder;
-		}
-		var $icon;
-		if ( order.indexOf( "O=A" ) >= 0 ) {
-			$icon = $( "<img src='" + h5aiPath + "/icons/ascending.png' class='sort' alt='ascending' />" );
-		} else {
-			$icon = $( "<img src='" + h5aiPath + "/icons/descending.png' class='sort' alt='descending' />" );
-		}
-		if ( order.indexOf( "C=N" ) >= 0 ) {
-			$( "th.name a" ).append( $icon );
-		} else if ( order.indexOf( "C=M" ) >= 0 ) {
-			$( "th.date a" ).prepend( $icon );
-		} else if ( order.indexOf( "C=S" ) >= 0 ) {
-			$( "th.size a" ).prepend( $icon );
-		}
-	};
-
-
-	function addTopAndBottom() {
-
-		$( "#h5ai-top" ).load( "h5ai.top.html", function( response, status, xhr ) {
-			if (status != "error") {
-				$( "#h5ai-top" ).show();
-			}
-		} );
-		$( "#h5ai-bottom" ).load( "h5ai.bottom.html", function( response, status, xhr ) {
-			if (status != "error") {
-				$( "#h5ai-bottom" ).show();
-			}
-		} );
-	};
-
-} )( jQuery );

mkrfile.js

@@ -0,0 +1,208 @@
+/*jshint node: true */
+'use strict';
+
+
+var path = require('path');
+var $ = require('fquery');
+
+var pkg = require('./package.json');
+
+var root = path.resolve(__dirname);
+var src = path.join(root, 'src');
+var build = path.join(root, 'build');
+
+var mapSrc = $.map.p(src, build).s('.less', '.css').s('.jade', '');
+var mapRoot = $.map.p(root, path.join(build, '_h5ai'));
+
+
+function getBuildSuffix(callback) {
+
+    require('child_process').exec('git rev-list v' + pkg.version + '..HEAD', {cwd: root}, function (err, out) {
+
+        try {
+            var lines = out.trim().split(/\r?\n/);
+            callback('+' + ('000' + lines.length).substr(-3) + '~' + lines[0].substring(0, 7));
+        } catch (e) {
+            callback('+X');
+        }
+    });
+}
+
+
+$.fn.autoprefixer = function (options) {
+
+    var autoprefixer = require('autoprefixer-core');
+    var options = {browsers: ['last 2 versions']};
+
+    return this.edit(function (blob) {
+
+        try {
+            blob.content = autoprefixer.process(blob.content, options).css;
+        } catch (e) {
+            $.report({
+                type: 'err',
+                method: 'autoprefixer',
+                message: e.message,
+                fquery: this,
+                blob: blob,
+                err: e
+            });
+        }
+    });
+};
+
+
+$.plugin('fquery-cssmin');
+$.plugin('fquery-handlebars');
+$.plugin('fquery-includeit');
+$.plugin('fquery-jade');
+$.plugin('fquery-jshint');
+$.plugin('fquery-jszip');
+$.plugin('fquery-less');
+$.plugin('fquery-uglifyjs');
+
+
+module.exports = function (suite) {
+
+
+    suite.defaults('release');
+
+
+    suite.target('check-version', [], 'add git info to dev builds').task(function (done) {
+
+        if (!pkg.develop) {
+            done();
+            return;
+        }
+
+        getBuildSuffix(function (result) {
+
+            pkg.version += result;
+            $.report({type: 'info', method: 'check-version', message: 'version set to ' + pkg.version});
+            done();
+        });
+    });
+
+
+    suite.target('clean', [], 'delete build folder').task(function () {
+
+        $(build, {dirs: true}).delete();
+    });
+
+
+    suite.target('lint', [], 'lint all JavaScript files with JSHint').task(function () {
+
+        var jshint = {
+                // Enforcing Options
+                bitwise: true,
+                curly: true,
+                eqeqeq: true,
+                forin: true,
+                latedef: true,
+                newcap: true,
+                noempty: true,
+                plusplus: true,
+                trailing: true,
+                undef: true,
+
+                // Environments
+                browser: true
+            };
+        var globals = {
+                modulejs: true
+            };
+
+        $(src + '/_h5ai/client/js: **/*.js, ! lib/**')
+            .jshint(jshint, globals);
+    });
+
+
+    suite.target('build', ['check-version', 'lint'], 'build all updated files').task(function () {
+
+        var header = '/* ' + pkg.name + ' ' + pkg.version + ' - ' + pkg.homepage + ' */\n';
+        var env = {pkg: pkg};
+
+        $(src + ': _h5ai/client/js/*.js')
+            .newerThan(mapSrc, $(src + ': _h5ai/client/js/**'))
+            .includeit()
+            .uglifyjs()
+            .wrap(header)
+            .write(mapSrc, true);
+
+        $(src + ': _h5ai/client/css/*.less')
+            .newerThan(mapSrc, $(src + ': _h5ai/client/css/**'))
+            .less()
+            .autoprefixer()
+            .cssmin()
+            .wrap(header)
+            .write(mapSrc, true);
+
+        $(src + ': _h5ai/client/css/fonts/**')
+            .newerThan(mapSrc)
+            .write(mapSrc, true);
+
+        $(src + ': **/*.jade')
+            .newerThan(mapSrc)
+            .jade(env)
+            .write(mapSrc, true);
+
+        $(src + ': **, ! _h5ai/client/js/**, ! _h5ai/client/css/**, ! **/*.jade')
+            .newerThan(mapSrc)
+            .handlebars(env)
+            .write(mapSrc, true);
+
+        $(root + ': *.md')
+            .newerThan(mapRoot)
+            .write(mapRoot, true);
+    });
+
+
+    suite.target('build-uncompressed', ['check-version', 'lint'], 'build all updated files').task(function () {
+
+        var header = '/* ' + pkg.name + ' ' + pkg.version + ' - ' + pkg.homepage + ' */\n';
+        var env = {pkg: pkg};
+
+        $(src + ': _h5ai/client/js/*.js')
+            .newerThan(mapSrc, $(src + ': _h5ai/client/js/**'))
+            .includeit()
+            // .uglifyjs()
+            .wrap(header)
+            .write(mapSrc, true);
+
+        $(src + ': _h5ai/client/css/*.less')
+            .newerThan(mapSrc, $(src + ': _h5ai/client/css/**'))
+            .less()
+            .autoprefixer()
+            // .cssmin()
+            .wrap(header)
+            .write(mapSrc, true);
+
+        $(src + ': _h5ai/client/css/fonts/**')
+            .newerThan(mapSrc)
+            .write(mapSrc, true);
+
+        $(src + ': **/*.jade')
+            .newerThan(mapSrc)
+            .jade(env)
+            .write(mapSrc, true);
+
+        $(src + ': **, ! _h5ai/client/js/**, ! _h5ai/client/css/**, ! **/*.jade')
+            .newerThan(mapSrc)
+            .handlebars(env)
+            .write(mapSrc, true);
+
+        $(root + ': *.md')
+            .newerThan(mapRoot)
+            .write(mapRoot, true);
+    });
+
+
+    suite.target('release', ['clean', 'build'], 'create a zipball').task(function () {
+
+        var target = path.join(build, pkg.name + '-' + pkg.version + '.zip');
+
+        $(build + ': **')
+            .jszip({dir: build})
+            .write(target, true);
+    });
+};

package.json

@@ -0,0 +1,31 @@
+{
+  "name": "h5ai",
+  "version": "0.27.0",
+  "develop": false,
+  "description": "a modern HTTP web server index",
+  "homepage": "http://larsjung.de/h5ai/",
+  "bugs": "https://github.com/lrsjng/h5ai/issues",
+  "author": "Lars Jung <lrsjng@gmail.com> (http://larsjung.de)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lrsjng/h5ai.git"
+  },
+  "scripts": {
+    "build": "mkr release",
+    "test": "mocha --recursive test"
+  },
+  "devDependencies": {
+    "autoprefixer-core": "~5.1.8",
+    "fquery": "~0.16.2",
+    "fquery-cssmin": "~0.3.0",
+    "fquery-handlebars": "~0.2.0",
+    "fquery-includeit": "~0.2.0",
+    "fquery-jade": "~0.3.0",
+    "fquery-jshint": "~0.2.0",
+    "fquery-jszip": "~0.4.0",
+    "fquery-less": "~0.2.0",
+    "fquery-uglifyjs": "~0.2.1",
+    "mkr": "~0.6.1"
+  }
+}

src/_h5ai/.htaccess

@@ -0,0 +1,46 @@
+
+DirectoryIndex index.html
+
+
+<IfModule mod_autoindex.c>
+    Options -Indexes
+</IfModule>
+
+
+AddDefaultCharset utf-8
+
+
+<IfModule mod_mime.c>
+    AddCharset utf-8 .css .js .json .svg
+</IfModule>
+
+
+<IfModule mod_expires.c>
+    ExpiresActive on
+    ExpiresDefault                                      "access plus 1 month"
+
+    # CSS
+    ExpiresByType text/css                              "access plus 1 week"
+
+    # Data interchange
+    ExpiresByType application/json                      "access plus 0 seconds"
+    ExpiresByType application/xml                       "access plus 0 seconds"
+    ExpiresByType text/xml                              "access plus 0 seconds"
+
+    # Favicon (cannot be renamed!)
+    ExpiresByType image/x-icon                          "access plus 1 week"
+
+    # HTML
+    ExpiresByType text/html                             "access plus 0 seconds"
+
+    # JavaScript
+    ExpiresByType application/javascript                "access plus 1 week"
+
+    # Media
+    ExpiresByType image/jpeg                            "access plus 1 month"
+    ExpiresByType image/png                             "access plus 1 month"
+
+    # Web fonts
+    ExpiresByType application/font-woff                 "access plus 1 month"
+    ExpiresByType image/svg+xml                         "access plus 1 month"
+</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 your webserver.
+
+There is no critical data in here. You can savely remove any content. This
+will clear the cache.

src/_h5ai/client/css/inc/content.less

@@ -0,0 +1,33 @@
+
+#content {
+    overflow: auto;
+    flex: 1 1 auto;
+    order: 50;
+}
+
+#content-header, #content-footer {
+    margin: 16px;
+    color: @col;
+    // box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
+    // background: #fafafa;
+    // padding: 16px;
+    padding: 8px;
+
+    a, a:active, a:visited {
+        color: @col-link;
+        text-decoration: none;
+        cursor: pointer;
+
+        &:hover {
+            color: #000;
+        }
+    }
+
+    pre, code {
+        font-family: @font-family-mono;
+    }
+
+    h1, h2, h3, h4, h5, h6, p {
+        margin: 0.1em 0;
+    }
+}

src/_h5ai/client/css/inc/contextmenu.less

@@ -0,0 +1,77 @@
+
+.cm-overlay {
+    display: none;
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    overflow: hidden;
+    z-index: 200;
+    // background: rgba(0,0,0,0.1);
+    // background: rgba(255,255,255,0.6);
+}
+
+
+.cm-panel {
+    .popup();
+    .rounded();
+    display: block;
+    position: absolute;
+    left: 100px;
+    top: 100px;
+    background: #fff;
+    color: @col;
+    z-index: 10;
+    overflow: auto;
+    min-width: 200px;
+
+    ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        text-align: left;
+
+        .cm-label {
+            padding: 8px 16px;
+            white-space: nowrap;
+            font-weight: bold;
+        }
+
+        .cm-entry {
+            padding: 8px 16px;
+            white-space: nowrap;
+            cursor: pointer;
+
+            &:hover {
+                color: @col-hover;
+                background: @col-darkgray;
+            }
+
+            .cm-icon {
+                position: relative;
+                top: -2px;
+
+                img {
+                    width: 20px;
+                    height: 20px;
+                }
+
+                &.no-icon {
+                    opacity: 0;
+                }
+            }
+
+            .cm-text {
+                margin: 0 0 0 12px;
+            }
+        }
+
+        .cm-sep {
+            height: 1px;
+            margin: 8px 0;
+            padding: 0;
+            border-top: 1px solid rgba(0,0,0,0.08);
+        }
+    }
+}

src/_h5ai/client/css/inc/download.less

@@ -0,0 +1,8 @@
+
+#download {
+    display: none;
+
+    &.failed {
+        background-color: @col-error;
+    }
+}

src/_h5ai/client/css/inc/fallback.less

@@ -0,0 +1,104 @@
+
+#fallback {
+    display: none;
+    max-width: 960px;
+    margin: 16px auto;
+    padding: 32px 16px;
+
+    table {
+        display: block;
+        width: 100%;
+        border-collapse: collapse;
+    }
+    th, td {
+        padding: 6px;
+        text-align: left;
+        border: none;
+    }
+    th {
+        color: #ccc;
+        font-weight: lighter;
+        line-height: 48px;
+    }
+    td {
+        overflow: hidden;
+        white-space: nowrap;
+        border-bottom: 1px solid #eee;
+    }
+    a, a:active, a:visited {
+        display: block;
+        color: inherit;
+        text-decoration: none;
+        cursor: pointer;
+
+        &:hover {
+            color: @col-hover;
+        }
+    }
+    .fb-i {
+        width: 24px;
+
+        img {
+            width: 24px;
+            height: 24px;
+        }
+    }
+    .fb-n {
+        width: 682px;
+        max-width: 682px;
+    }
+    .fb-d {
+        text-align: right;
+        width: 160px;
+        min-width: 160px;
+    }
+    .fb-s {
+        text-align: right;
+        width: 70px;
+        min-width: 70px;
+    }
+}
+
+
+#fallback-hints {
+    display: none;
+    overflow: hidden;
+    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
+    text-align: right;
+    background: @col-lightgray;
+
+    a, a:active, a:visited {
+        display: inline-block;
+        line-height: 48px;
+        color: @col-text-secondary-black;
+        text-decoration: none;
+        .transition(all 0.2s ease-in-out);
+        outline: 0;
+
+        &:hover {
+            color: @col-hover;
+        }
+    }
+
+    .backlink {
+        margin: 0 16px;
+    }
+
+    .noJsMsg, .noBrowserMsg {
+        margin: 0 16px;
+        color: @col-error;
+    }
+}
+
+
+html.no-js, html.no-browser {
+
+    body {
+        position: static;
+        background: #fff;
+    }
+
+    #fallback, #fallback-hints {
+        display: block;
+    }
+}

src/_h5ai/client/css/inc/filter.less

@@ -0,0 +1,24 @@
+
+#filter {
+
+    input {
+        display: none;
+        border: none;
+        font-family: @font-family;
+        font-weight: lighter;
+        font-size: 16px;
+        color: @col;
+        background: transparent;
+        outline: 0;
+        width: 160px;
+        padding: 0 12px 0 4px;
+        line-height: 48px;
+        vertical-align: top;
+    }
+
+    &.active {
+        input {
+            display: inline-block;
+        }
+    }
+}

src/_h5ai/client/css/inc/general.less

@@ -0,0 +1,190 @@
+@col-blue-200: #90caf9;
+@col-blue-400: #42a5f5;
+@col-blue-500: #2196F3;
+@col-blue-700: #1976D2;
+@col-blue-900: #0D47A1;
+@col-green: #4caf50;
+@col-red: #f44336;
+@col-pink-a200: #ff4081;
+
+@col-light: #ffffff;
+@col-lightgray: #fafafa;
+// @col-darkgray: #eeeeee;
+@col-darkgray: #f3f3f3;
+// @col-dark: #333;
+@col-dark: #212121;
+
+@col-text-primary-black: rgba(0,0,0,0.87);
+@col-text-secondary-black: rgba(0,0,0,0.54);
+@col-text-disabled-black: rgba(0,0,0,0.26);
+@col-divider-black: rgba(0,0,0,0.12);
+
+@col-text-primary-white: rgba(255,255,255,1.0);
+@col-text-secondary-white: rgba(255,255,255,0.7);
+@col-text-disabled-white: rgba(255,255,255,0.3);
+@col-divider-white: rgba(255,255,255,0.12);
+
+@col-text-selected: @col-text-primary-white;
+@col-back-selected: @col-blue-400;
+
+@col-text-highlight: #111111;
+
+@col-font-light: @col-light;
+@col-font-dark: @col-dark;
+
+@col-back-light: @col-lightgray;
+@col-back-dark: @col-darkgray;
+
+@col: @col-text-primary-black;
+@col-back: @col-back-dark;
+@col-hover: @col-blue-400;
+@col-border: rgba(0,0,0,0.05);
+@col-border-strong: rgba(0,0,0,0.15);
+@col-border-stronger: rgba(0,0,0,0.3);
+
+@col-okay: @col-green;
+@col-error: @col-red;
+
+@col-link: @col-blue-400;
+@col-link-hover: @col-blue-400;
+
+@col-widget-back: rgb(245,245,245);
+@col-widget-back-highlight: rgba(255,255,255,0.8);
+@col-widget-back-hover: rgba(255,255,255,0.8);
+@col-widget-back-sel: rgba(255,255,255,0.8);
+@col-widget-sep: @col-border;
+
+@col-sb-back: rgba(0,0,0,0.08);
+@col-sb-thumb: rgba(0,0,0,0.15);
+@col-sb-thumb-active: rgba(0,0,0,0.25);
+
+@col-range-back: rgb(224,224,224);
+@col-range-thumb: #555;
+
+@border-widget: 1px solid @col-border;
+@border-widget-sep: 1px solid @col-widget-sep;
+
+@font-family: Roboto, Helvetica, Arial, sans-serif;
+@font-weight: normal;
+@font-size: 13px;
+@font-family-mono: monospace;
+
+// @max-icon-size: 24px;
+@max-icon-size: 32px;
+// @max-icon-size: 48px;
+
+
+::-moz-selection { background: @col-pink-a200; color: @col-text-primary-white; text-shadow: none; }
+::selection { background: @col-pink-a200; color: @col-text-primary-white; text-shadow: none; }
+
+.transition (@transition) {
+    -webkit-transition: @transition;
+    transition: @transition;
+}
+
+.transform (@transform) {
+    -webkit-transform: @transform;
+    -ms-transform: @transform;
+    transform: @transform;
+    zoom: 1;
+}
+
+.card() {
+    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
+}
+
+.raised() {
+    box-shadow: 0 1px 10px 0 rgba(0,0,0,0.5);
+}
+
+.popup() {
+    box-shadow: 0 1px 20px 0 rgba(0,0,0,0.5);
+}
+
+.rounded() {
+    // overflow: hidden;
+    border-radius: 2px;
+}
+
+.el-button() {
+    .card();
+    .rounded();
+    .transition(all 0.2s ease-in-out);
+    color: @col-text-primary-white;
+    background: @col-blue-400;
+    border-radius: 2px;
+    cursor: pointer;
+    text-decoration: none;
+
+    &:hover {
+        .raised();
+    }
+}
+
+.el-input() {
+    .card();
+    .rounded();
+    -moz-appearance: none;
+    -ms-appearance: none;
+    -webkit-appearance: none;
+    font-family: @font-family;
+    font-weight: @font-weight;
+    color: @col-text-primary-black;
+    background: @col-light;
+    border: none;
+    outline: none;
+}
+
+
+html {
+    min-height: 100%;
+    overflow: auto;
+
+    &.js .noJsMsg {
+        display: none;
+    }
+    &.browser .noBrowserMsg {
+        display: none;
+    }
+}
+
+body {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+
+    font-family: @font-family;
+    font-size: @font-size;
+    font-weight: @font-weight;
+    color: @col-text-primary-black;
+    background: @col-back;
+
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+    align-items: stretch;
+}
+
+#main-row {
+    flex: 1 1 auto;
+    order: 50;
+
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+    align-items: stretch;
+
+    // non-webkit fix;
+    height: 0;
+}
+
+*:focus {
+    // outline: 1px solid @col-pink-a200;
+    outline: none;
+}

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

@@ -0,0 +1,111 @@
+
+body#h5ai-info {
+
+    #content {
+        flex: 1 1 auto;
+        order: 50;
+        color: @col-text-primary-black;
+        text-align: center;
+    }
+
+    code {
+        margin: 0 0.2em;
+        padding: 2px 4px;
+        border-radius: 4px;
+        font-family: @font-family-mono;
+        letter-spacing: 0.05em;
+        background-color: @col-widget-back;
+        border: @border-widget;
+        font-size: 0.9em;
+    }
+
+    #header a {
+        font-size: 4em;
+        font-weight: 300;
+        margin: 0.8em 0 0 0;
+        color: @col-text-primary-black;
+        text-decoration: none;
+        .transition(all 0.2s ease-in-out);
+
+        &:hover {
+            color: @col-hover;
+        }
+    }
+
+    #support {
+        margin: 12px auto 24px auto;
+        padding: 6px 18px;
+        width: 210px;
+        background: #fafafa;
+        border: @border-widget;
+        border-radius: 4px;
+
+        .paypal {
+            margin: 12px 0 0 0;
+        }
+    }
+
+    #pass {
+        .el-input();
+        display: inline-block;
+        margin: 8px;
+        padding: 0 12px;
+        line-height: 28px;
+        width: 200px;
+        vertical-align: top;
+    }
+
+    #login, #logout {
+        .el-button();
+        display: inline-block;
+        margin: 8px;
+        padding: 0 12px;
+        line-height: 28px;
+        vertical-align: top;
+    }
+
+    #hint {
+        margin: 12px auto;
+        width: 380px;
+        font-weight: lighter;
+    }
+
+    #tests {
+        display: inline-block;
+        text-align: left;
+        list-style-type: none;
+        margin: 96px 0;
+        padding: 0;
+
+        .test {
+            .card();
+            .rounded();
+            background: @col-light;
+            margin: 12px 0 0 0;
+            padding: 8px 12px 12px 12px;
+        }
+        .label {
+            display: inline-block;
+            width: 250px;
+            font-size: 1.4em;
+        }
+        .result {
+            display: inline-block;
+            width: 250px;
+            text-align: right;
+            font-size: 1.4em;
+            font-weight: bold;
+
+            &.passed {
+                color: @col-okay;
+            }
+            &.failed {
+                color: @col-error;
+            }
+        }
+        .info {
+            font-weight: lighter;
+            margin: 4px 0 0 0;
+        }
+    }
+}

src/_h5ai/client/css/inc/info.less

@@ -0,0 +1,58 @@
+
+#info {
+    display: none;
+
+    overflow: auto;
+    flex: 0 0 auto;
+    order: 99;
+
+    padding: 16px;
+    border-left: 1px solid @col-border;
+    white-space: nowrap;
+    overflow-x: hidden;
+    width: 240px;
+
+    .icon {
+        width: 240px;
+        height: 180px;
+
+        img {
+            .rounded();
+            display: block;
+            overflow: hidden;
+            margin: 0 auto;
+            width: 180px;
+            height: 180px;
+        }
+
+        .thumb {
+            width: 240px;
+        }
+    }
+
+    .block {
+        border-top: 1px solid @col-border;
+        border-bottom: 1px solid @col-border;
+        margin: 0 0 24px 0;
+        padding: 24px 0;
+    }
+
+    .label {
+        font-size: 16px;
+        margin-bottom: 16px;
+    }
+
+    .time, .size, .content {
+        line-height: 20px;
+        height: 20px;
+    }
+
+    .qrcode {
+        margin: 0 auto;
+        width: 200px;
+
+        canvas {
+            display: block;
+        }
+    }
+}

src/_h5ai/client/css/inc/notify.less

@@ -0,0 +1,13 @@
+
+#notify {
+    position: fixed;
+    left: 50%;
+    width: 200px;
+    margin-left: -100px;
+    z-index: 100;
+    padding: 3px 6px 6px 6px;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-radius: 0 0 4px 4px;
+    text-align: center;
+}

src/_h5ai/client/css/inc/preview-aud.less

@@ -0,0 +1,9 @@
+
+#pv-aud-audio {
+    position: absolute;
+
+    max-width: 100%;
+    max-height: 100%;
+
+    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
+}

src/_h5ai/client/css/inc/preview-img.less

@@ -0,0 +1,27 @@
+
+@check-white: #f8f8f8;
+@check-black: #e8e8e8;
+#pv-img-image {
+    position: absolute;
+
+    max-width: 100%;
+    max-height: 100%;
+
+    background-color: @check-white;
+    background-image:
+        -webkit-linear-gradient(45deg, @check-black 25%, transparent 25%, transparent 75%, @check-black 75%, @check-black),
+        -webkit-linear-gradient(45deg, @check-black 25%, transparent 25%, transparent 75%, @check-black 75%, @check-black);
+    background-size: 60px 60px;
+    background-position: 0 0, 30px 30px;
+
+    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
+
+    &.loading {
+        opacity: 0.5;
+        margin-top: 32px;
+        width: 240px;
+        height: 240px;
+        border-radius: 1000px;
+        overflow: hidden;
+    }
+}