6 ms·

H5ai - a beautiful Apache index

53 points by creativityhurts 15y ago

moe 15y ago
The sidebar jump on each page-change is quite jarring. Please fix that and please port it to nginx. It's gorgeous!
- stevenleeg 15y ago
  Agreed. Maybe make a tab on the side that you can click to expand the tree?
  - mortenjorck 15y ago
    A click is definitely preferable to a mouseover for this. In general, "hover traps," mouseovers that expand and then require further mouse movement to escape, are best avoided.
- sinaiman 15y ago
  This is a big flaw with a hopefully simple fix. Such a small thing ruined an otherwise pleasant experience. Great job, there is definitely a need for this and it works pretty well. Edit: with the breadcrumb and icon/file switcher views, you may not even need this hierarchical view...
Kwpolska 15y ago
Awesome. I want this on nginx.
whalesalad 15y ago
It would be awesome to have this as a more native component of modern webservers. I built something recently using Flask to do this for a client of mine. See it in action here: http://files.arbesko.com/ http://files.arbesko.com/ And get the source on github! https://github.com/whalesalad/arbesko-files https://github.com/whalesalad/arbesko-files Please keep in mind this was my first Flask app and I was doing it more as a fun experiment for a friend I had done work for in the past.
simcop2387 15y ago
Been posted on here before. http://news.ycombinator.com/item?id=2774704 http://news.ycombinator.com/item?id=2774704
- jbrkr 15y ago
  Indeed... http://news.ycombinator.com/item?id=2684803 http://news.ycombinator.com/item?id=2684803
Maci 15y ago
For something as basic as an index lister, the resource use is a bit over the top imho. It is nice though. Load to Render Completion Times: - - - Un-styled - Apache Default | 374 ms Styled - Javascript Off | 1.44 sec Styled - Javascript On | 10.6 sec - - - URL used: http://larsjung.de/h5ai/sample/file%20types/ http://larsjung.de/h5ai/sample/file%20types/
fhars 15y ago
The main difference I can see is that the classical view does actually display the contents of the directory, while the "beautiful" view is completely empty. Or is firefox 5.0 too old for HTML 5?
kodablah 15y ago
Unfortunately it requires HTML 5 local storage it appears, so I cannot use it as a cross-browser solution in our corporate intranet.
SeoxyS 15y ago
I actually find it distracting. There was another style Apache Index that looked quite gorgeous. It wasn't fancy, none of that JS / HTML5 stuff, but it was fast and pretty. I don't recall what it was called. If anybody knows the link?
blaenk 15y ago
Is there a way to do something similar in nginx? Currently I only use the auto index but the listing page is very ugly. I'd like to create an html template if possible and if not, some way to write an indexer in another language (such as ruby) would be nice as well.

moe 15y ago

The sidebar jump on each page-change is quite jarring. Please fix that and please port it to nginx. It's gorgeous!

stevenleeg 15y ago
Agreed. Maybe make a tab on the side that you can click to expand the tree?
- mortenjorck 15y ago
  A click is definitely preferable to a mouseover for this. In general, "hover traps," mouseovers that expand and then require further mouse movement to escape, are best avoided.
sinaiman 15y ago
This is a big flaw with a hopefully simple fix. Such a small thing ruined an otherwise pleasant experience. Great job, there is definitely a need for this and it works pretty well. Edit: with the breadcrumb and icon/file switcher views, you may not even need this hierarchical view...

Kwpolska 15y ago

Awesome. I want this on nginx.

whalesalad 15y ago

It would be awesome to have this as a more native component of modern webservers. I built something recently using Flask to do this for a client of mine. See it in action here: http://files.arbesko.com/ http://files.arbesko.com/ And get the source on github! https://github.com/whalesalad/arbesko-files https://github.com/whalesalad/arbesko-files Please keep in mind this was my first Flask app and I was doing it more as a fun experiment for a friend I had done work for in the past.

simcop2387 15y ago

Been posted on here before. http://news.ycombinator.com/item?id=2774704 http://news.ycombinator.com/item?id=2774704

jbrkr 15y ago
Indeed... http://news.ycombinator.com/item?id=2684803 http://news.ycombinator.com/item?id=2684803

Maci 15y ago

For something as basic as an index lister, the resource use is a bit over the top imho. It is nice though. Load to Render Completion Times: - - - Un-styled - Apache Default | 374 ms Styled - Javascript Off | 1.44 sec Styled - Javascript On | 10.6 sec - - - URL used: http://larsjung.de/h5ai/sample/file%20types/ http://larsjung.de/h5ai/sample/file%20types/

fhars 15y ago

The main difference I can see is that the classical view does actually display the contents of the directory, while the "beautiful" view is completely empty. Or is firefox 5.0 too old for HTML 5?

kodablah 15y ago

Unfortunately it requires HTML 5 local storage it appears, so I cannot use it as a cross-browser solution in our corporate intranet.

SeoxyS 15y ago

I actually find it distracting. There was another style Apache Index that looked quite gorgeous. It wasn't fancy, none of that JS / HTML5 stuff, but it was fast and pretty. I don't recall what it was called. If anybody knows the link?

blaenk 15y ago

Is there a way to do something similar in nginx? Currently I only use the auto index but the listing page is very ugly. I'd like to create an html template if possible and if not, some way to write an indexer in another language (such as ruby) would be nice as well.