├── README.md
├── autoindex.conf
├── css
├── autoindex.css
├── autoindex_simple.css
└── reset.css
├── footer.html
├── header.html
├── icons
├── application.png
├── back.png
├── blank.png
├── globe.png
├── home.png
├── information.png
├── monitor.png
├── type_audio.png
├── type_binary.png
├── type_box.png
├── type_code.png
├── type_database.png
├── type_disc.png
├── type_dmg.png
├── type_document.png
├── type_excel.png
├── type_flash.png
├── type_folder.png
├── type_folder2.png
├── type_illustrator.png
├── type_image.png
├── type_pdf.png
├── type_photoshop.png
├── type_php.png
├── type_powerpoint.png
├── type_swf.png
├── type_text.png
├── type_vcf.png
├── type_video.png
├── type_word.png
├── type_zip.png
└── vector.png
└── test
├── README
├── a.ai
├── a.eps
├── a.ps
├── actionscript.as
├── application_flash.swf
├── binary.bin
├── binary.exe
├── binhex.hqx
├── c.c
├── compressed.Z
├── compressed.gz
├── compressed.tgz
├── compressed.zip
├── core
├── dvi.dvi
├── f.for
├── image_gif.gif
├── layout.htm
├── layout.html
├── layout.pdf
├── layout.shtml
├── office_doc.doc
├── office_excel.xls
├── office_powerpoint.ppt
├── other_bundle.bundle
├── p.pl
├── p.py
├── script.conf
├── script.csh
├── script.ksh
├── script.sh
├── script.shar
├── script.tcl
├── tar.tar
├── tex.tex
├── text.txt
├── unknown.random
├── uuencoded.uu
├── video_quicktime.mov
├── world.iv
├── world.vrm
├── world.vrml
├── world.wrl
└── world.wrl.gz
/README.md:
--------------------------------------------------------------------------------
1 | Not maintained
2 | --------------
3 | I no longer maintain or use this. Please have a look at http://adamwhitcroft.com/apaxy/. He seem to be doing something similar as this :-)
4 |
5 | ABOUT
6 | -----
7 | A better looking directory listing for apache, I guess.
8 |
9 | REQUIREMENTS
10 | ------------
11 | - PHP (atm. should change to cgi or something) help?
12 |
13 | INSTALL
14 | -------
15 | 1. clone repo to somewhere safe on your server
16 | 2. Open up apache httpd.conf and add this line:
17 |
18 | Include /autoindex.conf
19 |
20 | Make sure autoindex_module is installed and enabled
21 |
22 | LoadModule autoindex_module libexec/apache2/mod_autoindex.so
23 |
24 | If found, comment out any reference to httpd-autoindex.conf. We are replacing this.
25 |
26 |
27 | 3. Open autoindex.conf and edit the path on line 7 and 17.
28 | 4. Restart Apache
29 |
30 | CUSTOM THEME
31 | ----------------
32 | You can create your own .css file in the css folder and reference it in the header.html file, line 29.
33 |
34 | EXAMPLE
35 | -------
36 | 
37 |
38 |
39 | LICENSE
40 | -------
41 | Icons
42 |
43 | All Icons are Copyright © Yusuke Kamiyamane. All rights reserved. Licensed under a Creative Commons Attribution 3.0 license.
44 |
45 | http://p.yusukekamiyamane.com/
46 | http://creativecommons.org/licenses/by/3.0/
47 |
--------------------------------------------------------------------------------
/autoindex.conf:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | # We include the /icons/ alias for FancyIndexed directory listings. If
5 | # you do not use FancyIndexing, you may comment this out.
6 | #
7 | Alias /autoindex/ "/Users/Einar/Dropbox/Projects/other/Apache-Autoindex-Style/"
8 |
9 |
10 | Options Indexes MultiViews
11 | AllowOverride None
12 | Order allow,deny
13 | Allow from all
14 |
15 |
16 |
17 |
18 | Options Indexes MultiViews
19 | AddHandler application/x-httpd-php .html
20 |
21 | AllowOverride None
22 | Order allow,deny
23 | Allow from all
24 |
25 |
26 | #
27 | # IndexOptions: Controls the appearance of server-generated directory
28 | # listings.
29 | # Remove/replace the "Charset=UTF-8" if you don't use UTF-8 for your filenames.
30 | #
31 | IndexOptions FancyIndexing XHTML HTMLTable FoldersFirst SuppressRules SuppressDescription SuppressHTMLPreamble Charset=UTF-8 NameWidth=*
32 |
33 | #
34 | # AddIcon* directives tell the server which icon to show for different
35 | # files or filename extensions. These are only displayed for
36 | # FancyIndexed directories.
37 | #
38 | AddIcon /autoindex/icons/application.png .exe .app
39 | AddIcon /autoindex/icons/type_binary.png .bin .hqx .uu
40 | AddIcon /autoindex/icons/type_box.png .tar .tgz .tbz .tbz2 bundle .rar
41 | AddIcon /autoindex/icons/type_code.png .html .htm .htx .htmls .dhtml .phtml .shtml .inc .ssi .c .cc .css .h .rb .js .rb .pl .py .sh .shar .csh .ksh .tcl .as
42 | AddIcon /autoindex/icons/type_database.png .db .sqlite
43 | AddIcon /autoindex/icons/type_disc.png .iso .image
44 | AddIcon /autoindex/icons/type_document.png .ttf
45 | AddIcon /autoindex/icons/type_excel.png .xlsx .xls .xlm .xlt .xla .xlb .xld .xlk .xll .xlv .xlw
46 | AddIcon /autoindex/icons/type_flash.png .flv
47 | AddIcon /autoindex/icons/type_illustrator.png .ai .eps .epsf .epsi
48 | AddIcon /autoindex/icons/type_pdf.png .pdf
49 | AddIcon /autoindex/icons/type_php.png .php .phps .php5 .php3 .php4 .phtm
50 | AddIcon /autoindex/icons/type_photoshop.png .psd
51 | AddIcon /autoindex/icons/monitor.png .ps
52 | AddIcon /autoindex/icons/type_powerpoint.png .ppt .pptx .ppz .pot .pwz .ppa .pps .pow
53 | AddIcon /autoindex/icons/type_swf.png .swf
54 | AddIcon /autoindex/icons/type_text.png .tex .dvi
55 | AddIcon /autoindex/icons/type_vcf.png .vcf .vcard
56 | AddIcon /autoindex/icons/type_word.png .doc .docx
57 | AddIcon /autoindex/icons/type_zip.png .Z .z .tgz .gz .zip
58 | AddIcon /autoindex/icons/globe.png .wrl .wrl.gz .vrm .vrml .iv
59 |
60 |
61 | AddIconByType (TXT,/autoindex/icons/type_text.png) text/*
62 | AddIconByType (IMG,/autoindex/icons/type_image.png) image/*
63 | AddIconByType (SND,/autoindex/icons/type_audio.png) audio/*
64 | AddIconByType (VID,/autoindex/icons/type_video.png) video/*
65 | AddIconByEncoding (CMP,/autoindex/icons/type_box.png) x-compress x-gzip
66 |
67 | AddIcon /autoindex/icons/back.png ..
68 | AddIcon /autoindex/icons/information.png README INSTALL
69 | AddIcon /autoindex/icons/type_folder.png ^^DIRECTORY^^
70 | AddIcon /autoindex/icons/blank.png ^^BLANKICON^^
71 |
72 | #
73 | # DefaultIcon is which icon to show for files which do not have an icon
74 | # explicitly set.
75 | #
76 | DefaultIcon /autoindex/icons/type_document.png
77 |
78 | #
79 | # ReadmeName is the name of the README file the server will look for by
80 | # default, and append to directory listings.
81 | #
82 | # HeaderName is the name of a file which should be prepended to
83 | # directory indexes.
84 | ReadmeName /autoindex/footer.html
85 | HeaderName /autoindex/header.html
86 |
87 | #
88 | # IndexIgnore is a set of filenames which directory indexing should ignore
89 | # and not include in the listing. Shell-style wildcarding is permitted.
90 | #
91 | IndexIgnore autoindex .??* *~ *# RCS CVS *,v *,t
92 |
93 |
--------------------------------------------------------------------------------
/css/autoindex.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: helvetica Neue, helvetica, Arial;
3 | font-size: 14px;
4 | background: #eee;
5 | }
6 |
7 | #page {
8 | width: 800px;
9 | margin: 20px auto;
10 | background: #fff;
11 | padding: 25px;
12 | border: 1px solid #eee;
13 | }
14 |
15 |
16 | /*
17 | The directory we are browsing
18 | */
19 | .pathline {
20 | border-radius: 3px;
21 | background: #f3f3f3;
22 |
23 | padding: 7px 10px;
24 | margin-bottom: 10px;
25 | font-size: 14px;
26 | letter-spacing: 0.5px;
27 | }
28 |
29 | .pathline img {
30 | width: 13px;
31 | margin-right: 3px;
32 | }
33 |
34 | .pathline a {
35 | color: #777;
36 | }
37 |
38 | .pathline a:hover {
39 | color: #333;
40 | }
41 |
42 |
43 | /*
44 | Main table
45 | */
46 |
47 | #dirlist table a {
48 | color: #222;
49 | }
50 |
51 | #dirlist table {
52 | width: 100%;
53 | text-align: left;
54 | }
55 |
56 | #dirlist table th {
57 | padding: 5px 10px;
58 | font-size: 15px;
59 | cursor: pointer;
60 | }
61 |
62 | #dirlist table td {
63 | border-bottom: 1px solid #eee;
64 | vertical-align: middle;
65 | font-size: 12px;
66 | }
67 |
68 | #dirlist table td a {
69 | padding: 10px 0px 10px 0px;
70 | display: block;
71 | width: 500px;
72 | white-space: nowrap;
73 | overflow: hidden;
74 | text-overflow:ellipsis;
75 | cursor: pointer;
76 | font-size: 14px;
77 | }
78 |
79 | #dirlist table img {
80 | vertical-align: middle;
81 | width: 16px;
82 | }
83 |
84 | #dirlist tr:hover td
85 | {
86 | background: #f9f9f9;
87 | }
88 |
89 |
90 | /*
91 | Footer
92 | */
93 | #footer {
94 | margin-top: 10px;
95 | text-align: center;
96 | }
97 |
98 | #footer address{
99 | color: #aaa;
100 | font-style: normal;
101 | font-size: 12px;
102 | }
--------------------------------------------------------------------------------
/css/autoindex_simple.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: helvetica Neue, helvetica, Arial;
3 | font-size: 14px;
4 | }
5 |
6 | #page {
7 | width: 750px;
8 | background: #fff;
9 | padding: 25px;
10 | }
11 |
12 | /*
13 | The directory we are browsing
14 | */
15 | .pathline {
16 | border-radius: 3px;
17 | background: #f3f3f3;
18 | padding: 7px 10px;
19 | margin-bottom: 10px;
20 | font-size: 14px;
21 | letter-spacing: 0.5px;
22 | }
23 |
24 | .pathline img {
25 | width: 13px;
26 | margin-right: 3px;
27 | }
28 |
29 | .pathline a {
30 | color: #777;
31 | }
32 |
33 | .pathline a:hover {
34 | color: #333;
35 | }
36 |
37 | /*
38 | Main table
39 | */
40 | #page table a {
41 | color: #222;
42 | }
43 |
44 | #page table {
45 | width: 100%;
46 | text-align: left;
47 | }
48 |
49 | #page table th {
50 | padding: 5px 10px;
51 | font-size: 15px;
52 | cursor: pointer;
53 | }
54 |
55 | #page table td {
56 | border-bottom: 1px solid #eee;
57 | vertical-align: middle;
58 | font-size: 12px;
59 | }
60 |
61 | #page table td a {
62 | padding: 5px 0px 5px 0px;
63 | display: block;
64 | width: 500px;
65 | white-space: nowrap;
66 | overflow: hidden;
67 | text-overflow:ellipsis;
68 | font-size: 13px;
69 | }
70 |
71 | #page table img {
72 | vertical-align: middle;
73 | width: 16px;
74 | }
75 |
76 | tr:hover td
77 | {
78 | background: #f9f9f9;
79 | }
80 |
81 | /*
82 | Footer
83 | */
84 |
85 | #footer {
86 | margin-top: 20px;
87 | }
88 |
89 | #footer address{
90 | color: #aaa;
91 | font-style: normal;
92 | font-size: 12px;
93 | }
--------------------------------------------------------------------------------
/css/reset.css:
--------------------------------------------------------------------------------
1 | /* v1.0 | 20080212 */
2 |
3 | html, body, div, span, applet, object, iframe,
4 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
5 | a, abbr, acronym, address, big, cite, code,
6 | del, dfn, em, font, img, ins, kbd, q, s, samp,
7 | small, strike, strong, sub, sup, tt, var,
8 | b, u, i, center,
9 | dl, dt, dd, ol, ul, li,
10 | fieldset, form, label, legend,
11 | table, caption, tbody, tfoot, thead, tr, th, td {
12 | margin: 0;
13 | padding: 0;
14 | border: 0;
15 | outline: 0;
16 | font-size: 100%;
17 | vertical-align: baseline;
18 | background: transparent;
19 | }
20 | body {
21 | line-height: 1;
22 | }
23 | ol, ul {
24 | list-style: none;
25 | }
26 | blockquote, q {
27 | quotes: none;
28 | }
29 | blockquote:before, blockquote:after,
30 | q:before, q:after {
31 | content: '';
32 | content: none;
33 | }
34 |
35 | /* remember to define focus styles! */
36 | :focus {
37 | outline: 0;
38 | }
39 |
40 | /* remember to highlight inserts somehow! */
41 | ins {
42 | text-decoration: none;
43 | }
44 | del {
45 | text-decoration: line-through;
46 | }
47 |
48 | /* tables still need 'cellspacing="0"' in the markup */
49 | table {
50 | border-collapse: collapse;
51 | border-spacing: 0;
52 | }
53 |
54 | a {
55 | text-decoration: none;
56 | }
57 |
58 | h1, h2, h3, h4, h5 {
59 | display: inline;
60 | }
61 |
62 | .left {
63 | float: left;
64 | }
65 |
66 | .right {
67 | float: right;
68 | }
69 |
70 | .clear-both {
71 | clear: both;
72 | }
73 |
74 | .clear-left {
75 | clear: left;
76 | }
--------------------------------------------------------------------------------
/footer.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |