 I quite often will have Apache installed on most of my computers if not to serve up websites but to serve up files in many cases. In main case I have my Pogo plug in the other room which is a small cheap little Linux file server. I removed the original firmware and have Debian installed on there and most time I use it for SSH-ing into and I have screen running most time have applications running but I also have it as a place to store files that I can easily access with my phone and tablet and by default when you install Apache using you know pseudo apt-get or aptitude install Apache or if you install through another package manager Debian system I'm pretty sure by default the index is enabled if not there's configuration files you can Google that real quick to enable index like this which is great you know it shows you the names in the last modified size in description and you can organize stuff you know click in on this or click it by name or by size however you want to organize it and you go up directories it's not the prettiest though and also on a tablet you got to make you got to constantly be zooming in every time you move to a new folder zoom in to be able to click on one of these small links today I'm going to show you an option to make this a little bit prettier and a little bit nicer and give you some more functionality out of this and it's really really simple I found this project online H5AI, HTML5 Apache index although it works for other web browsers as well and if you go to the link right here which is L-A-R-S-J-U-N-G dot D-E forward slash well if you just go there you click on the link for H5AI but I'll try to remember put a link in the description that this guy has some other projects here some which are incorporated into this project and it's basically just makes this a whole lot nicer and it's very very simple it has instructions right here on the page but I'm going to go over that right now so first thing you do is download it so what I'm going to do is I'm going to right click this and say copy link as currently looks like he's at version 0.24.0 and once I have the URL I can go into my terminal here on Debian systems once you have Apache installed the default folder for your web browser is VAR www and we will download the files that folder you'll need permission to do that so we'll use sudo and we'll say sudo wget I'll paste in the URL for that zip file and shouldn't take very long to download it's about a half a megabyte and there it is listed you can actually see it now if I refresh this page it's right there so it's in this directory and I am again going to use sudo unzip and I'm going to unzip that file which creates a new folder right here and also includes a license file and a readme file which if we scroll down here you can see that it's under MIT license so is open source and it is a GPL compatible also as I mentioned earlier this works with Apache but it also works with other browsers as well such as Cherokee and light HTPD so if you're using one of these you're good to go as well and they give separate directions on how to get set up but once you unzip it there's only one more well two more steps to do and since we're using Apache we're going to modify you can either modify the HT access of a particular directory if you just want this to affect certain directories or what I'm going to do is I'm going to edit and what he says here is the HTPD dot config file but by default on Linux you're probably going to want to put this in the Apache config file so if I sudo and I'm going to use Vim as my text setter use whatever text setter you prefer etc Apache to Apache to dot config and I'm just going to scroll all the way to the bottom and I'm going to take what he has right here directory index index dot html index dot php and then going to basically point it to where that file is so what this is saying here is for the index of all folders basically when the browser is looking for an index dot html or an index dot php which are the defaults it looks for it's going to basically forward it to your root directory but it's the root directory of the web server not of your computer and all the way down this is basically what we just unzip so you paste that one line in there save that file and then sudo etc initd apache and I know there's something else you can type to do this this is just how I've always done it restart give it a few seconds it will restart and now let's go back here so this is what it looked like before if I refresh now this is what it looks like now we have our files nice it gives everything little icons here we control the size of our icons we control whether we want a detailed look a grid look and I just an icon look looks I haven't even tried this a filter so I guess I can just start typing oh yep and it will filter out the files that's nice I didn't even notice that till just now I've only been playing with this for a few minutes before I decided to do a tutorial on it because I thought it was great you also notice when I'm hovering over files here you'll see a little qr barcode down at the bottom that's part of this guy has another project that generates qr codes and he's incorporated into this that I can hover over these files and take a picture of that qr code and open up my phone now right now I'm going to local host so it wouldn't work but if I typed in a domain name or the IP address to this computer which we'll do here in a moment I would be able to take a picture that with some with a qr code scanner on my phone and open up these files on there so we have this nicer look on the side here we have you know a quick search a basically a tree view is what I'm trying to say if it's a text file and you click on it it brings it up in a nice little viewer like this I can skip to the next file and these are the files that came with it again different icons for different types of files png files jpeg files so I mean it's it's beautiful a lot more a lot nicer than it was before and it works great with mobile devices when I brought it up on my phone big you know icons to click on easily scrollable it it fits to the screen properly and as I say I installed this on my pogo plug running Debian just before I started doing this tutorial and if I go there here I am I can see these files and again I got the qr code now that I actually typed in the IP address of the server rather than local host I could take a picture of this with something that's a some sort of qr code scanner on my phone with my phones uh... camera and it would open up the link that file as you can see as I scroll over the different files it automatically generates qr code for it I think this is just a great project I said that again the guy has other projects one of which being is the qr code here um... so check out his site check out this uh... I recommend it this is great you know uh... nothing built in for uploading files uh... to it uh... but I don't really like that in the web interface I like most part when I'm doing stuff on my own personal server like this I'm copying files over uh... using ssh uh... although you could incorporate some sort of html file upload uh... again if you put in html file into uh... here anywhere it'll work just like an html file uh... like if I go into here and I click on here and click on this and it opens it up this is from another tutorial I did so I mean your web page is still gonna same it's just affecting um... your index your folder views and lot nicer than the default and again good for mobile devices tablets phones and makes your own little cloud experience a little bit nicer rather than giving your files over to a server somewhere else that you're not in control of install patchy install this and you have a great little little interface hope you enjoy this again uh... this project is called h five a i and uh... the guy's site is l a r s g u n g dot d e uh... i actually found this through github i believe so it is on github i'm pretty sure that's where i originally found this just looking for something like this is the first one that came across that really really nice and um... as always i hope that you enjoyed this little tutorial i hope you are going check out this guy's site maybe uh... you know let me know how you enjoy it maybe uh... you know donate something to him for his project you want to donate can also donate to me on my website that's always nice if you like this video go ahead get this video thumbs up if you don't want to miss a my videos be sure to subscribe and i hope you visit my site films by chris dot com that's chris of the k there should be a link in the description i hope that you have agree