Sometimes you will end up with a web directory structure that leaves a bunch of files exposed publicly. You may not want that. This happens when you install the Yourls app for example, visit the demo one we set up https://jump.extendlabs.ca/ or earlier when we created a web directory of “stuff” at http://extendlabs.ca/stuff.
Not very pretty!
This happens in a web server when there is no
default.htm file in there, you just see files.
With a simple set of 4 files added to that directory, you can create a guard dog (or whatever image you like) to make as a page to block the file view. It uses a little bit of code called backstretch that scales a background image to fill the window side.
These are the 4 files you will get in this package (download the package now):
You can replace the background.jpg file with any other image (rename it!); something at least 1024 x 768px will do well. ANd now if you are feeling brave, open the
index.html file in a plain text editor, and edit any of the content inside the
<div id="stuff"> section:
<div id="stuff"> <!-- edit ahoy --> <!-- the big title --> <h1> CogDogBlog Lab </h1> <!-- a clever tagline --> <p> Be Careful </p> <!-- give credit for the image! --> <p class="small"> cc licensed ( BY ) flickr photo by Perfecto Insecto: <a href="http://flickr.com/photos/perfectoinsecto/4301508866/"> http ://flickr.com/photos/perfectoinsecto/4301508866/</a> </p> <!-- done editing --> </div>
Upload these files to the directory you are guarding, and enjoy the beauty of your cleverness.
Another example is at http://theagoraonline.net
Example for "A Guard Dog For a Web File Directory":