Merge branch 'develop'

Slovenian translation for h5ai

CHANGELOG.md

@@ -0,0 +1,449 @@
+# Changelog
+**h5ai** uses [semantic versioning](http://semver.org/).
+
+
+## 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

LICENSE.md

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

README.md

@@ -1,369 +1,50 @@
 # h5ai
+**h5ai** is a modern HTTP web server index for Apache httpd, lighttpd, nginx and Cherokee.
+The preferred way to report a bug or make a feature request is to
+create [a new issue](https://github.com/lrsjng/h5ai/issues/new) on GitHub!
 
-Please don't use files from the `src` folder for installation.
-They need to be preprocessed to work correctly. You'll find a preprocessed
-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) on GitHub
-* website with download, docs and demo: <http://larsjung.de/h5ai>
-* sources: <http://github.com/lrsjng/h5ai>
+## Install
+
+**Note:** please don't use files from the `src` folder for installation,
+they need to be preprocessed to work correctly!
+You'll find a preprocessed package, as well as detailed installation
+instructions on the [project page](http://larsjung.de/h5ai/).
+
+
+## Build
+
+There are repositories for the latest [releases](http://release.larsjung.de/h5ai/) and [dev builds](http://release.larsjung.de/h5ai/dev/).
+But if you want to build **h5ai** yourself you need to install the build tool [fQuery](http://larsjung.de/fquery/) first:
+
+    > npm install -g fquery
+
+This will install fQuery and its command line tool `makejs`. Run `makejs --help` to see if everything
+worked fine. To clone and build the project run the following commands.
+You'll find a new directory `build` including a fresh zipball.
+
+    > git clone git://github.com/lrsjng/h5ai.git
+    > cd h5ai
+    > makejs release
+
+
+## License
+
+**h5ai** is provided under the terms of the [MIT License](https://github.com/lrsjng/h5ai/blob/develop/LICENSE.md).
 
-h5ai is provided under the terms of the [MIT License](http://github.com/lrsjng/h5ai/blob/master/LICENSE.txt).
 It profits from these great projects:
-[AmplifyJS](http://amplifyjs.com)&nbsp;(MIT/GPL),
-[Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-173323228)&nbsp;(GPL),
-[HTML5 ★ Boilerplate](http://html5boilerplate.com),
-[jQuery](http://jquery.com)&nbsp;(MIT/GPL),
+[Evolvere Icon Theme](http://franksouza183.deviantart.com/art/Evolvere-Icon-theme-440718295)&nbsp;(CC BY-NC-ND 3.0),
+[Faenza Icons](http://tiheum.deviantart.com/art/Faenza-Icons-173323228)&nbsp;(GPL),
+[Gnome Symbolic Icon Theme](https://git.gnome.org/browse/gnome-icon-theme-symbolic/)&nbsp;(CC BY-SA 3.0),
+[HTML5 ★ Boilerplate](http://html5boilerplate.com)&nbsp;(MIT),
+[jQuery](http://jquery.com)&nbsp;(MIT),
 [jQuery.fracs](http://larsjung.de/fracs/)&nbsp;(MIT),
-[jQuery.mousewheel](http://github.com/brandonaaron/jquery-mousewheel)&nbsp;(MIT),
+[jQuery.mousewheel](https://github.com/brandonaaron/jquery-mousewheel)&nbsp;(MIT),
 [jQuery.qrcode](http://larsjung.de/qrcode/)&nbsp;(MIT),
 [jQuery.scrollpanel](http://larsjung.de/scrollpanel/)&nbsp;(MIT),
-[markdown-js](http://github.com/evilstreak/markdown-js)&nbsp;(MIT),
+[markdown-js](https://github.com/evilstreak/markdown-js)&nbsp;(MIT),
 [Modernizr](http://www.modernizr.com)&nbsp;(MIT/BSD),
 [modulejs](http://larsjung.de/modulejs/)&nbsp;(MIT),
 [Moment.js](http://momentjs.com)&nbsp;(MIT),
 [SyntaxHighlighter](http://alexgorbatchev.com/SyntaxHighlighter/)&nbsp;(MIT/GPL),
 [Underscore.js](http://underscorejs.org)&nbsp;(MIT)
-
-
-## Build
-
-A prebuilt package can be found on the [project page](http://larsjung.de/h5ai/). If you want to build
-h5ai yourself you need to install [fQuery](http://larsjung.de/fquery/) first:
-
-    > npm install -g fquery
-
-To build the project run the following command inside the project's root directory
-
-    > makejs
-
-Run `makejs -t` to list all possible targets.
-
-
-
-## Changelog
-
-### 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](http://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](http://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](http://github.com/brandonaaron/jquery-mousewheel) to 3.0.6
-* updates `lv` translation
-* adds `ro` translation by [Jakob Cosoroabă](http://github.com/midday)
-* adds `ja` translation by [metasta](http://github.com/metasta)
-* adds `nb` translation by [Sindre Sorhus](http://github.com/sindresorhus)
-* adds `sr` translation by [vBm](http://github.com/vBm)
-* adds `gr` translation by [xhmikosr](http://github.com/xhmikosr)
-
-
-### v0.18 - *2012-02-24*
-
-* adds optional QRCode display
-* adds optional filtering for displayed files and folders
-* updates design
-* improves zipped download
-* adds support for zipped download of htaccess restricted files
-* changes h5ai.htaccess
-* custom headers/footers are now optional and disabled by default
-* fixes problems with folder recognition in the JS version
-* fixes include problems in PHP version
-* fixes path problems on servers running on Windows in PHP version
-* fixes broken links in custom headers/footers while zipped download enabled
-* fixes problems with thumbnails for files with single or double quotes in filename
-* improves url hashes
-* updates year in `LICENSE.TXT`
-* updates es translation
-* adds `zh-tw` translation by [Yao Wei](http://github.com/medicalwei)
-* updates `zh-cn` translation
-
-
-### v0.17 - *2011-11-28*
-
-* h5ai is now located in `_h5ai` to reduce collisions
-* switches from HTML5 Boilerplate reset to normalization
-* adds some style changes for small devices
-* configuration (options, types, translations) now via `config.js`
-* icons for JS version are now configured via `config.js`
-* sort order configuration changed
-* sorting is now done without page reload
-* adds `customHeader` and `customFooter` to `config.js`
-* supports restricted folders to some extent
-* some style changes on tree and language menu
-* fixes total file/folder count in status bar
-* adds support for use with userdir (requires some manual changes)
-
-
-### v0.16 - *2011-11-02*
-
-* sorts translations in `options.js`
-* improves HTML head sections
-* refactors JavaScript and PHP a lot
-* improves/fixes file selection for zipped download
-* fixes scrollbar and header/footer link issues (didn't work when zipped download enabled)
-* adds support for ctrl-select
-* `dateFormat` in `options.js` changed, now affecting JS and PHP version
-* `dateFormat` is localizable by adding it to a translation in `options.js`
-* PHP version is now configurable via `php/config.php` (set custom doc root and other PHP related things)
-* image thumbs and zipped download is disabled by default now, but works fine if PHP is configured
-
-
-### v0.15.2 - *2011-09-18*
-
-* adds `it` translation by [Salvo Gentile](http://github.com/SalvoGentile) and [Marco Patriarca](http://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](http://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](http://github.com/jonnsl)
-* adds `bg` translation by George Andonov
-
-
-### v0.12.3 - *2011-07-30*
-
-* adds `tr` translation by [Batuhan Icoz](http://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](http://github.com/lrsjng/h5ai/issues/6))
-* adds custom scrollbar to tree ([issue #6](http://github.com/lrsjng/h5ai/issues/6))
-* fixes broken links caused by URI encoding/decoding ([issue #9](http://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](http://github.com/Nicosmos)
-* adds `nl` translation by [Stefan de Konink](http://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](http://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
-

makefile.js

@@ -2,184 +2,165 @@
 'use strict';
 
 
-var path = require('path'),
-	child_process = require('child_process');
-
-
-var version = '0.21',
-
-	root = path.resolve(__dirname),
-	src = path.join(root, 'src'),
-	build = path.join(root, 'build'),
-
-	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,
-
-		// Globals
-		predef: [
-			'modulejs'
-		]
-	},
-
-	mapper = function (blob) {
-
-		return blob.source.replace(src, build).replace(/\.less$/, '.css');
-	},
-
-	mapperRoot = function (blob) {
-
-		return blob.source.replace(root, build + '/_h5ai');
-	};
-
-
 module.exports = function (make) {
 
-	var Event = make.Event,
+	var path = require('path'),
+
+		pkg = require('./package.json'),
+
+		root = path.resolve(__dirname),
+		src = path.join(root, 'src'),
+		build = path.join(root, 'build'),
+
 		$ = make.fQuery,
-		moment = make.moment,
-		stamp, replacements;
+		mapSrc = $.map.p(src, build).s('.less', '.css').s('.jade', ''),
+		mapRoot = $.map.p(root, path.join(build, '_h5ai'));
 
 
+	make.version('>=0.10.0');
 	make.defaults('build');
 
 
 	make.before(function () {
 
-		stamp = moment();
+		var moment = make.moment();
 
-		replacements = {
-			version: version,
-			stamp: stamp.format('YYYY-MM-DD HH:mm:ss')
+		make.env = {
+			pkg: pkg,
+			stamp: moment.format('YYYY-MM-DD HH:mm:ss')
 		};
 
-		Event.info({ method: 'before', message: version + ' ' + replacements.stamp });
+		$.info({ method: 'before', message: pkg.version + ' ' + make.env.stamp });
 	});
 
 
-	make.target('inc', [], 'increase build number, if any')
-		.sync(function () {
+	make.target('check-version', [], 'add git info to dev builds').async(function (done, fail) {
 
-			var re = /-(\d+)$/;
-			var match = version.match(re);
+		if (!/\+$/.test(pkg.version)) {
+			done();
+			return;
+		}
 
-			if (match) {
-				var number = parseInt(match[1], 10) + 1;
-				var newVersion = version.replace(re, '-' + number);
+		$.git(root, function (err, result) {
 
-				$('makefile.js').replace([[version, newVersion]]).write($.OVERWRITE, 'makefile.js');
-
-				version = newVersion;
-				replacements.version = version;
-				Event.ok({ method: 'inc', message: 'version is now ' + version });
-			}
+			pkg.version += result.buildSuffix;
+			$.info({ method: 'check-version', message: 'version set to ' + pkg.version });
+			done();
 		});
+	});
 
 
-	make.target('clean', [], 'delete build folder')
-		.sync(function () {
+	make.target('clean', [], 'delete build folder').sync(function () {
 
-			$.rmfr($.I_AM_SURE, build);
-		});
-
-
-	make.target('lint', [], 'lint all JavaScript files with JSHint')
-		.sync(function () {
-
-			$(src + '/_h5ai/js: **/*.js, ! *.min.js, ! inc/lib/**')
-				.jshint(jshint);
-		});
-
-
-	make.target('build', [], 'build all updated files')
-		.sync(function () {
-
-			$(src + ': _h5ai/js/*.js')
-				.modified(mapper, $(src + ': _h5ai/js/**'))
-				.includify()
-				.uglifyjs()
-				.write($.OVERWRITE, mapper);
-
-			$(src + ': _h5ai/css/*.less')
-				.modified(mapper, $(src + ': _h5ai/css/**'))
-				.less()
-				.cssmin()
-				.write($.OVERWRITE, mapper);
-
-			$(src + ': **, ! _h5ai/js/**, ! _h5ai/css/**')
-				.modified(mapper)
-				.mustache(replacements)
-				.write($.OVERWRITE, mapper);
-
-			$(root + ': README*, LICENSE*')
-				.modified(mapperRoot)
-				.write($.OVERWRITE, mapperRoot);
-		});
-
-
-	make.target('build-uncompressed', [], 'build all updated files without compression')
-		.sync(function () {
-
-			$(src + ': _h5ai/js/*.js')
-				.modified(mapper, $(src + ': _h5ai/js/**'))
-				.includify()
-				// .uglifyjs()
-				.write($.OVERWRITE, mapper);
-
-			$(src + ': _h5ai/css/*.less')
-				.modified(mapper, $(src + ': _h5ai/css/**'))
-				.less()
-				// .cssmin()
-				.write($.OVERWRITE, mapper);
-
-			$(src + ': **, ! _h5ai/js/**, ! _h5ai/css/**')
-				.modified(mapper)
-				.mustache(replacements)
-				.write($.OVERWRITE, mapper);
-
-			$(root + ': README*, LICENSE*')
-				.modified(mapperRoot)
-				.write($.OVERWRITE, mapperRoot);
-		});
-
-
-	make.target('release', ['inc', 'clean', 'build'], 'create a zipball')
-		.async(function (done, fail) {
-
-			var target = path.join(build, 'h5ai-' + version + '.zip'),
-				cmd = 'zip',
-				args = ['-ro', target, '_h5ai'],
-				options = { cwd: build },
-				proc = child_process.spawn(cmd, args, options);
-
-			Event.info({ method: 'exec', message: cmd + ' ' + args.join(' ') });
-
-			// proc.stdout.on('data', function (data) {
-				// process.stdout.write(data);
-			// });
-			proc.stderr.on('data', function (data) {
-				process.stderr.write(data);
-			});
-			proc.on('exit', function (code) {
-				if (code) {
-					Event.error({ method: 'exec', message: cmd + ' exit code ' + code });
-					fail();
-				} else {
-					Event.ok({ method: 'exec', message: 'created zipball ' + target });
-					done();
-				}
-			});
+		$.DELETE(build);
+	});
+
+
+	make.target('lint', [], 'lint all JavaScript files with JSHint').sync(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
+			},
+			globals = {
+				'modulejs': true
+			};
+
+		$(src + '/_h5ai/client/js: **/*.js, ! lib/**')
+			.jshint(jshint, globals);
+	});
+
+
+	make.target('build', ['check-version'], 'build all updated files').sync(function () {
+
+		var header = '/* ' + pkg.name + ' ' + pkg.version + ' - ' + pkg.url + ' */';
+
+		$(src + ': _h5ai/client/js/*.js')
+			.newerThan(mapSrc, $(src + ': _h5ai/client/js/**'))
+			.includify()
+			.uglifyjs({header: header})
+			.WRITE(mapSrc);
+
+		$(src + ': _h5ai/client/css/*.less')
+			.newerThan(mapSrc, $(src + ': _h5ai/client/css/**'))
+			.less()
+			.cssmin({header: header})
+			.WRITE(mapSrc);
+
+		$(src + ': **/*.jade')
+			.newerThan(mapSrc)
+			.handlebars(make.env)
+			.jade()
+			.WRITE(mapSrc);
+
+		$(src + ': **, ! _h5ai/client/js/**, ! _h5ai/client/css/**, ! **/*.jade')
+			.newerThan(mapSrc)
+			.handlebars(make.env)
+			.WRITE(mapSrc);
+
+		$(src + ': _h5ai/client/css/fonts/**')
+			.newerThan(mapSrc)
+			.WRITE(mapSrc);
+
+		$(root + ': *.md')
+			.newerThan(mapRoot)
+			.WRITE(mapRoot);
+	});
+
+
+	make.target('build-uncompressed', ['check-version'], 'build all updated files without compression').sync(function () {
+
+		$(src + ': _h5ai/client/js/*.js')
+			.newerThan(mapSrc, $(src + ': _h5ai/client/js/**'))
+			.includify()
+			// .uglifyjs()
+			.WRITE(mapSrc);
+
+		$(src + ': _h5ai/client/css/*.less')
+			.newerThan(mapSrc, $(src + ': _h5ai/client/css/**'))
+			.less()
+			// .cssmin()
+			.WRITE(mapSrc);
+
+		$(src + ': **/*.jade')
+			.newerThan(mapSrc)
+			.handlebars(make.env)
+			.jade()
+			.WRITE(mapSrc);
+
+		$(src + ': **, ! _h5ai/client/js/**, ! _h5ai/client/css/**, ! **/*.jade')
+			.newerThan(mapSrc)
+			.handlebars(make.env)
+			.WRITE(mapSrc);
+
+		$(src + ': _h5ai/client/css/fonts/**')
+			.newerThan(mapSrc)
+			.WRITE(mapSrc);
+
+		$(root + ': *.md')
+			.newerThan(mapRoot)
+			.WRITE(mapRoot);
+	});
+
+
+	make.target('release', ['clean', 'build'], 'create a zipball').async(function (done, fail) {
+
+		$(build + ': **').shzip({
+			target: path.join(build, pkg.name + '-' + pkg.version + '.zip'),
+			dir: build,
+			callback: done
 		});
+	});
 };

package.json

@@ -0,0 +1,12 @@
+{
+  "name": "h5ai",
+  "version": "0.25.1",
+  "description": "a modern HTTP web server index",
+  "url": "http://larsjung.de/h5ai/",
+  "author": "Lars Jung",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lrsjng/h5ai.git"
+  }
+}

src/_h5ai/.htaccess

@@ -1,43 +1,115 @@
 
-Options -Indexes
+DirectoryIndex index.html
+
+
+
+
+# ------------------------------------------------------------------------------
+# | File access                                                                |
+# ------------------------------------------------------------------------------
+
+# Block access to directories without a default document.
+# Usually you should leave this uncommented because you shouldn't allow anyone
+# to surf through every directory on your server (which may includes rather
+# private places like the CMS's directories).
+
+<IfModule mod_autoindex.c>
+    Options -Indexes
+</IfModule>
+
+
+
+
+# ------------------------------------------------------------------------------
+# | Better website experience                                                  |
+# ------------------------------------------------------------------------------
+
+# Force IE to render pages in the highest available mode in the various
+# cases when it may not: http://hsivonen.iki.fi/doctype/ie-mode.pdf.
+# Use, if installed, Google Chrome Frame.
+
+<IfModule mod_headers.c>
+    Header set X-UA-Compatible "IE=edge,chrome=1"
+    # `mod_headers` can't match based on the content-type, however, we only
+    # want to send this header for HTML pages and not for the other resources
+    <FilesMatch "\.(appcache|crx|css|eot|gif|htc|ico|jpe?g|js|m4a|m4v|manifest|mp4|oex|oga|ogg|ogv|otf|pdf|png|safariextz|svg|svgz|ttf|vcf|webapp|webm|webp|woff|xml|xpi)$">
+        Header unset X-UA-Compatible
+    </FilesMatch>
+</IfModule>
+
+
+
+
+# ------------------------------------------------------------------------------
+# | UTF-8 encoding                                                             |
+# ------------------------------------------------------------------------------
+
+# Use UTF-8 encoding for anything served as `text/html` or `text/plain`.
+AddDefaultCharset utf-8
+
+# Force UTF-8 for certain file formats.
+<IfModule mod_mime.c>
+    AddCharset utf-8 .atom .css .js .json .rss .vtt .webapp .xml
+</IfModule>
+
+
+
+
+# ------------------------------------------------------------------------------
+# | Expires headers (for better cache control)                                 |
+# ------------------------------------------------------------------------------
+
+# The following expires headers are set pretty far in the future. If you don't
+# control versioning with filename-based cache busting, consider lowering the
+# cache time for resources like CSS and JS to something like 1 week.
 
 <IfModule mod_expires.c>
-	Header set Cache-Control "public"
-	ExpiresActive on
 
-	# Perhaps better to whitelist expires rules? Perhaps.
-	ExpiresDefault                          "access plus 1 month"
+    ExpiresActive on
+    ExpiresDefault                                      "access plus 1 month"
 
-	# cache.manifest needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5)
-	ExpiresByType text/cache-manifest       "access plus 0 seconds"
+  # CSS
+    ExpiresByType text/css                              "access plus 1 week"
 
-	# your document html 
-	ExpiresByType text/html                 "access plus 0 seconds"
+  # Data interchange
+    ExpiresByType application/json                      "access plus 0 seconds"
+    ExpiresByType application/xml                       "access plus 0 seconds"
+    ExpiresByType text/xml                              "access plus 0 seconds"
 
-	# data
-	ExpiresByType text/xml                  "access plus 0 seconds"
-	ExpiresByType application/xml           "access plus 0 seconds"
-	ExpiresByType application/json          "access plus 0 seconds"
+  # Favicon (cannot be renamed!)
+    ExpiresByType image/x-icon                          "access plus 1 week"
 
-	# media: images, video, audio
-	ExpiresByType image/gif                 "access plus 1 month"
-	ExpiresByType image/png                 "access plus 1 month"
-	ExpiresByType image/jpg                 "access plus 1 month"
-	ExpiresByType image/jpeg                "access plus 1 month"
-	ExpiresByType video/ogg                 "access plus 1 month"
-	ExpiresByType audio/ogg                 "access plus 1 month"
-	ExpiresByType video/mp4                 "access plus 1 month"
-	ExpiresByType video/webm                "access plus 1 month"
+  # HTML components (HTCs)
+    ExpiresByType text/x-component                      "access plus 1 month"
 
-	# webfonts
-	ExpiresByType font/truetype             "access plus 1 month"
-	ExpiresByType font/opentype             "access plus 1 month"
-	ExpiresByType font/woff                 "access plus 1 month"
-	ExpiresByType image/svg+xml             "access plus 1 month"
-	ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
+  # HTML
+    ExpiresByType text/html                             "access plus 0 seconds"
+
+  # JavaScript
+    ExpiresByType application/javascript                "access plus 1 week"
+
+  # Manifest files
+    ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
+    ExpiresByType text/cache-manifest                   "access plus 0 seconds"
+
+  # Media
+    ExpiresByType audio/ogg                             "access plus 1 month"
+    ExpiresByType image/gif                             "access plus 1 month"
+    ExpiresByType image/jpeg                            "access plus 1 month"
+    ExpiresByType image/png                             "access plus 1 month"
+    ExpiresByType video/mp4                             "access plus 1 month"
+    ExpiresByType video/ogg                             "access plus 1 month"
+    ExpiresByType video/webm                            "access plus 1 month"
+
+  # Web feeds
+    ExpiresByType application/atom+xml                  "access plus 1 hour"
+    ExpiresByType application/rss+xml                   "access plus 1 hour"
+
+  # Web fonts
+    ExpiresByType application/font-woff                 "access plus 1 month"
+    ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
+    ExpiresByType application/x-font-ttf                "access plus 1 month"
+    ExpiresByType font/opentype                         "access plus 1 month"
+    ExpiresByType image/svg+xml                         "access plus 1 month"
 
-	# css and javascript
-	ExpiresByType text/css                  "access plus 1 month"
-	ExpiresByType application/javascript    "access plus 1 month"
-	ExpiresByType text/javascript           "access plus 1 month"
 </IfModule>

src/_h5ai/apache/autoindex.htaccess

@@ -1,23 +0,0 @@
-################################
-# h5ai {{version}}
-# customized .htaccess
-################################
-
-Options       +Indexes
-Options       +FollowSymLinks
-
-HeaderName    /_h5ai/apache/h5ai-header.html
-ReadmeName    /_h5ai/apache/h5ai-footer.html
-
-IndexIgnore   _h5ai*
-
-IndexOptions  Charset=UTF-8
-IndexOptions  FancyIndexing
-IndexOptions  FoldersFirst
-IndexOptions  HTMLTable
-IndexOptions  NameWidth=*
-IndexOptions  SuppressDescription
-IndexOptions  SuppressHTMLPreamble
-IndexOptions  SuppressRules
-IndexOptions  Type=text/html;h5ai={{version}}
-IndexOptions  XHTML

src/_h5ai/apache/h5ai-footer.html

@@ -1,6 +0,0 @@
-		<!-- generated code ends here -->
-	</div>
-	<script src="/_h5ai/config.js"></script>
-	<script src="/_h5ai/js/scripts.js"></script>
-</body>
-</html>

src/_h5ai/apache/h5ai-header.html

@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
-<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
-<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
-<head>
-	<meta charset="utf-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-	<title>Directory index · styled with h5ai</title>
-	<meta name="description" content="Directory index styled with h5ai (http://larsjung.de/h5ai)">
-	<meta name="viewport" content="width=device-width">
-	<link rel="shortcut icon" type="image/png" href="/_h5ai/images/h5ai-16x16.png">
-	<link rel="apple-touch-icon" type="image/png" href="/_h5ai/images/h5ai-48x48.png">
-	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic|Ubuntu:400,700,400italic,700italic">
-	<link rel="stylesheet" href="/_h5ai/css/styles.css">
-	<script src="/_h5ai/js/modernizr.js"></script>
-</head>
-<body id="h5ai-main">
-	<div id="topbar" class="clearfix">
-		<ul id="navbar"></ul>
-	</div>
-	<div id="content">
-		<div id="extended" class="clearfix"></div>
-	</div>
-	<div id="bottombar" class="clearfix">
-		<span class="left">
-			<a id="h5ai-reference" href="http://larsjung.de/h5ai" title="h5ai project page">h5ai {{version}}</a>
-			<span class="hideOnJs noJsMsg"> ⚡ JavaScript is disabled! ⚡ </span>
-			<span class="oldBrowser"> ⚡ Some features disabled! Works best in <a href="http://browsehappy.com">modern browsers</a>. ⚡ </span>
-		</span>
-		<span class="right"></span>
-		<span class="center"></span>
-	</div>
-	<div id="data-apache-autoindex" class="hideOnJs">
-		<!--
-			The following code was generated by Apache's autoindex module. It is not valid HTML5, but gets
-			removed from the DOM tree as soon as possible. The actual page should render as valid HTML5.
-		-->

src/_h5ai/client/css/fonts/LICENCE.txt

@@ -0,0 +1,96 @@
+-------------------------------
+UBUNTU FONT LICENCE Version 1.0
+-------------------------------
+
+PREAMBLE
+This licence allows the licensed fonts to be used, studied, modified and
+redistributed freely. The fonts, including any derivative works, can be
+bundled, embedded, and redistributed provided the terms of this licence
+are met. The fonts and derivatives, however, cannot be released under
+any other licence. The requirement for fonts to remain under this
+licence does not require any document created using the fonts or their
+derivatives to be published under this licence, as long as the primary
+purpose of the document is not to be a vehicle for the distribution of
+the fonts.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this licence and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Original Version" refers to the collection of Font Software components
+as received under this licence.
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to
+a new environment.
+
+"Copyright Holder(s)" refers to all individuals and companies who have a
+copyright ownership of the Font Software.
+
+"Substantially Changed" refers to Modified Versions which can be easily
+identified as dissimilar to the Font Software by users of the Font
+Software comparing the Original Version with the Modified Version.
+
+To "Propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy. Propagation includes copying,
+distribution (with or without modification and with or without charging
+a redistribution fee), making available to the public, and in some
+countries other activities as well.
+
+PERMISSION & CONDITIONS
+This licence does not grant any rights under trademark law and all such
+rights are reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of the Font Software, to propagate the Font Software, subject to
+the below conditions:
+
+1) Each copy of the Font Software must contain the above copyright
+notice and this licence. These can be included either as stand-alone
+text files, human-readable headers or in the appropriate machine-
+readable metadata fields within text or binary files as long as those
+fields can be easily viewed by the user.
+
+2) The font name complies with the following:
+(a) The Original Version must retain its name, unmodified.
+(b) Modified Versions which are Substantially Changed must be renamed to
+avoid use of the name of the Original Version or similar names entirely.
+(c) Modified Versions which are not Substantially Changed must be
+renamed to both (i) retain the name of the Original Version and (ii) add
+additional naming elements to distinguish the Modified Version from the
+Original Version. The name of such Modified Versions must be the name of
+the Original Version, with "derivative X" where X represents the name of
+the new work, appended to that name.
+
+3) The name(s) of the Copyright Holder(s) and any contributor to the
+Font Software shall not be used to promote, endorse or advertise any
+Modified Version, except (i) as required by this licence, (ii) to
+acknowledge the contribution(s) of the Copyright Holder(s) or (iii) with
+their explicit written permission.
+
+4) The Font Software, modified or unmodified, in part or in whole, must
+be distributed entirely under this licence, and must not be distributed
+under any other licence. The requirement for fonts to remain under this
+licence does not affect any document created using the Font Software,
+except any version of the Font Software extracted from a document
+created using the Font Software may only be distributed under this
+licence.
+
+TERMINATION
+This licence becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
+COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
+DEALINGS IN THE FONT SOFTWARE.

src/_h5ai/client/css/fonts/README.txt

@@ -0,0 +1,15 @@
+ ----------------------
+  Ubuntu Font Family
+ ======================
+
+The Ubuntu Font Family are a set of matching new libre/open fonts in
+development during 2010--2011. The development is being funded by
+Canonical Ltd on behalf the wider Free Software community and the
+Ubuntu project.  The technical font design work and implementation is
+being undertaken by Dalton Maag.
+
+Both the final font Truetype/OpenType files and the design files used
+to produce the font family are distributed under an open licence and
+you are expressly encouraged to experiment, modify, share and improve.
+
+  http://font.ubuntu.com/

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

@@ -3,11 +3,12 @@
 	position: fixed;
 	z-index: 5;
 	width: 100%;
+	height: 18px;
 	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);
+	background-color: @col-widget-back;
+	border-top: @border-widget;
 
 	color: #999;
 	text-align: center;
@@ -19,37 +20,38 @@
 		opacity: 0.7;
 
 		&:hover {
-			color: #e80;
+			color: @col-hover;
 			opacity: 1;
 		}
 	}
 	.left {
+		position: absolute;
+		left: 0;
 		display: block;
 		padding: 0 8px;
-		float: left
 	}
 	.center {
 		display: block;
-		margin: 0 100px;
 	}
 	.right {
+		position: absolute;
+		right: 0;
 		display: block;
 		padding: 0 8px;
-		float: right
 	}
 	.noJsMsg {
-		color: #c33;
+		color: @col-error;
 		margin-left: 16px;
 	}
-	.oldBrowser {
-		display: none;
-		color: #c33;
+	.noBrowserMsg {
+		color: @col-error;
 		margin-left: 16px;
 		a, a:active, a:visited {
-			color: #c33;
+			color: @col-error;
 			text-decoration: underline;
+			opacity: 1;
 			&:hover {
-				color: #e80;
+				color: @col-hover;
 			}
 		}
 	}
@@ -57,6 +59,10 @@
 		.sep {
 			display: inline-block;
 			padding: 0 6px;
+
+			&:before {
+				content: '·'
+			}
 		}
 		&.default {
 		}

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

@@ -2,23 +2,26 @@
 #content {
 	max-width: 960px;
 	margin: 50px auto;
-	font-size: 16px;
+	font-size: 15px;
 }
 
-
 #content-header, #content-footer {
+	color: #333;
 
 	a, a:active, a:visited {
-		color: #2080FF;
+		color: @col-link;
 		text-decoration: none;
 		cursor: pointer;
 
 		&:hover {
-			color: #68A9FF;
+			color: #555;
 		}
 	}
-}
 
+	pre, code {
+		font-family: @font-family-mono;
+	}
+}
 
 #content-header {
 	padding-bottom: 12px;

src/_h5ai/client/css/inc/context-menu.less

@@ -0,0 +1,32 @@
+
+#view .context-menu {
+
+	display: block;
+	position: absolute;
+	right: 0;
+	top: 0;
+	background-color: @col-widget-back;
+	border: @border-widget;
+	color: #999;
+	z-index: 10;
+	font-size: 0.9em;
+
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+		text-align: left;
+
+		li {
+			padding: 8px 12px 10px 12px;
+			white-space: nowrap;
+			border-top: @border-widget-sep;
+			.transition(all 0.2s ease-in-out);
+
+			&:hover {
+				color: @col-hover;
+				background-color: @col-widget-back-hover;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,10 @@
+
+#download {
+	display: none;
+	.topbar-right;
+	.transition(all 0.2s ease-in-out);
+
+	&.failed {
+		background-color: rgba(255,0,0,0.5);
+	}
+}

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

@@ -0,0 +1,71 @@
+
+#fallback {
+	display: none;
+	max-width: 960px;
+	margin: 80px auto;
+
+	table {
+		display: block;
+		width: 100%;
+		border-collapse: collapse;
+
+		th, td {
+			padding: 6px;
+			text-align: left;
+			border: none;
+		}
+		th {
+			padding-bottom: 18px;
+			color: #555;
+			font-weight: normal;
+			opacity: 0.4;
+		}
+		td {
+			border-bottom: 1px solid @col-border;
+			overflow: hidden;
+			white-space: nowrap;
+			font-size: 15px;
+
+			a, a:active, a:visited {
+				display: block;
+				color: #555;
+				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;
+		}
+	}
+}
+
+
+html.no-js, html.no-browser {
+
+	#fallback {
+		display: block;
+	}
+}

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

@@ -3,17 +3,17 @@
 	.topbar-right;
 
 	input {
-		display: none;
 		border: none;
-		font-family: Ubuntu, sans-serif;
-		color: #555;
+		font-family: @font-family;
+		color: @col;
 		background-color: rgba(0,0,0,0);
-		width: 100px;
+		width: 30px;
+		outline: none;
 	}
 
 	&.current {
 		input {
-			display: inline;
+			width: 150px;
 		}
 	}
 }

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

@@ -0,0 +1,56 @@
+
+@font-face {
+	font-family: 'Ubuntu';
+	font-style: normal;
+	font-weight: 300;
+	src: local('Ubuntu Light'), local('Ubuntu-Light'), url(fonts/Ubuntu-L.woff) format('woff'), url(fonts/Ubuntu-L.ttf) format('ttf');
+}
+
+@font-face {
+	font-family: 'Ubuntu';
+	font-style: normal;
+	font-weight: 700;
+	src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(fonts/Ubuntu-B.woff) format('woff'), url(fonts/Ubuntu-B.ttf) format('ttf');
+}
+
+@font-face {
+	font-family: 'Ubuntu';
+	font-style: italic;
+	font-weight: 300;
+	src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url(fonts/Ubuntu-LI.woff) format('woff'), url(fonts/Ubuntu-LI.ttf) format('ttf');
+}
+
+@font-face {
+	font-family: 'Ubuntu';
+	font-style: italic;
+	font-weight: 700;
+	src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(fonts/Ubuntu-BI.woff) format('woff'), url(fonts/Ubuntu-BI.ttf) format('ttf');
+}
+
+@font-face {
+	font-family: 'Ubuntu Mono';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(fonts/UbuntuMono-R.woff) format('woff'), url(fonts/UbuntuMono-R.ttf) format('ttf');
+}
+
+@font-face {
+	font-family: 'Ubuntu Mono';
+	font-style: normal;
+	font-weight: 700;
+	src: local('Ubuntu Mono Bold'), local('UbuntuMono-Bold'), url(fonts/UbuntuMono-B.woff) format('woff'), url(fonts/UbuntuMono-B.ttf) format('ttf');
+}
+
+@font-face {
+	font-family: 'Ubuntu Mono';
+	font-style: italic;
+	font-weight: 400;
+	src: local('Ubuntu Mono Italic'), local('UbuntuMono-Italic'), url(fonts/UbuntuMono-RI.woff) format('woff'), url(fonts/UbuntuMono-RI.ttf) format('ttf');
+}
+
+@font-face {
+	font-family: 'Ubuntu Mono';
+	font-style: italic;
+	font-weight: 700;
+	src: local('Ubuntu Mono Bold Italic'), local('UbuntuMono-BoldItalic'), url(fonts/Ubuntu-BI.woff) format('woff'), url(fonts/Ubuntu-BI.ttf) format('ttf');
+}

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

@@ -0,0 +1,70 @@
+
+@col: rgb(85,85,85);
+@col-back: rgb(255,255,255);
+@col-hover: rgb(29,119,194);
+@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-error: rgb(204,51,51);
+
+@col-link: rgb(29,119,194);
+@col-link-hover: rgb(29,119,194);
+
+@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: rgb(190,190,190);
+
+@border-widget: 1px solid @col-border;
+@border-widget-sep: 1px solid @col-widget-sep;
+
+@font-family: Ubuntu, Helvetica, Arial, sans-serif;
+@font-weight: 300;
+@font-family-mono: "Ubuntu Mono", monospace;
+
+
+::-moz-selection { background: #68A9FF; color: #fff; text-shadow: none; }
+::selection { background: #68A9FF; color: #fff; text-shadow: none; }
+
+.transition (@transition) {
+	-webkit-transition: @transition;
+	transition: @transition;
+}
+
+.transform (@transform) {
+	-webkit-transform: @transform;
+	-ms-transform: @transform;
+	transform: @transform;
+	zoom: 1;
+}
+
+html {
+	min-height: 100%;
+	overflow: auto;
+	overflow-y: scroll;
+
+	&.js .noJsMsg {
+		display: none;
+	}
+	&.browser .noBrowserMsg {
+		display: none;
+	}
+}
+
+body {
+	font-family: @font-family;
+	font-size: 13px;
+	font-weight: @font-weight;
+	color: @col;
+	background-color: @col-back;
+	margin: 30px;
+}

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

@@ -0,0 +1,103 @@
+
+body#h5ai-info {
+	font-family: @font-family;
+	margin: 2em auto 4em auto;
+	font-size: 20px;
+	color: @col;
+	max-width: 600px;
+	text-align: center;
+
+	a, a:active, a:visited {
+		color: @col;
+		text-decoration: none;
+		.transition(all 0.2s ease-in-out);
+
+		&:hover {
+			color: @col-hover;
+		}
+	}
+
+	.build-version {
+		display: block;
+	}
+	.build-stamp {
+		display: block;
+		margin-top: 0.3em;
+		font-size: 0.6em;
+		color: #aaa;
+	}
+	.idx-file {
+		margin-top: 1em;
+		font-size: 0.6em;
+		display: block;
+		color: #aaa;
+
+	}
+	code {
+		margin: 0 0.2em;
+		padding: 2px 4px;
+		border-radius: 4px;
+		font-family: @font-family-mono;
+		letter-spacing: 0.1em;
+		background-color: @col-widget-back;
+		border: @border-widget;
+	}
+	h1 {
+		font-size: 3.6em;
+		margin: 0;
+	}
+	h2 {
+		font-size: 1.15em;
+		margin: 2.6em 0 0 0;
+	}
+	p {
+		line-height: 1.6em;
+	}
+	p + p {
+		margin-top: 1.2em;
+	}
+	li {
+		margin-top: 0.6em;
+		line-height: 1.4em;
+	}
+
+	#tests {
+		display: inline-block;
+		list-style-type: none;
+		text-align: left;
+		margin: 0;
+		padding: 0;
+
+		.test {
+			.label {
+				display: inline-block;
+				width: 370px;
+			}
+			.result {
+				display: inline-block;
+				width: 70px;
+				text-align: right;
+				font-weight: bold;
+				color: #aaa;
+
+				&.passed {
+					color: #5a5;
+				}
+				&.failed {
+					color: #a55;
+				}
+			}
+			.info {
+				margin: 4px 0 12px 12px;
+				font-size: 0.7em;
+				color: #aaa;
+				width: 370px;
+				line-height: 1.2em;
+			}
+		}
+	}
+
+	#bottombar {
+		font-size: 13px;
+	}
+}

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

@@ -0,0 +1,14 @@
+
+#notify {
+	position: fixed;
+	left: 50%;
+	top: 3px;
+	width: 200px;
+	margin-left: -100px;
+	z-index: 100;
+	padding: 2px 6px 2px 6px;
+	color: #fff;
+	background-color: rgba(0, 0, 0, 0.2);
+	border-radius: 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,18 @@
+
+@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);
+}

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

@@ -0,0 +1,123 @@
+
+#pv-txt-text {
+	max-width: 960px;
+	text-align: left;
+	background-color: #fff;
+	margin: 0 auto;
+	padding: 8px;
+	overflow: auto;
+
+	box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
+
+	&.highlighted {
+		word-break: break-all;
+
+		tr:hover {
+			background-color: rgba(0,0,0,0.05);
+
+			.nr {
+				color: #333;
+			}
+		}
+
+		td {
+			vertical-align: top;
+			font-family: @font-family-mono;
+			font-size: 16px;
+			line-height: 1.2em;
+			color: #999;
+			word-break: normal;
+
+			&.nr {
+				text-align: right;
+				padding: 0 8px 0 4px;
+			}
+
+			&.line {
+				width: 100%;
+				padding: 0 4px 0 8px;
+			}
+
+			code {
+				font-family: @font-family-mono;
+				font-size: 16px;
+				line-height: 1.2em;
+			}
+		}
+
+		.plain {
+			color: #000;
+		}
+		.comments {
+			color: #008200;
+		}
+		.string {
+			color: #1111ff;
+		}
+		.keyword {
+			color: #006699;
+			font-weight: bold;
+		}
+		.preprocessor {
+			color: #999;
+		}
+		.variable {
+			color: #aa7700;
+		}
+		.value {
+			color: #009900;
+		}
+		.functions {
+			color: #ff1493;
+		}
+		.constants {
+			color: #0066cc;
+		}
+		.script {
+			color: #006699;
+			font-weight: bold;
+		}
+		.color1 {
+			color: #999;
+		}
+		.color2 {
+			color: #ff1493;
+		}
+		.color3 {
+			color: #ff1111;
+		}
+
+		a, a:active, a:visited {
+			color: #2080FF;
+			text-decoration: none;
+			cursor: pointer;
+
+			&:hover {
+				color: #68A9FF;
+			}
+		}
+	}
+
+
+	&.markdown {
+		font-size: 16px;
+		padding: 8px 24px;
+
+		a, a:active, a:visited {
+			color: #2080FF;
+			text-decoration: none;
+			cursor: pointer;
+
+			&:hover {
+				color: #68A9FF;
+			}
+		}
+
+		pre, code {
+			font-family: @font-family-mono;
+		}
+		code {
+			color: #008200;
+		}
+	}
+}

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

@@ -0,0 +1,14 @@
+
+#pv-vid-video {
+	position: absolute;
+
+	max-width: 100%;
+	max-height: 100%;
+
+	box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
+}
+
+#pv-vid-video:-webkit-full-screen {
+	top: auto !important;
+	left: auto !important;
+}

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

@@ -1,5 +1,5 @@
 
-#pv-img-overlay {
+#pv-overlay {
 	display: none;
 	position: fixed;
 	left: 0;
@@ -9,49 +9,69 @@
 	z-index: 100;
 
 	background-color: rgba(0,0,0,0.5);
+	.transition(background-color 0.3s ease-in-out);
 
 	text-align: center;
 }
 
-#pv-img-content {
-	position: fixed;
-
-}
-
-#pv-img-image {
-	max-width: 100%;
-	max-height: 100%;
-	border: 2px solid #fff;
-	.border-radius(4px);
-}
-
-#pv-img-overlay.fullscreen {
+#pv-overlay.fullscreen {
 	background-color: #111;
+}
 
-	#pv-img-image {
-		border: 0;
-		.border-radius(0);
+#pv-content {
+	position: absolute;
+}
+
+#pv-spinner {
+	position: absolute;
+
+	img {
+		width: 100px;
+		height: 100px;
+		margin: -50px -50px;
 	}
 }
 
-#pv-img-close {
-	position: fixed;
-	width: 100%;
-	height: 100%;
+#pv-prev-area, #pv-next-area {
+	position: absolute;
+	top: 50%;
 	cursor: pointer;
+
+	img {
+		width: 48px;
+		height: 48px;
+		margin: -36px 0;
+		padding: 12px;
+		opacity: 0.5;
+	}
+
+	&:hover, &.hover {
+		img {
+			background-color: rgba(27,27,27,0.8);
+			opacity: 1;
+		}
+	}
 }
 
-#pv-img-prev {
-	position: fixed;
-	cursor: pointer;
+#pv-prev-area {
+	left: 0;
+	img {
+		border-top-right-radius: 8px;
+		border-bottom-right-radius: 8px;
+		padding-left: 48px;
+	}
 }
 
-#pv-img-next {
-	position: fixed;
-	cursor: pointer;
+#pv-next-area {
+	right: 0;
+	img {
+		border-top-left-radius: 8px;
+		border-bottom-left-radius: 8px;
+		padding-right: 48px;
+	}
 }
 
-#pv-img-buttons, #pv-img-topbuttons {
+#pv-buttons {
 	list-style: none;
 	list-style-image: none;
 	margin: 0;
@@ -87,7 +107,7 @@
 		opacity: 1.0;
 	}
 
-	@bar-sep-border: 1px solid rgba(255,255,255,0.05);
+	@bar-sep-border: 1px solid rgba(255,255,255,0.08);
 
 	.bar-button {
 		.bar-label;
@@ -108,22 +128,27 @@
 	}
 }
 
-#pv-img-topbar {
-	position: fixed;
-	z-index: 5;
-	width: 100%;
-	left: 0;
-	top: 0;
-	.vert-gradient(rgb(37,37,37), rgb(24,24,24));
-	border-bottom: 1px solid rgb(27,27,27);
-}
-
-#pv-img-bottombar {
+#pv-bottombar {
 	position: fixed;
 	z-index: 5;
 	width: 100%;
+	height: 32px;
 	left: 0;
 	bottom: 0;
-	.vert-gradient(rgb(27,27,27), rgb(14,14,14));
+	background-color: rgb(27,27,27);
 	border-top: 1px solid rgb(45,45,45);
+
+}
+
+#pv-overlay.fullscreen {
+
+	#pv-bottombar {
+		opacity: 0.5;
+	}
+}
+
+@media only screen and (max-width: 700px) {
+#pv-prev-area, #pv-next-area, #pv-close-area {
+	display: none !important;
+}
 }

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

@@ -0,0 +1,16 @@
+
+#qrcode {
+	display: none;
+	position: fixed;
+	right: 16px;
+	bottom: 50px;
+	z-index: 10;
+
+	background-color: @col-widget-back;
+	border: @border-widget;
+	padding: 8px;
+
+	canvas {
+		display: block;
+	}
+}

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

@@ -1,18 +1,5 @@
 
-@media only screen and (max-width: 500px) {
-#topbar {
-	.view span {
-		display: none;
-	}
-}
-#extended.view-icons {
-	padding: 0;
-	border: none;
-	margin: 0 -14px;
-}
-}
-
-@media only screen and (max-width: 350px) {
+@media only screen and (max-width: 700px) {
 #topbar {
 	.crumb {
 		display: none;
@@ -20,15 +7,18 @@
 	.current {
 		display: block;
 	}
-} 
-#extended.view-details {
-	.header .label, .entry .label {
-		margin-right: 110px;
+}
+#view.view-details {
+	.header .label, .item .label {
+		margin-right: 80px !important;
 	}
-	.header .date, .entry .date {
+	.header .date, .item .date {
 		display: none;
 	}
 }
+#view.view-icons {
+	padding: 0;
+}
 #bottombar {
 	.center {
 		display: none;
@@ -36,6 +26,15 @@
 }
 }
 
+@media only screen and (max-width: 500px) {
+body {
+	margin: 8px;
+}
+#tree {
+	display: none !important;
+}
+}
+
 @media print {
 a[href]:after {
 	content: "";
@@ -51,7 +50,7 @@ a[href]:after {
 	position: static;
 	margin-top: 2em;
 }
-#tree {
+#tree, #sidebar {
 	display: none !important;
 }
 }

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

@@ -0,0 +1,125 @@
+
+#sidebar {
+	position: fixed;
+	right: -220px;
+	width: 200px;
+	top: 31px;
+	height: 100%;
+	z-index: 3;
+	overflow: auto;
+	padding: 8px;
+	background-color: @col-widget-back;
+	border-left: @border-widget;
+}
+
+#settings {
+
+	.block {
+		display: block;
+		margin: 12px 0;
+	}
+
+	a, a:active, a:visited, span.element {
+		color: @col;
+		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 {
+			opacity: 1.0;
+			background: @col-widget-back-highlight;
+		}
+	}
+
+	.current {
+		a, span.element {
+			opacity: 1.0;
+			background: @col-widget-back-highlight;
+		}
+	}
+
+	img {
+		position: relative;
+		top: -2px;
+		width: 16px;
+		height: 16px;
+	}
+
+	.view {
+		display: inline-block;
+		margin: 0 4px 0 0;
+	}
+
+	.select {
+		background-color: @col-widget-back-highlight;
+		width: 175px;
+		overflow: hidden;
+	}
+
+	input, select {
+		-moz-appearance: none;
+		-ms-appearance: none;
+		-webkit-appearance: none;
+		font-family: @font-family;
+		font-size: 13px;
+		font-weight: @font-weight;
+		color: @col;
+		background: @col-widget-back;
+		width: 100%;
+		height: 30px;
+		line-height: 30px;
+		border: 0 solid #000;
+		outline: none;
+		cursor: pointer;
+	}
+
+	select {
+		width: 200px;
+		padding: 0 4px;
+	}
+
+	input[type='range'] {
+		border-radius: 2px;
+		width: 64px;
+		margin: 0 0 4px 12px;
+		padding: 0 2px;
+		vertical-align: middle;
+	}
+
+	.range-track() {
+		-moz-appearance: none;
+		-ms-appearance: none;
+		-webkit-appearance: none;
+		border-width: 0;
+		border-radius: 2px;
+		background: @col-range-back;
+		height: 2px;
+	}
+
+	.range-thumb() {
+		-moz-appearance: none;
+		-ms-appearance: none;
+		-webkit-appearance: none;
+		border-width: 0;
+		border-radius: 2px;
+		background: @col-range-thumb;
+		width: 12px;
+		height: 12px;
+	}
+
+	input[type='range']::-webkit-slider-runnable-track { .range-track; }
+	input[type='range']::-moz-range-track { .range-track; }
+	input[type='range']::-ms-track { .range-track; }
+	input[type='range']::-ms-fill-lower { .range-track; }
+	input[type='range']::-ms-fill-upper { .range-track; }
+
+	input[type='range']::-webkit-slider-thumb { .range-thumb; margin-top: -5px; }
+	input[type='range']::-moz-range-thumb { .range-thumb; }
+	input[type='range']::-ms-thumb { .range-thumb; }
+}

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

@@ -3,33 +3,32 @@
 	position: fixed;
 	z-index: 5;
 	width: 100%;
+	min-height: 30px;
 	left: 0;
 	top: 0;
-	.vert-gradient(rgb(241,241,241), rgb(228,228,228));
-	border-bottom: 1px solid rgb(210,210,210);
+	background-color: @col-widget-back;
+	border-bottom: @border-widget;
 }
 
 
 .topbar-highlight {
-	background-color: rgba(255,255,255,0.5);
+	background-color: @col-widget-back-highlight;
 	opacity: 1.0;
 }
 
 .topbar-hover {
 	.topbar-highlight;
-	color: #e80;
+	color: @col-hover;
 }
 
-@topbar-sep-border: 1px solid rgba(0,0,0,0.05);
-
 .topbar-left {
 	float: left;
-	border-right: @topbar-sep-border;
+	border-right: @border-widget-sep;
 }
 
 .topbar-right {
 	float: right;
-	border-left: @topbar-sep-border;
+	border-left: @border-widget-sep;
 }
 
 
@@ -40,7 +39,7 @@
 	padding: 0;
 
 	a, a:active, a:visited, span.element {
-		color: #555;
+		color: @col;
 		cursor: pointer;
 		text-decoration: none;
 		opacity: 0.7;
@@ -77,9 +76,9 @@
 			color: #999;
 		}
 		img.hint {
-			width: 14px;
-			height: 14px;
 			opacity: 0.8;
+			width: 12px;
+			height: 12px;
 		}
 	}
 	.view {

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

@@ -0,0 +1,116 @@
+
+#tree {
+	display: none;
+	position: fixed;
+	left: 0;
+	top: 31px;
+	height: 100%;
+	z-index: 3;
+	overflow: auto;
+	padding: 8px;
+	background-color: @col-widget-back;
+	border-right: @border-widget;
+
+	.sp-scrollbar {
+		width: 6px;
+		background-color: @col-sb-back;
+		cursor: pointer;
+
+		.sp-thumb {
+			background-color: @col-sb-thumb;
+		}
+		&.active .sp-thumb {
+			background-color: @col-sb-thumb-active;
+		}
+	}
+
+	.indicator {
+		position: relative;
+		top: 2px;
+		display: inline-block;
+		width: 16px;
+		height: 22px;
+		float: left;
+		opacity: 0.7;
+		cursor: pointer;
+
+		img {
+			width: 12px;
+			height: 12px;
+			.transition(all 0.2s ease-in-out);
+		}
+		&.open {
+			img {
+				.transform(rotate(90deg));
+			}
+		}
+		&.unknown {
+			opacity: 0.3;
+		}
+		&.none {
+			opacity: 0;
+			cursor: inherit;
+		}
+	}
+	a, a:active, a.visited {
+		display: block;
+		height: 1.231em;
+		line-height: 1.231em;
+		margin-left: 14px;
+		padding: 4px 6px;
+		color: #555;
+		border: 1px solid rgba(0,0,0,0);
+		border-radius: 3px;
+		text-decoration: none;
+		opacity: 0.7;
+
+		&:hover, &.hover {
+			color: @col-hover;
+			background-color: @col-widget-back-hover;
+			opacity: 1;
+		}
+	}
+	.icon {
+		position: relative;
+		top: -2px;
+		margin-right: 6px;
+
+		img {
+			width: 16px;
+			height: 16px;
+		}
+	}
+	.hint {
+		margin-left: 6px;
+		font-size: 0.9em;
+		color: #ccc;
+	}
+	.content {
+		list-style: none;
+		margin: 0;
+		padding: 0 0 0 24px;
+	}
+	.summary {
+		margin: 0 0 0 24px;
+		color: #999;
+		font-style: italic;
+	}
+	.current {
+		> a, > a:active, > a:visited {
+			background-color: @col-widget-back-sel;
+			border-color: @col-widget-sep;
+			opacity: 1;
+		}
+	}
+	.error {
+		> a, > a:active, > a:visited {
+			color: #999;
+			&:hover, &.hover {
+				color: @col-hover;
+			}
+		}
+		.hint {
+			color: #c55;
+		}
+	}
+}

src/_h5ai/client/css/inc/view-details.less

@@ -0,0 +1,122 @@
+
+.view-details-sized(@size) {
+
+	li {
+
+		&.item {
+
+			a, a:active, a:visited {
+				height: @size + 6px;
+			}
+
+			.label, .date, .size {
+				padding: ((@size - 16px)/2) 8px;
+			}
+		}
+
+		.icon.square {
+			width: @size;
+
+			img {
+				width: @size;
+				height: @size;
+			}
+		}
+
+		.label {
+			margin: 0 230px 0 (@size + 16px);
+		}
+	}
+}
+
+
+#view.view-details {
+
+	li {
+
+		&.header {
+			display: list-item;
+		}
+
+		&.item {
+
+			a, a:active, a:visited {
+				border-bottom: 1px solid @item-border-col-sep;
+
+				&:hover, &.hover {
+					border-color: @item-border-col-hover;
+				}
+			}
+
+			// needs to be here, to not conflict with header fields
+			.icon {
+				padding: 8px;
+			}
+		}
+
+		.icon.square {
+			display: inline-block;
+			position: absolute;
+			left: 0;
+			top: -4px;
+		}
+
+		.date {
+			position: absolute;
+			right: 100px;
+			top: 0;
+		}
+
+		.size {
+			position: absolute;
+			right: 0;
+			top: 0;
+		}
+
+		.selector {
+			margin-top: -1px;
+		}
+	}
+
+	.view-details-sized(@icon-size);
+
+	&.size-16 {
+		.view-details-sized(16px)
+	}
+
+	&.size-24 {
+		.view-details-sized(24px)
+	}
+
+	&.size-32 {
+		.view-details-sized(32px)
+	}
+
+	&.size-48 {
+		.view-details-sized(48px)
+	}
+
+	&.size-64 {
+		.view-details-sized(64px)
+	}
+
+	&.size-96 {
+		.view-details-sized(96px)
+	}
+
+	&.size-128 {
+		.view-details-sized(128px)
+	}
+
+	&.size-192 {
+		.view-details-sized(192px)
+	}
+
+	&.size-256 {
+		.view-details-sized(256px)
+	}
+
+	&.size-384 {
+		.view-details-sized(384px)
+	}
+}

src/_h5ai/client/css/inc/view-grid.less

@@ -0,0 +1,113 @@
+
+.view-grid-sized(@size) {
+
+	li {
+
+		&.item {
+
+			a, a:active, a:visited {
+				width: @size + 182px;
+				height: @size + 6px;
+			}
+
+			.label, .date, .size {
+				padding: ((@size - 16px)/2) 8px;
+			}
+		}
+
+		.icon.square {
+			width: @size;
+
+			img {
+				width: @size;
+				height: @size;
+			}
+		}
+
+		.label {
+			margin: 0 0 0 (@size + 8px);
+		}
+	}
+}
+
+
+#view.view-grid {
+
+	li {
+
+		&.item {
+			float: left;
+			margin: 2px;
+
+			a, a:active, a:visited {
+				border: 1px solid rgba(0,0,0,0);
+
+				&:hover, &.hover {
+					border-color: @item-border-col-hover;
+				}
+			}
+
+			// needs to be here, to not conflict with header fields
+			.icon {
+				padding: 8px;
+			}
+		}
+
+		.icon.square {
+			display: inline-block;
+			position: absolute;
+			left: 0;
+			top: -4px;
+		}
+
+		.label {
+			display: block;
+		}
+
+		.date, .size {
+			display: none;
+		}
+	}
+
+	.view-grid-sized(@icon-size);
+
+	&.size-16 {
+		.view-grid-sized(16px)
+	}
+
+	&.size-24 {
+		.view-grid-sized(24px)
+	}
+
+	&.size-32 {
+		.view-grid-sized(32px)
+	}
+
+	&.size-48 {
+		.view-grid-sized(48px)
+	}
+
+	&.size-64 {
+		.view-grid-sized(64px)
+	}
+
+	&.size-96 {
+		.view-grid-sized(96px)
+	}
+
+	&.size-128 {
+		.view-grid-sized(128px)
+	}
+
+	&.size-192 {
+		.view-grid-sized(192px)
+	}
+
+	&.size-256 {
+		.view-grid-sized(256px)
+	}
+
+	&.size-384 {
+		.view-grid-sized(384px)
+	}
+}

src/_h5ai/client/css/inc/view-icons.less

@@ -0,0 +1,115 @@
+
+.view-icons-sized(@size) {
+
+	li {
+
+		&.item {
+
+			a, a:active, a:visited {
+				width: @size * 2;
+				height: @size + 72px;
+			}
+		}
+
+		.icon.rational {
+			height: @size;
+
+			img {
+				width: @size;
+				height: @size;
+			}
+			img.thumb {
+				width: auto;
+				height: auto;
+				max-width: @size * 2;
+				max-height: @size;
+			}
+		}
+	}
+}
+
+
+#view.view-icons {
+
+	li {
+		text-align: center;
+
+		&.item {
+			float: left;
+			margin: 8px;
+
+			a, a:active, a:visited {
+				padding: 8px;
+				min-width: 96px;
+				border: 1px solid rgba(0,0,0,0);
+
+				&:hover, &.hover {
+					border-color: @item-border-col-hover;
+				}
+			}
+		}
+
+		.icon.rational {
+			display: block;
+			margin-bottom: 6px;
+		}
+
+		.label {
+			text-align: center;
+			word-wrap: break-word;
+			white-space: normal;
+		}
+
+		.date, .size {
+			display: none;
+		}
+	}
+
+	.empty, .no-match {
+		margin: 0 120px;
+		padding: 16px;
+		height: 120px;
+	}
+
+	.view-icons-sized(@icon-size);
+
+	&.size-16 {
+		.view-icons-sized(16px);
+	}
+
+	&.size-24 {
+		.view-icons-sized(24px);
+	}
+
+	&.size-32 {
+		.view-icons-sized(32px);
+	}
+
+	&.size-48 {
+		.view-icons-sized(48px);
+	}
+
+	&.size-64 {
+		.view-icons-sized(64px);
+	}
+
+	&.size-96 {
+		.view-icons-sized(96px);
+	}
+
+	&.size-128 {
+		.view-icons-sized(128px);
+	}
+
+	&.size-192 {
+		.view-icons-sized(192px);
+	}
+
+	&.size-256 {
+		.view-icons-sized(256px);
+	}
+
+	&.size-384 {
+		.view-icons-sized(384px);
+	}
+}

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

@@ -0,0 +1,197 @@
+
+
+@item-border-col-sep: @col-border;
+
+@item-background-col-hover: rgba(0,0,0,0.02);
+@item-border-col-hover: @col-border;
+
+@item-background-col-sel: rgba(0,0,0,0.02);
+@item-border-col-sel: @col-border-strong;
+
+@icon-size: 48px;
+
+
+#selection-rect {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: 2;
+	border: 1px dashed @col-border-strong;
+	background-color: rgba(0,0,0,0.01);
+}
+
+
+#view {
+	display: none;
+	margin: 0 auto;
+
+	a, a:active, a:visited {
+		color: #333;
+		cursor: pointer;
+		text-decoration: none;
+	}
+
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+
+	li {
+		position: relative;
+		white-space: nowrap;
+
+		&.header {
+			display: none;
+			font-size: 13px;
+
+			a, a:active, a:visited {
+				padding: 6px 6px 18px 6px;
+				opacity: 0.4;
+				.transition(all 0.2s ease-in-out);
+
+				img {
+					display: none;
+					position: relative;
+					top: -2px;
+					width: 12px;
+					height: 12px;
+					padding: 0 8px;
+				}
+				&:hover {
+					color: #555;
+					opacity: 0.9;
+				}
+				&.ascending img.ascending {
+					display: inline;
+				}
+				&.descending img.descending {
+					display: inline;
+				}
+			}
+		}
+
+		&.item {
+			font-size: 15px;
+
+			a, a:active, a:visited {
+				display: block;
+				overflow: hidden;
+
+				&:hover, &.hover {
+					color: @col-hover;
+					background-color: @item-background-col-hover;
+					border-color: @item-border-col-hover;
+				}
+
+				&:hover {
+					.selector {
+						display: block;
+					}
+				}
+			}
+
+			&.selected:not(.selecting), &.selecting:not(.selected) {
+
+				a, a:active, a:visited {
+					background-color: @item-background-col-sel;
+					border-color: @item-border-col-sel;
+
+					&:hover, &.hover {
+						background-color: @item-background-col-sel;
+						border-color: @item-border-col-sel;
+					}
+				}
+
+				.selector {
+					display: block;
+					// border-color: @col-border-stronger;
+
+					img {
+						display: block;
+					}
+				}
+			}
+		}
+
+		&.folder-parent {
+
+			.date, .size {
+				display: none;
+			}
+		}
+
+		.icon {
+			display: none;
+			text-align: center;
+
+			img {
+				vertical-align: top;
+			}
+
+			.thumb {
+				box-shadow: 0 0 0 1px rgba(0,0,0,0.12);
+			}
+
+			&.rational {
+				.thumb {
+					padding: 2px;
+					border-radius: 3px;
+				}
+			}
+		}
+
+		.label {
+			display: block;
+			overflow: hidden;
+			text-align: left;
+			text-overflow: ellipsis;
+		}
+
+		.date {
+			text-align: right;
+			width: 130px;
+		}
+
+		.size {
+			text-align: right;
+			width: 80px;
+		}
+
+		.selector {
+			display: none;
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 18px;
+			height: 18px;
+			background-color: #fff;
+			border: 1px solid @col-border-strong;
+			cursor: pointer;
+			.transition(all 0.2s ease-in-out);
+
+			&:hover {
+				border-color: @col-border-stronger;
+			}
+
+			img {
+				display: none;
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+
+	.empty, .no-match {
+		margin: 50px 0;
+		text-align: center;
+		color: #ddd;
+		font-size: 5em;
+		font-weight: bold;
+	}
+
+	.no-match {
+		display: none;
+	}
+}

src/_h5ai/client/css/lib/h5bp-main-footer.less

@@ -0,0 +1,172 @@
+/* ==========================================================================
+   Helper classes
+   ========================================================================== */
+
+/*
+ * Image replacement
+ */
+
+.ir {
+    background-color: transparent;
+    border: 0;
+    overflow: hidden;
+    /* IE 6/7 fallback */
+    *text-indent: -9999px;
+}
+
+.ir:before {
+    content: "";
+    display: block;
+    width: 0;
+    height: 150%;
+}
+
+/*
+ * 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;
+}
+
+/*
+ * Clearfix: contain floats
+ *
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    `contenteditable` attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that receive the `clearfix` class.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+
+.clearfix:before,
+.clearfix:after {
+    content: " "; /* 1 */
+    display: table; /* 2 */
+}
+
+.clearfix:after {
+    clear: both;
+}
+
+/*
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+    *zoom: 1;
+}
+
+/* ==========================================================================
+   Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+
+@media print {
+    * {
+        background: transparent !important;
+        color: #000 !important; /* Black prints faster: h5bp.com/s */
+        box-shadow: none !important;
+        text-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    abbr[title]:after {
+        content: " (" attr(title) ")";
+    }
+
+    /*
+     * Don't show links for images, or javascript/internal links
+     */
+
+    .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; /* 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/client/css/lib/h5bp-main-header.less

@@ -0,0 +1,87 @@
+/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
+
+/*
+ * 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.
+ */
+
+/* ==========================================================================
+   Base styles: opinionated defaults
+   ========================================================================== */
+
+html,
+button,
+input,
+select,
+textarea {
+    color: #222;
+}
+
+body {
+    font-size: 1em;
+    line-height: 1.4;
+}
+
+/*
+ * Remove text-shadow in selection highlight: h5bp.com/i
+ * These selection rule sets have to be separate.
+ * Customize the background color to match your design.
+ */
+
+::-moz-selection {
+    background: #b3d4fc;
+    text-shadow: none;
+}
+
+::selection {
+    background: #b3d4fc;
+    text-shadow: none;
+}
+
+/*
+ * A better looking default horizontal rule
+ */
+
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #ccc;
+    margin: 1em 0;
+    padding: 0;
+}
+
+/*
+ * Remove the gap between images, videos, audio and canvas and the bottom of
+ * their containers: h5bp.com/i/440
+ */
+
+audio,
+canvas,
+img,
+video {
+    vertical-align: middle;
+}
+
+/*
+ * Remove default fieldset styles.
+ */
+
+fieldset {
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+
+/*
+ * Allow only vertical resizing of textareas.
+ */
+
+textarea {
+    resize: vertical;
+}
+
+/* ==========================================================================
+   Author's custom styles
+   ========================================================================== */

src/_h5ai/client/css/lib/h5bp-normalize.less

@@ -0,0 +1,527 @@
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ *    `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-size: 100%; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+    font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+}
+
+h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+}
+
+h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+}
+
+h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+}
+
+h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+blockquote {
+    margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+    margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+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;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+    quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+    margin: 1em 0;
+}
+
+dd {
+    margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+    padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+    margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0;
+    white-space: normal; /* 2 */
+    *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ *    and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-size: 100%; /* 1 */
+    margin: 0; /* 2 */
+    vertical-align: baseline; /* 3 */
+    *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ *    Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+    *overflow: visible;  /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ *    Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+    *height: 13px; /* 3 */
+    *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

src/_h5ai/client/css/styles.less

@@ -0,0 +1,33 @@
+
+@import "lib/h5bp-normalize";
+@import "lib/h5bp-main-header";
+
+@import "inc/fonts";
+@import "inc/general";
+@import "inc/topbar";
+@import "inc/bottombar";
+@import "inc/sidebar";
+@import "inc/download";
+@import "inc/filter";
+@import "inc/tree";
+@import "inc/qrcode";
+@import "inc/preview";
+@import "inc/preview-aud";
+@import "inc/preview-img";
+@import "inc/preview-txt";
+@import "inc/preview-vid";
+@import "inc/notify";
+
+@import "inc/content";
+@import "inc/view";
+@import "inc/view-details";
+@import "inc/view-icons";
+@import "inc/view-grid";
+// @import "inc/context-menu";
+@import "inc/fallback";
+
+@import "inc/responsive";
+
+@import "inc/h5ai-info";
+
+@import "lib/h5bp-main-footer";

src/_h5ai/client/images/ascending.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-180,-626)">
+  <path id="path10839-9-9-8" style="block-progression:tb;text-indent:0;color:#555555;enable-background:new;text-transform:none;fill:#555555" d="m182 631v1c-0.00012 0.0104-0.00046 0.0208 0 0.0313 0.0112 0.25495 0.12858 0.50987 0.3125 0.6875l5.2188 5.2812 5.1875-5.2812c0.19-0.19 0.28-0.45 0.28-0.72v-1h-1c-0.26529 0-0.53058 0.0931-0.71875 0.28125l-3.75 3.8125-3.7812-3.8125c-0.19463-0.21074-0.46925-0.30316-0.75-0.28125h-1z"/>
+ </g>
+</svg>

src/_h5ai/client/images/crumb.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-320,-626)">
+  <g id="use43045" transform="translate(200,108)">
+   <path id="path4421" style="block-progression:tb;text-indent:0;color:#555555;enable-background:new;text-transform:none;fill:#555555" d="m125.03 520h1c0.0104-0.00012 0.0208-0.00046 0.0313 0 0.25495 0.0112 0.50987 0.12858 0.6875 0.3125l5.2812 5.2188-5.2812 5.1875c-0.19 0.19-0.45 0.28-0.72 0.28h-1v-1c0-0.26529 0.0931-0.53058 0.28125-0.71875l3.8125-3.75-3.8125-3.7812c-0.21074-0.19463-0.30316-0.46925-0.28125-0.75v-1z"/>
+  </g>
+ </g>
+</svg>

src/_h5ai/client/images/descending.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-200,-626)">
+  <path id="path10839-9-9-8-1" style="block-progression:tb;text-indent:0;color:#555555;enable-background:new;text-transform:none;fill:#555555" d="m202 637v-1c-0.00012-0.0104-0.00046-0.0208 0-0.0313 0.0112-0.25495 0.12858-0.50987 0.3125-0.6875l5.2188-5.2812 5.1875 5.2812c0.18819 0.18821 0.28125 0.45351 0.28125 0.7188v1h-1c-0.26529 0-0.53058-0.0931-0.71875-0.28125l-3.75-3.8125-3.7812 3.8125c-0.19463 0.21074-0.46925 0.30316-0.75 0.28125h-1z"/>
+ </g>
+</svg>

src/_h5ai/client/images/download.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-80,-648)">
+  <path id="rect4390-9" style="block-progression:tb;text-indent:0;color:#555555;text-transform:none;fill:#555555" d="m84.406 657a0.50005 0.50005 0 0 0 -0.3125 0.21875l-1 1.5a0.50005 0.50005 0 1 0 0.8125 0.5625l1-1.5a0.50005 0.50005 0 0 0 -0.5 -0.78zm7 0a0.50005 0.50005 0 0 0 -0.3125 0.78125l1 1.5a0.50005 0.50005 0 1 0 0.8125 -0.5625l-1-1.5a0.50005 0.50005 0 0 0 -0.5 -0.22z"/>
+  <g id="g4555" transform="translate(-80,110)">
+   <path id="path3613" style="block-progression:tb;text-indent:0;color:#555555;text-transform:none;fill:#555555" d="m167 539v5.5625l-1.2812-1.2812c-0.19-0.19-0.45-0.28-0.72-0.28h-1v1c0.00001 0.2653 0.0931 0.53058 0.28125 0.71875l3 3 0.28125 0.28125h0.875l0.28125-0.28125 3-3c0.19-0.19 0.28-0.45 0.28-0.72v-1h-1c-0.2653 0.00001-0.53059 0.0931-0.71875 0.28125l-1.28 1.28v-5.56z"/>
+   <path id="rect11668-7-5" style="color:#555555;fill-rule:evenodd;fill:#555555" d="m163 549v4h10v-4zm3.3438 1.4375c0.0208-0.001 0.0417-0.001 0.0625 0 0.29096-0.0556 0.59898 0.20383 0.59375 0.5v0.0625h2v-0.0625c-0.004-0.26416 0.23582-0.50712 0.5-0.50712s0.50373 0.24296 0.5 0.50712v0.06c0 0.54535-0.45465 1-1 1h-2c-0.54535 0-1-0.45465-1-1v-0.0625c-0.0108-0.21706 0.13723-0.43234 0.34375-0.5z"/>
+  </g>
+ </g>
+</svg>

src/_h5ai/client/images/fallback/ar.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 6,6 6,90 90,90 90,24 72,6 z m 6,6 57.559322,0 L 84,26.576271 84,84 12,84 z"
+     id="rect2984"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccc" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect3031"
+     width="12"
+     height="24"
+     x="42"
+     y="12" />
+</svg>

src/_h5ai/client/images/fallback/aud.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 12,6 12,90 84,90 84,24 66,6 z m 6,6 45.559322,0 L 78,26.576271 78,84 18,84 z"
+     id="rect2984"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccc" />
+  <g
+     id="g3006"
+     transform="translate(2.5793231,-3.2660688)">
+    <path
+       transform="matrix(1.353211,0,0,0.99662165,-14.954127,-1.1081069)"
+       d="m 47.999999,65.830505 c 0,4.156177 -3.30854,7.525424 -7.389831,7.525424 -4.08129,0 -7.38983,-3.369247 -7.38983,-7.525424 0,-4.156176 3.30854,-7.525423 7.38983,-7.525423 4.081291,0 7.389831,3.369247 7.389831,7.525423 z"
+       sodipodi:ry="7.5254235"
+       sodipodi:rx="7.3898306"
+       sodipodi:cy="65.830505"
+       sodipodi:cx="40.610168"
+       id="path2984"
+       style="fill:#555555;fill-opacity:1;stroke:none"
+       sodipodi:type="arc" />
+    <rect
+       y="35.000015"
+       x="44"
+       height="30"
+       width="6"
+       id="rect2986"
+       style="fill:#555555;fill-opacity:1;stroke:none" />
+    <rect
+       transform="matrix(0.69076685,-0.72307756,0.72307756,0.69076685,0,0)"
+       y="55.90287"
+       x="5.1795917"
+       height="17.559322"
+       width="6"
+       id="rect2986-2"
+       style="fill:#555555;fill-opacity:1;stroke:none" />
+  </g>
+</svg>

src/_h5ai/client/images/fallback/bin.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 6,6 6,90 90,90 90,24 72,6 z m 6,6 57.559322,0 L 84,26.576271 84,84 12,84 z"
+     id="rect2984"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccc" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect3943-7-1-8"
+     width="12"
+     height="12"
+     x="42"
+     y="42" />
+</svg>

src/_h5ai/client/images/fallback/file.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 12,6 12,90 84,90 84,24 66,6 z m 6,6 45.559322,0 L 78,26.576271 78,84 18,84 z"
+     id="rect2984"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccc" />
+</svg>

src/_h5ai/client/images/fallback/folder-page.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555"
+     d="m 0,18 0,72 96,0 0,-72 -30,0 -12,-12.0000002 -42,0 z m 12,12 54,0 18,18 0,36 -72,0 z m 66,54 0,-30 -18,0 0,-18 -42,0 0,48"
+     id="rect3845"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccccccccccc" />
+</svg>

src/_h5ai/client/images/fallback/folder-parent.svg

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96"
+   height="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="layer9"
+     inkscape:label="status"
+     style="display:inline" />
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="layer10"
+     inkscape:label="devices" />
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="layer11"
+     inkscape:label="apps" />
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="layer13"
+     inkscape:label="places" />
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="layer14"
+     inkscape:label="mimetypes" />
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="layer15"
+     inkscape:label="emblems"
+     style="display:inline" />
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="g71291"
+     inkscape:label="emotes"
+     style="display:inline" />
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="g4953"
+     inkscape:label="categories"
+     style="display:inline" />
+  <g
+     inkscape:groupmode="layer"
+     transform="translate(-321.00015,-587)"
+     id="layer12"
+     inkscape:label="actions"
+     style="display:inline">
+    <g
+       id="g2994"
+       style="fill:#555555;fill-opacity:1"
+       transform="matrix(4.836272,0,0,4.836272,-1221.151,-2629.537)">
+      <path
+         style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+         inkscape:connector-curvature="0"
+         id="path4762"
+         d="m 325,673 0,2 6.5,0 c 0.84027,0 1.5,0.65973 1.5,1.5 0,0.84027 -0.65973,1.5 -1.5,1.5 l -0.5,0 0,2 0.5,0 c 1.92115,0 3.5,-1.57885 3.5,-3.5 0,-1.92115 -1.57885,-3.5 -3.5,-3.5 l -6.5,0 z" />
+      <path
+         style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans"
+         inkscape:connector-curvature="0"
+         id="path4764"
+         d="m 328,670.0221 0,1 c 0,0.25689 -0.12983,0.52846 -0.3125,0.71875 l -2.28125,2.28125 2.28125,2.28125 c 0.18267,0.19029 0.3125,0.46186 0.3125,0.71875 l 0,1 -1,0 c -0.30945,0 -0.55232,-0.0903 -0.75,-0.28125 l -3.65625,-3.71875 3.65625,-3.71875 c 0.19768,-0.19095 0.44055,-0.28125 0.75,-0.28125 z"
+         sodipodi:nodetypes="ccccccccccccc" />
+    </g>
+  </g>
+</svg>

src/_h5ai/client/images/fallback/folder.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555"
+     d="m 0,18 0,72 96,0 0,-72 -30,0 -12,-12.0000002 -42,0 z"
+     id="rect3845"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccc" />
+</svg>

src/_h5ai/client/images/fallback/img.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 6,12 6,84 90,84 90,30 72,12 z m 6,6 57.559322,0 L 84,32.576271 84,78 12,78 z"
+     id="rect2984"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccc" />
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 30,36 45.968325,55.161989 60,48 78,72 18,72 z"
+     id="rect2985"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccc" />
+  <path
+     sodipodi:type="arc"
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="path2988"
+     sodipodi:cx="-39"
+     sodipodi:cy="53.237289"
+     sodipodi:rx="15"
+     sodipodi:ry="15"
+     d="m -24,53.237289 a 15,15 0 1 1 -30,0 15,15 0 1 1 30,0 z"
+     transform="matrix(0.4,0,0,0.4,81.6,14.705084)" />
+</svg>

src/_h5ai/client/images/fallback/txt.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 12,6 12,90 84,90 84,24 66,6 z m 6,6 45.559322,0 L 78,26.576271 78,84 18,84 z"
+     id="rect2984"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccc" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2985"
+     width="42"
+     height="6"
+     x="24"
+     y="24" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2985-6"
+     width="36"
+     height="6"
+     x="24"
+     y="42" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2985-5"
+     width="48"
+     height="6"
+     x="24"
+     y="60" />
+</svg>

src/_h5ai/client/images/fallback/vid.svg

@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="96"
+   width="96"
+   viewBox="0 0 96 96"
+   version="1.1">
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 6,12 6,84 90,84 90,30 72,12 z m 6,6 57.559322,0 L 84,32.576271 84,78 12,78 z"
+     id="rect2984"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccc" />
+  <path
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     d="M 35.4,42 46.577823,57.968309 56.399999,52.00002 69,72 27,72 z"
+     id="rect2985"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccc" />
+  <path
+     sodipodi:type="arc"
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="path2988"
+     sodipodi:cx="-39"
+     sodipodi:cy="53.237289"
+     sodipodi:rx="15"
+     sodipodi:ry="15"
+     d="m -24,53.237289 a 15,15 0 1 1 -30,0 15,15 0 1 1 30,0 z"
+     transform="matrix(0.4,0,0,0.4,75.6,14.705084)" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2986"
+     width="6"
+     height="60"
+     x="18"
+     y="17.999989" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988"
+     width="6"
+     height="6"
+     x="12"
+     y="26.728817" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-3"
+     width="6"
+     height="6"
+     x="12"
+     y="38.999985" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-3-2"
+     width="6"
+     height="6"
+     x="12"
+     y="50.999985" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-3-2-2"
+     width="6"
+     height="6"
+     x="12"
+     y="62.999985" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-3-2-7"
+     width="6"
+     height="6"
+     x="12"
+     y="74.999985" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2986-0"
+     width="6"
+     height="60"
+     x="72"
+     y="17.999989" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-4"
+     width="6"
+     height="6"
+     x="78"
+     y="26.728817" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-3-26"
+     width="6"
+     height="6"
+     x="78"
+     y="38.999985" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-3-2-5"
+     width="6"
+     height="6"
+     x="78"
+     y="50.999985" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-3-2-2-4"
+     width="6"
+     height="6"
+     x="78"
+     y="62.999985" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-3-2-7-8"
+     width="6"
+     height="6"
+     x="78"
+     y="74.999985" />
+  <rect
+     style="fill:#555555;fill-opacity:1;stroke:none"
+     id="rect2988-6"
+     width="6"
+     height="6"
+     x="12"
+     y="15.000004" />
+</svg>

src/_h5ai/client/images/filter.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-140 -645.97)">
+  <path id="path27918" style="block-progression:tb;text-indent:0;color:#555555;enable-background:new;text-transform:none;fill:#555555" d="m146.51 647c-3.0289 0-5.5107 2.479-5.5107 5.5045 0 3.0254 2.4819 5.5045 5.5107 5.5045s5.5107-2.479 5.5107-5.5045c0-3.0254-2.4819-5.5045-5.5107-5.5045zm0 2.0089c1.9474 0 3.4995 1.5504 3.4995 3.4955s-1.5522 3.4955-3.4995 3.4955c-1.9474 0-3.4995-1.5504-3.4995-3.4955 0-1.9452 1.5522-3.4955 3.4995-3.4955z"/>
+  <path id="path27941" style="block-progression:tb;text-indent:0;color:#555555;enable-background:new;text-transform:none;fill:#555555" d="m149.81 655a1.0001 1.0001 0 0 0 -0.5 1.7188l4 4a1.0055 1.0055 0 1 0 1.4062 -1.4375l-4-4a1.0001 1.0001 0 0 0 -0.91 -0.28z"/>
+ </g>
+</svg>

src/_h5ai/client/images/folder-open.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg7384"
+   height="16" width="16" viewBox="0 0 16 16"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="folder-open.svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1871"
+     inkscape:window-height="1056"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="5.17455"
+     inkscape:cy="7.9663965"
+     inkscape:window-x="49"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7384"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3004"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata90">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <title
+     id="title9167">Gnome Symbolic Icon Theme</title>
+  <path
+     style="fill:#555555"
+     d="M 2,1 0,3 0,15 16,15 C 15.97721,10.841591 16.04788,7.153051 16,3 L 11,3 9,1 z M 1,5 16,5 16,7 2,7 1.4593408,14 1,14 z"
+     id="rect3845"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ccccccccccccccc" />
+</svg>

src/_h5ai/client/images/folder-page.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg7384"
+   height="16" width="16" viewBox="0 0 16 16"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="folder-page.svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1871"
+     inkscape:window-height="1056"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="8.5832742"
+     inkscape:cy="6.2608582"
+     inkscape:window-x="49"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7384"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3001"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata90">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <title
+     id="title9167">Gnome Symbolic Icon Theme</title>
+  <path
+     style="fill:#555555"
+     d="M 0,3 0,15 16,15 16,3 11,3 9,1 2,1 z m 2,2 9,0 3,3 0,6 -12,0 z m 11,9 0,-5 -3,0 0,-3 -7,0 0,8"
+     id="rect3845"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccccccccccccc" />
+</svg>

src/_h5ai/client/images/folder.svg

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg7384"
+   height="16" width="16" viewBox="0 0 16 16"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="folder.svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1871"
+     inkscape:window-height="1056"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="10.567799"
+     inkscape:cy="6.7528912"
+     inkscape:window-x="49"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7384"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       orientation="-0.70710678,0.70710678"
+       position="-13.926408,17.473927"
+       id="guide2996" />
+    <inkscape:grid
+       type="xygrid"
+       id="grid3002"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata90">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <title
+     id="title9167">Gnome Symbolic Icon Theme</title>
+  <path
+     style="fill:#555555"
+     d="M 0,3 0,15 16,15 16,3 11,3 9,1 2,1 z"
+     id="rect3845"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccc" />
+</svg>

src/_h5ai/client/images/home.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg7384"
+   height="16" width="16" viewBox="0 0 16 16"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="home.svg">
+  <defs
+     id="defs9" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1871"
+     inkscape:window-height="1056"
+     id="namedview7"
+     showgrid="true"
+     inkscape:zoom="41.7193"
+     inkscape:cx="7.8903899"
+     inkscape:cy="7.6562282"
+     inkscape:window-x="49"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7384">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2986"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata90">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <title
+     id="title9167">Gnome Symbolic Icon Theme</title>
+  <g
+     id="layer13"
+     transform="translate(-562,-176)">
+    <path
+       id="rect5149"
+       style="color:#555555;fill:#555555;enable-background:new"
+       d="m 570,177 -8,6 2,0 0,7 3,0 1,0 1,0 1,0 6,0 0,-7 2,0 -3,-2.25 0,-2.75 -2,0 0,1.25 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccc" />
+  </g>
+</svg>

src/_h5ai/client/images/loading.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-241 -627)">
+  <path id="path4597" style="block-progression:tb;text-indent:0;color:#555555;text-transform:none;fill:#555555" d="m253.91 628.97a1.0001 1.0001 0 0 0 -0.125 0.0312 1.0001 1.0001 0 0 0 -0.78125 1v1.6875c-0.38225-0.57796-0.84927-1.0822-1.4062-1.5-1.1556-0.86677-2.532-1.2523-3.875-1.1875-0.19186 0.009-0.37223 0.0353-0.5625 0.0625-1.5222 0.21741-2.9782 1.023-3.9688 2.3438-1.9812 2.6414-1.4227 6.425 1.2188 8.4062s6.425 1.4227 8.4062-1.2188a1.0063 1.0063 0 0 0 0.19 -0.6 1.0063 1.0063 0 0 0 0 -0.15625v-0.84375h-0.8125-0.0937a1.0063 1.0063 0 0 0 -0.0937 0 1.0063 1.0063 0 0 0 -0.8125 0.40625c-1.3326 1.7767-3.817 2.1139-5.5938 0.78125-1.7767-1.3326-2.1139-3.817-0.78125-5.5938 1.3326-1.7767 3.817-2.1139 5.5938-0.78125 0.42946 0.32212 0.76954 0.73295 1.0312 1.1875h-1.4375a1.0001 1.0001 0 0 0 -1 1 1.0001 1.0001 0 0 0 0 0.21875v0.78125h0.84375 0.15625 4 1v-1-4a1.0001 1.0001 0 0 0 0 -0.1875v-0.8125h-0.8125a1.0001 1.0001 0 0 0 -0.28125 -0.0312z"/>
+ </g>
+</svg>

src/_h5ai/client/images/page.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="12" width="12" viewBox="0 0 12 12"
+   version="1.1">
+  <g
+     id="layer14"
+     transform="matrix(0.68005728,0,0,0.70728284,-313.86652,-213.11037)">
+    <path
+       id="path1234"
+       style="text-indent:0;text-transform:none;block-progression:tb;color:#555555;fill:#555555"
+       d="m 479.17511,316.86104 0,-9.89704 -4.41139,-4.24158 -13.23419,-10e-6 10e-6,14.13863 m 2.94093,-10e-6 -10e-6,-11.3109 7.35234,10e-6 0,4.24159 4.41139,0 -1e-5,7.0693"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccc" />
+  </g>
+</svg>

src/_h5ai/client/images/preview/close.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <g id="layer12" transform="translate(-60,-518)">
+  <g id="layer4-4-1" transform="translate(19,-242)">
+   <path id="path10839-9" style="block-progression:tb;text-indent:0;color:#bebebe;enable-background:new;text-transform:none;fill:#bebebe" d="m45 764h1c0.01037-0.00012 0.02079-0.00046 0.03125 0 0.25495 0.0112 0.50987 0.12858 0.6875 0.3125l2.281 2.28 2.312-2.28c0.266-0.23 0.447-0.3 0.688-0.31h1v1c0 0.28647-0.03434 0.55065-0.25 0.75l-2.2812 2.2812 2.25 2.25c0.188 0.19 0.281 0.45 0.281 0.72v1h-1c-0.2653-0.00001-0.53059-0.0931-0.71875-0.28125l-2.281-2.28-2.281 2.28c-0.188 0.19-0.454 0.28-0.719 0.28h-1v-1c-0.000003-0.26529 0.09306-0.53058 0.28125-0.71875l2.2812-2.25-2.281-2.28c-0.21-0.19-0.303-0.47-0.281-0.75v-1z"/>
+  </g>
+ </g>
+</svg>

src/_h5ai/client/images/preview/fullscreen.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-40.984 -646.99)">
+  <path id="path12113" style="block-progression:tb;text-indent:0;color:#000000;enable-background:new;text-transform:none;fill:#bebebe" d="m41.781 657a1.0001 1.0001 0 0 0 -0.781 1v4a1.0001 1.0001 0 0 0 1 1h4a1.0001 1.0001 0 1 0 0 -2h-3v-3a1.0001 1.0001 0 0 0 -1.2188 -1z"/>
+  <path id="path12147" style="block-progression:tb;text-indent:0;color:#000000;enable-background:new;text-transform:none;fill:#bebebe" d="m46.875 656a1.0001 1.0001 0 0 0 -0.59375 0.28125l-5 5a1.0165 1.0165 0 1 0 1.4375 1.4375l5-5a1.0001 1.0001 0 0 0 -0.843 -1.72z"/>
+  <rect id="rect12919" style="color:#000000;enable-background:new;fill:#bdbdbd" height="1" width="1" y="662" x="41"/>
+  <path id="path12111" style="block-progression:tb;text-indent:0;color:#000000;enable-background:new;text-transform:none;fill:#bebebe" d="m51.906 647a1.0011 1.0011 0 1 0 0.094 2h3v3a1.0001 1.0001 0 1 0 2 0v-4a1.0001 1.0001 0 0 0 -1 -1h-4a1.0001 1.0001 0 0 0 -0.09375 0z"/>
+  <rect id="rect12923" style="color:#000000;enable-background:new;fill:#bdbdbd" height="1" width="1" y="647" x="56"/>
+  <path id="path12925" style="block-progression:tb;text-indent:0;color:#000000;enable-background:new;text-transform:none;fill:#bebebe" d="m55.875 647a1.0001 1.0001 0 0 0 -0.59375 0.28125l-5 5a1.0165 1.0165 0 1 0 1.4375 1.4375l5-5a1.0001 1.0001 0 0 0 -0.843 -1.72z"/>
+  <rect id="rect4479-2" style="color:#000000;fill:#bebebe" height="1" width="1" y="657" x="41"/>
+  <rect id="rect4479-2-9" style="color:#000000;fill:#bebebe" height="1" width="1" y="662" x="46"/>
+  <rect id="rect4479-2-9-9-0-8" style="color:#000000;fill:#bebebe" height="1" width="1" y="652" x="56"/>
+  <rect id="rect4479-2-9-9-0-8-1" style="color:#000000;fill:#bebebe" height="1" width="1" y="647" x="51"/>
+ </g>
+</svg>

src/_h5ai/client/images/preview/next.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-120,-626)">
+  <path id="path10839-9-9" style="block-progression:tb;text-indent:0;color:#bebebe;enable-background:new;text-transform:none;fill:#bebebe" d="m125.03 628h1c0.0104-0.00012 0.0208-0.00046 0.0313 0 0.25495 0.0112 0.50987 0.12858 0.6875 0.3125l5.2812 5.2188-5.2812 5.1875c-0.19 0.19-0.45 0.28-0.72 0.28h-1v-1c0-0.26529 0.0931-0.53058 0.28125-0.71875l3.8125-3.75-3.8125-3.7812c-0.21074-0.19463-0.30316-0.46925-0.28125-0.75v-1z"/>
+ </g>
+</svg>

src/_h5ai/client/images/preview/no-fullscreen.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-60.952 -646.98)">
+  <path id="path12113-8" style="block-progression:tb;text-indent:0;color:#000000;enable-background:new;text-transform:none;fill:#bebebe" d="m71.781 647a1.0001 1.0001 0 0 0 -0.781 1v4a1.0001 1.0001 0 0 0 1 1h4a1.0001 1.0001 0 1 0 0 -2h-3v-3a1.0001 1.0001 0 0 0 -1.2188 -1z"/>
+  <path id="path12147-8" style="block-progression:tb;text-indent:0;color:#000000;enable-background:new;text-transform:none;fill:#bebebe" d="m75.875 647a1.0001 1.0001 0 0 0 -0.59375 0.28125l-4 4a1.0165 1.0165 0 1 0 1.4375 1.4375l4-4a1.0001 1.0001 0 0 0 -0.843 -1.72z"/>
+  <rect id="rect12919-5" style="color:#000000;enable-background:new;fill:#bdbdbd" height="1" width="1" y="652" x="71"/>
+  <path id="rect13039" style="block-progression:tb;text-indent:0;color:#000000;enable-background:new;text-transform:none;fill:#bebebe" d="m61.906 653a1.0001 1.0001 0 0 0 -0.906 1v8a1.0001 1.0001 0 0 0 1 1h8a1.0001 1.0001 0 0 0 1 -1v-8a1.0001 1.0001 0 0 0 -1 -1h-8a1.0001 1.0001 0 0 0 -0.09375 0zm1.094 2h6v6h-6v-6z"/>
+  <path id="path13041" style="fill-rule:evenodd;block-progression:tb;text-indent:0;color:#000000;enable-background:new;text-transform:none;fill:#bebebe" d="m61.906 655a1.0011 1.0011 0 1 0 0.094 2h8a1.0001 1.0001 0 1 0 0 -2h-8a1.0001 1.0001 0 0 0 -0.09375 0z"/>
+  <rect id="rect4479-2-9-9-0-8-6" style="color:#000000;fill:#bebebe" height="1" width="1" y="652" x="76"/>
+  <rect id="rect4479-2-9-9-0-8-6-6" style="color:#000000;fill:#bebebe" height="1" width="1" y="647" x="71"/>
+  <rect id="rect4479-2-9-9-0-8-6-9" style="color:#000000;fill:#bebebe" height="1" width="1" y="662" x="70"/>
+  <rect id="rect4479-2-9-9-0-8-6-4" style="color:#000000;fill:#bebebe" height="1" width="1" y="662" x="61"/>
+ </g>
+</svg>

src/_h5ai/client/images/preview/prev.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-100,-626)">
+  <path id="path10839-9-9-5" style="block-progression:tb;text-indent:0;color:#bebebe;enable-background:new;text-transform:none;fill:#bebebe" d="m111 628h-1c-0.0104-0.00012-0.0208-0.00046-0.0313 0-0.25495 0.0112-0.50987 0.12858-0.6875 0.3125l-5.2812 5.2188 5.2812 5.1875c0.18816 0.18819 0.45346 0.28125 0.71875 0.28125h1v-1c0-0.26529-0.0931-0.53058-0.28125-0.71875l-3.8125-3.75 3.8125-3.7812c0.21074-0.19463 0.30316-0.46925 0.28125-0.75v-1z"/>
+ </g>
+</svg>

src/_h5ai/client/images/preview/raw.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-80,-648)">
+  <path id="rect4390-9" style="block-progression:tb;text-indent:0;color:#bebebe;text-transform:none;fill:#bebebe" d="m84.406 657a0.50005 0.50005 0 0 0 -0.3125 0.21875l-1 1.5a0.50005 0.50005 0 1 0 0.8125 0.5625l1-1.5a0.50005 0.50005 0 0 0 -0.5 -0.78zm7 0a0.50005 0.50005 0 0 0 -0.3125 0.78125l1 1.5a0.50005 0.50005 0 1 0 0.8125 -0.5625l-1-1.5a0.50005 0.50005 0 0 0 -0.5 -0.22z"/>
+  <g id="g4555" transform="translate(-80,110)">
+   <path id="path3613" style="block-progression:tb;text-indent:0;color:#000000;text-transform:none;fill:#bebebe" d="m167 539v5.5625l-1.2812-1.2812c-0.19-0.19-0.45-0.28-0.72-0.28h-1v1c0.00001 0.2653 0.0931 0.53058 0.28125 0.71875l3 3 0.28125 0.28125h0.875l0.28125-0.28125 3-3c0.19-0.19 0.28-0.45 0.28-0.72v-1h-1c-0.2653 0.00001-0.53059 0.0931-0.71875 0.28125l-1.28 1.28v-5.56z"/>
+   <path id="rect11668-7-5" style="color:#000000;fill-rule:evenodd;fill:#bebebe" d="m163 549v4h10v-4zm3.3438 1.4375c0.0208-0.001 0.0417-0.001 0.0625 0 0.29096-0.0556 0.59898 0.20383 0.59375 0.5v0.0625h2v-0.0625c-0.004-0.26416 0.23582-0.50712 0.5-0.50712s0.50373 0.24296 0.5 0.50712v0.06c0 0.54535-0.45465 1-1 1h-2c-0.54535 0-1-0.45465-1-1v-0.0625c-0.0108-0.21706 0.13723-0.43234 0.34375-0.5z"/>
+  </g>
+ </g>
+</svg>

src/_h5ai/client/images/selected.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   height="16" width="16" viewBox="0 0 16 16"
+   id="svg2"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="select.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1871"
+     inkscape:window-height="1056"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="20.85965"
+     inkscape:cx="16.301202"
+     inkscape:cy="5.1092914"
+     inkscape:window-x="49"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="M 11.4375,3.40625 6.5000001,8.34375 4.5625,6.40625 l -2.125,2.125 3.0000001,3 1.0625,1.0625 1.0625,-1.0625 5.9999999,-6 -2.125,-2.125 z"
+     style="fill:#555555"
+     id="path4"
+     inkscape:connector-curvature="0" />
+</svg>

src/_h5ai/client/images/settings.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer15" transform="translate(-441 -401)">
+  <path id="path35543-6-4" style="color:#555555;fill:#555555" d="m449 402c-0.22065 0-0.44081 0.0113-0.65625 0.0312l-0.40625 2.0938c-0.33446 0.0733-0.66305 0.17589-0.96875 0.3125l-1.5312-1.4688c-0.38863 0.23011-0.72695 0.51408-1.0625 0.8125l0.90625 1.9062c-0.22242 0.24899-0.42425 0.5225-0.59375 0.8125l-2.0938-0.28125c-0.17772 0.40877-0.30872 0.83637-0.40625 1.2812l1.8438 1c-0.0171 0.16809-0.0312 0.3274-0.0312 0.5s0.0142 0.33191 0.0312 0.5l-1.8438 1c0.0975 0.44488 0.22853 0.87248 0.40625 1.2812l2.0938-0.28125c0.1695 0.29 0.37133 0.56351 0.59375 0.8125l-0.90625 1.9062c0.33555 0.29842 0.67387 0.58239 1.0625 0.8125l1.5312-1.4688c0.3057 0.13661 0.63429 0.23916 0.96875 0.3125l0.40625 2.0938c0.21544 0.02 0.4356 0.0312 0.65625 0.0312s0.44081-0.0113 0.65625-0.0312l0.40625-2.0938c0.33446-0.0733 0.66305-0.17589 0.96875-0.3125l1.5312 1.4688c0.38863-0.23011 0.72695-0.51408 1.0625-0.8125l-0.90625-1.9062c0.22242-0.24899 0.42425-0.5225 0.59375-0.8125l2.0938 0.28125c0.17772-0.40877 0.30872-0.83637 0.40625-1.2812l-1.8438-1c0.0171-0.16809 0.0312-0.3274 0.0312-0.5s-0.0142-0.33191-0.0312-0.5l1.8438-1c-0.0975-0.44488-0.22853-0.87248-0.40625-1.2812l-2.0938 0.28125c-0.1695-0.29-0.37133-0.56351-0.59375-0.8125l0.90625-1.9062c-0.33555-0.29842-0.67387-0.58239-1.0625-0.8125l-1.5312 1.4688c-0.3057-0.13661-0.63429-0.23916-0.96875-0.3125l-0.40625-2.0938c-0.21544-0.02-0.4356-0.0312-0.65625-0.0312zm0 4c1.6568 0 3 1.3432 3 3s-1.3432 3-3 3-3-1.3432-3-3 1.3432-3 3-3z"/>
+ </g>
+</svg>

src/_h5ai/client/images/size.svg

@@ -0,0 +1,193 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="size.svg"
+   height="16" width="16" viewBox="0 0 16 16"
+   id="svg7384"
+   inkscape:version="0.48.4 r9939"
+   version="1.1">
+  <metadata
+     id="metadata90">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     bordercolor="#666666"
+     borderopacity="1"
+     inkscape:current-layer="layer12"
+     inkscape:cx="0.26014369"
+     inkscape:cy="4.4087936"
+     gridtolerance="10"
+     inkscape:guide-bbox="true"
+     guidetolerance="10"
+     id="namedview88"
+     inkscape:object-nodes="false"
+     inkscape:object-paths="false"
+     objecttolerance="10"
+     pagecolor="#3a3b39"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     showborder="true"
+     showgrid="false"
+     showguides="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-bbox-midpoints="false"
+     inkscape:snap-global="true"
+     inkscape:snap-grids="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false"
+     inkscape:snap-to-guides="true"
+     inkscape:window-height="1056"
+     inkscape:window-maximized="1"
+     inkscape:window-width="1871"
+     inkscape:window-x="49"
+     inkscape:window-y="24"
+     inkscape:zoom="22.627417"
+     borderlayer="true">
+    <inkscape:grid
+       empspacing="2"
+       enabled="true"
+       id="grid4866"
+       originx="200px"
+       originy="550px"
+       snapvisiblegridlinesonly="true"
+       spacingx="1px"
+       spacingy="1px"
+       type="xygrid"
+       visible="true" />
+  </sodipodi:namedview>
+  <title
+     id="title9167">Gnome Symbolic Icon Theme</title>
+  <defs
+     id="defs7386" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer9"
+     inkscape:label="status"
+     style="display:inline"
+     transform="translate(-41.0002,-767)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer10"
+     inkscape:label="devices"
+     transform="translate(-41.0002,-767)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="apps"
+     transform="translate(-41.0002,-767)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer13"
+     inkscape:label="places"
+     transform="translate(-41.0002,-767)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer14"
+     inkscape:label="mimetypes"
+     transform="translate(-41.0002,-767)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer15"
+     inkscape:label="emblems"
+     style="display:inline"
+     transform="translate(-41.0002,-767)" />
+  <g
+     inkscape:groupmode="layer"
+     id="g71291"
+     inkscape:label="emotes"
+     style="display:inline"
+     transform="translate(-41.0002,-767)" />
+  <g
+     inkscape:groupmode="layer"
+     id="g4953"
+     inkscape:label="categories"
+     style="display:inline"
+     transform="translate(-41.0002,-767)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer12"
+     inkscape:label="actions"
+     style="display:inline"
+     transform="translate(-41.0002,-767)">
+    <path
+       inkscape:connector-curvature="0"
+       d="M 42.78125,776 A 1.0001,1.0001 0 0 0 42,777 l 0,4 a 1.0001,1.0001 0 0 0 1,1 l 4,0 a 1.0001,1.0001 0 1 0 0,-2 l -3,0 0,-3 a 1.0001,1.0001 0 0 0 -1.21875,-1 z"
+       id="path12113"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       inkscape:connector-curvature="0"
+       d="m 47.375,775.5 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -4.5,4.5 a 1.016466,1.016466 0 1 0 1.4375,1.4375 l 4.5,-4.5 A 1.0001,1.0001 0 0 0 47.375,775.5 z"
+       id="path12147"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Sans;-inkscape-font-specification:Sans" />
+    <rect
+       height="1"
+       id="rect12919"
+       style="color:#000000;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
+       width="1"
+       x="42.000198"
+       y="781" />
+    <path
+       inkscape:connector-curvature="0"
+       d="M 50.90625,768 A 1.001098,1.001098 0 1 0 51,770 l 3,0 0,3 a 1.0001,1.0001 0 1 0 2,0 l 0,-4 a 1.0001,1.0001 0 0 0 -1,-1 l -4,0 a 1.0001,1.0001 0 0 0 -0.09375,0 z"
+       id="path12111"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Sans;-inkscape-font-specification:Sans" />
+    <rect
+       height="1"
+       id="rect12923"
+       style="color:#000000;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
+       width="1"
+       x="55.000198"
+       y="768" />
+    <path
+       inkscape:connector-curvature="0"
+       d="m 54.78125,768 a 1.0001,1.0001 0 0 0 -0.5,0.28125 l -4.5,4.46875 a 1.016466,1.016466 0 1 0 1.4375,1.4375 l 4.5,-4.46875 A 1.0001,1.0001 0 0 0 54.78125,768 z"
+       id="path12925"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Sans;-inkscape-font-specification:Sans" />
+    <rect
+       height="1"
+       id="rect4479-2"
+       style="color:#000000;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       width="1"
+       x="42.000198"
+       y="776" />
+    <rect
+       height="1"
+       id="rect4479-2-9"
+       style="color:#000000;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       width="1"
+       x="47.000198"
+       y="781" />
+    <rect
+       height="1"
+       id="rect4479-2-9-9-0-8"
+       style="color:#000000;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       width="1"
+       x="55.000198"
+       y="773" />
+    <rect
+       height="1"
+       id="rect4479-2-9-9-0-8-1"
+       style="color:#000000;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       width="1"
+       x="50.000198"
+       y="768" />
+  </g>
+</svg>

src/_h5ai/client/images/spinner.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+	xmlns:svg="http://www.w3.org/2000/svg"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	version="1.1"
+	width="100"
+	height="100"
+	viewBox="-50 -50 100 100"
+>
+	<defs>
+		<circle id="c" cx="0" cy="-35" r="10" style="fill:#ddd;stroke:#aaa;stroke-width:1" />
+	</defs>
+	<g>
+		<use xlink:href="#c" style="opacity:1;" />
+		<use xlink:href="#c" transform="rotate(45)" style="opacity:0.6;" />
+		<use xlink:href="#c" transform="rotate(90)" style="opacity:0.6;" />
+		<use xlink:href="#c" transform="rotate(135)" style="opacity:0.6;" />
+		<use xlink:href="#c" transform="rotate(180)" style="opacity:0.6;" />
+		<use xlink:href="#c" transform="rotate(225)" style="opacity:0.6;" />
+		<use xlink:href="#c" transform="rotate(270)" style="opacity:0.9;" />
+		<use xlink:href="#c" transform="rotate(315)" style="opacity:0.95;" />
+		<animateTransform
+			attributeName="transform" attributeType="XML"
+			type="rotate" begin="0s" dur="0.7s"
+			repeatCount="indefinite" calcMode="discrete"
+			values="0; 45; 90; 135; 180; 225; 270; 315"
+			keyTimes="0.0; 0.1; 0.2; 0.3; 0.4; 0.5; 0.6; 0.7"
+		/>
+	</g>
+</svg>

src/_h5ai/client/images/tree.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg7384" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 16 16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata90">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Gnome Symbolic Icon Theme</dc:title>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <title id="title9167">Gnome Symbolic Icon Theme</title>
+ <g id="layer12" transform="translate(-320,-626)">
+  <g id="use43045" transform="translate(200,108)">
+   <path id="path4421" style="block-progression:tb;text-indent:0;color:#555555;enable-background:new;text-transform:none;fill:#555555" d="m125.03 520h1c0.0104-0.00012 0.0208-0.00046 0.0313 0 0.25495 0.0112 0.50987 0.12858 0.6875 0.3125l5.2812 5.2188-5.2812 5.1875c-0.19 0.19-0.45 0.28-0.72 0.28h-1v-1c0-0.26529 0.0931-0.53058 0.28125-0.71875l3.8125-3.75-3.8125-3.7812c-0.21074-0.19463-0.30316-0.46925-0.28125-0.75v-1z"/>
+  </g>
+ </g>
+</svg>

src/_h5ai/client/images/view-details.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	version="1.1"
+	width="16"
+	height="16"
+	viewBox="0 0 16 16"
+>
+	<rect x="3" y="3" width="10" height="2" style="fill:#555555" />
+	<rect x="3" y="7" width="10" height="2" style="fill:#555555" />
+	<rect x="3" y="11" width="10" height="2" style="fill:#555555" />
+</svg>

src/_h5ai/client/images/view-grid.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	version="1.1"
+	width="16"
+	height="16"
+	viewBox="0 0 16 16"
+>
+	<rect x="3" y="3" width="4" height="2" style="fill:#555555" />
+	<rect x="3" y="7" width="4" height="2" style="fill:#555555" />
+	<rect x="3" y="11" width="4" height="2" style="fill:#555555" />
+	<rect x="9" y="3" width="4" height="2" style="fill:#555555" />
+	<rect x="9" y="7" width="4" height="2" style="fill:#555555" />
+	<rect x="9" y="11" width="4" height="2" style="fill:#555555" />
+</svg>

src/_h5ai/client/images/view-icons.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	version="1.1"
+	width="16"
+	height="16"
+	viewBox="0 0 16 16"
+>
+	<rect x="3" y="3" width="4" height="4" style="fill:#555555" />
+	<rect x="9" y="3" width="4" height="4" style="fill:#555555" />
+	<rect x="3" y="9" width="4" height="4" style="fill:#555555" />
+	<rect x="9" y="9" width="4" height="4" style="fill:#555555" />
+</svg>

src/_h5ai/client/js/inc/core/event.js

@@ -0,0 +1,45 @@
+
+modulejs.define('core/event', ['_'], function (_) {
+
+	var slice = Array.prototype.slice,
+		subscriptions = {},
+
+		sub = function (topic, callback) {
+
+			if (_.isString(topic) && _.isFunction(callback)) {
+
+				if (!subscriptions[topic]) {
+					subscriptions[topic] = [];
+				}
+				subscriptions[topic].push(callback);
+			}
+		},
+
+		unsub = function (topic, callback) {
+
+			if (_.isString(topic) && _.isFunction(callback) && subscriptions[topic]) {
+
+				subscriptions[topic] = _.without(subscriptions[topic], callback);
+			}
+		},
+
+		pub = function (topic, data) {
+
+			var args = slice.call(arguments, 1);
+
+			// console.log('EVENT PUB', topic, args);
+			if (_.isString(topic) && subscriptions[topic]) {
+
+				_.each(subscriptions[topic], function (callback) {
+
+					callback.apply(topic, args);
+				});
+			}
+		};
+
+	return {
+		sub: sub,
+		unsub: unsub,
+		pub: pub
+	};
+});

src/_h5ai/client/js/inc/core/format.js

@@ -0,0 +1,56 @@
+
+modulejs.define('core/format', ['_', 'moment'], function (_, moment) {
+
+	var decimalMetric = {
+			t: 1000.0,
+			k: 1000.0,
+			u: ['B', 'KB', 'MB', 'GB', 'TB']
+		},
+		binaryMetric = {
+			t: 1024.0,
+			k: 1024.0,
+			u: ['B', 'KiB', 'MiB', 'GiB', 'TiB']
+		},
+		defaultMetric = decimalMetric,
+		defaultDateFormat = 'YYYY-MM-DD HH:mm',
+
+		setDefaultMetric = function (useBinaryMetric) {
+
+			defaultMetric = useBinaryMetric ? binaryMetric : decimalMetric;
+		},
+
+		formatSize = function (size, metric) {
+
+			metric = metric || defaultMetric;
+
+			if (!_.isNumber(size) || size < 0) {
+				return '';
+			}
+
+			var i = 0,
+				maxI = metric.u.length - 1;
+
+			while (size >= metric.t && i < maxI) {
+				size /= metric.k;
+				i += 1;
+			}
+			return (i <= 1 ? Math.round(size) : size.toFixed(1)).toString() + ' ' + metric.u[i];
+		},
+
+		setDefaultDateFormat = function (dateFormat) {
+
+			defaultDateFormat = dateFormat;
+		},
+
+		formatDate = function (millis) {
+
+			return _.isNumber(millis) && millis ? moment(millis).format(defaultDateFormat) : '';
+		};
+
+	return {
+		setDefaultMetric: setDefaultMetric,
+		formatSize: formatSize,
+		setDefaultDateFormat: setDefaultDateFormat,
+		formatDate: formatDate
+	};
+});

src/_h5ai/client/js/inc/core/langs.js

@@ -0,0 +1,5 @@
+
+modulejs.define('core/langs', ['config', '_'], function (config, _) {
+
+	return _.extend({}, config.langs);
+});

src/_h5ai/client/js/inc/core/location.js

@@ -0,0 +1,209 @@
+
+modulejs.define('core/location', ['_', 'modernizr', 'core/settings', 'core/event', 'core/notify'], function (_, modernizr, allsettings, event, notify) {
+
+	var settings = _.extend({
+			smartBrowsing: true,
+			unmanagedInNewWindow: true
+		}, allsettings.view),
+
+		doc = document,
+
+		history = settings.smartBrowsing && modernizr.history ? window.history : null,
+
+		forceEncoding = function (href) {
+
+			return href
+					.replace(/\/+/g, '/')
+
+					.replace(/ /g, '%20')
+					.replace(/!/g, '%21')
+					.replace(/#/g, '%23')
+					.replace(/\$/g, '%24')
+					.replace(/&/g, '%26')
+					.replace(/'/g, '%27')
+					.replace(/\(/g, '%28')
+					.replace(/\)/g, '%29')
+					.replace(/\*/g, '%2A')
+					.replace(/\+/g, '%2B')
+					.replace(/\,/g, '%2C')
+					// .replace(/\//g, '%2F')
+					.replace(/:/g, '%3A')
+					.replace(/;/g, '%3B')
+					.replace(/=/g, '%3D')
+					.replace(/\?/g, '%3F')
+					.replace(/@/g, '%40')
+					.replace(/\[/g, '%5B')
+					.replace(/\]/g, '%5D');
+		},
+
+		reUriToPathname = /^.*:\/\/[^\/]*|[^\/]*$/g,
+		uriToPathname = function (uri) {
+
+			return uri.replace(reUriToPathname, '');
+		},
+
+		hrefsAreDecoded = (function () {
+
+			var testpathname = '/a b',
+				a = doc.createElement('a');
+
+			a.href = testpathname;
+			return uriToPathname(a.href) === testpathname;
+		}()),
+
+		encodedHref = function (href) {
+
+			var a = doc.createElement('a'),
+				location;
+
+			a.href = href;
+			location = uriToPathname(a.href);
+
+			if (hrefsAreDecoded) {
+				location = encodeURIComponent(location).replace(/%2F/ig, '/');
+			}
+
+			return forceEncoding(location);
+		};
+
+
+	var absHref = null,
+
+		getDomain = function () {
+
+			return doc.domain;
+		},
+
+		getAbsHref = function () {
+
+			return absHref;
+		},
+
+		getItem = function () {
+
+			return modulejs.require('model/item').get(absHref);
+		},
+
+		load = function (callback) {
+
+			modulejs.require('core/server').request({action: 'get', items: true, itemsHref: absHref, itemsWhat: 1}, function (json) {
+
+				var Item = modulejs.require('model/item'),
+					item = Item.get(absHref);
+
+				if (json) {
+
+					var found = {};
+
+					_.each(json.items, function (jsonItem) {
+
+						var e = Item.get(jsonItem.absHref, jsonItem.time, jsonItem.size, jsonItem.is_managed, jsonItem.content, jsonItem.md5, jsonItem.sha1);
+						found[e.absHref] = true;
+					});
+
+					_.each(item.content, function (e) {
+
+						if (!found[e.absHref]) {
+							Item.remove(e.absHref);
+						}
+					});
+				}
+				if (_.isFunction(callback)) {
+					callback(item);
+				}
+			});
+		},
+
+		setLocation = function (newAbsHref, keepBrowserUrl) {
+
+			event.pub('location.beforeChange');
+
+			newAbsHref = encodedHref(newAbsHref);
+
+			if (absHref !== newAbsHref) {
+				absHref = newAbsHref;
+
+				if (history) {
+					if (keepBrowserUrl) {
+						history.replaceState({absHref: absHref}, '', absHref);
+					} else {
+						history.pushState({absHref: absHref}, '', absHref);
+					}
+				}
+			}
+
+			var item = getItem();
+			if (item.isLoaded) {
+				event.pub('location.changed', item);
+				refresh();
+			} else {
+				notify.set('loading...');
+				load(function () {
+					item.isLoaded = true;
+					notify.set();
+					event.pub('location.changed', item);
+				});
+			}
+		},
+
+		refresh = function () {
+
+			var item = getItem(),
+				oldItems = _.values(item.content);
+
+			event.pub('location.beforeRefresh');
+
+			load(function () {
+
+				var newItems = _.values(item.content),
+					added = _.difference(newItems, oldItems),
+					removed = _.difference(oldItems, newItems);
+
+				event.pub('location.refreshed', item, added, removed);
+			});
+		},
+
+		setLink = function ($el, item) {
+
+			$el.attr('href', item.absHref);
+
+			if (history && item.isFolder() && item.isManaged) {
+				$el.on('click', function () {
+
+					setLocation(item.absHref);
+					return false;
+				});
+			}
+
+			if (settings.unmanagedInNewWindow && !item.isManaged) {
+				$el.attr('target', '_blank');
+			}
+		};
+
+
+	if (history) {
+		window.onpopstate = function (e) {
+
+			if (e.state && e.state.absHref) {
+				setLocation(e.state.absHref, true);
+			}
+		};
+	}
+
+
+	event.sub('ready', function () {
+
+		setLocation(document.location.href, true);
+	});
+
+
+	return {
+		forceEncoding: forceEncoding,
+		getDomain: getDomain,
+		getAbsHref: getAbsHref,
+		getItem: getItem,
+		setLocation: setLocation,
+		refresh: refresh,
+		setLink: setLink
+	};
+});