Apaxy first commit

README.md

@@ -1,5 +1,7 @@
 #Apaxy
 
+Demo: [adamwhitcroft.com/apaxy](http://adamwhitcroft.com/apaxy/)
+
 Apaxy is a customisable theme built to enhance the experience of browsing web directories. It uses the `mod_autoindex` Apache module—and some CSS—to override the default style of a directory listing.
 
 ##Features

apaxy/htaccess.txt

@@ -0,0 +1,72 @@
+#
+# Apaxy by @adamwhitcroft
+#
+# For a full breakdown of the mod_autoindex module:
+# http://apache.org/docs/2.2/mod/mod_autoindex.html
+#
+
+	# ENABLE INDEXING
+	Options +Indexes
+
+	# INDEX OPTIONS
+	IndexOptions +FancyIndexing +IgnoreCase +FoldersFirst +XHTML +HTMLTable +SuppressRules +SuppressDescription
+
+	# HIDE /theme DIRECTORY
+	IndexIgnore .htaccess /theme
+
+#
+# GENERAL ICONS (BLANK, DIRECTORY, PARENT DIRECTORY)
+#
+
+#
+# Replace {FOLDERNAME} with your directory URL eg:
+# http://mywebsite.com/share/ 
+#
+
+	AddIcon /{FOLDERNAME}/theme/icons/blank.png ^^BLANKICON^^
+	AddIcon /{FOLDERNAME}/theme/icons/folder.png ^^DIRECTORY^^
+	AddIcon /{FOLDERNAME}/theme/icons/folder-home.png ..
+
+#
+# EXTENSION SPECIFIC ICONS
+#
+	
+	AddIcon /{FOLDERNAME}/theme/icons/audio.png .aif .iff .m3u .m4a .mid .mp3 .mpa .ra .wav .wma
+	AddIcon /{FOLDERNAME}/theme/icons/bin.png .bin
+	AddIcon /{FOLDERNAME}/theme/icons/c.png .c
+	AddIcon /{FOLDERNAME}/theme/icons/calc.png .xlsx .xlsm .xltx .xltm .xlam .xlr .xls .csv 
+	AddIcon /{FOLDERNAME}/theme/icons/css.png .css
+	AddIcon /{FOLDERNAME}/theme/icons/doc.png .doc .docx .docm .dot .dotx .dotm .log .msg .odt .pages .rtf .tex .wpd .wps
+	AddIcon /{FOLDERNAME}/theme/icons/draw.png .svg
+	AddIcon /{FOLDERNAME}/theme/icons/eps.png .ai .eps
+	AddIcon /{FOLDERNAME}/theme/icons/gif.png .gif
+	AddIcon /{FOLDERNAME}/theme/icons/html.png .html .xhtml .shtml .htm
+	AddIcon /{FOLDERNAME}/theme/icons/ico.png .ico
+	AddIcon /{FOLDERNAME}/theme/icons/java.png .jar
+	AddIcon /{FOLDERNAME}/theme/icons/jpg.png .jpg .jpeg
+	AddIcon /{FOLDERNAME}/theme/icons/js.png .js .json
+	AddIcon /{FOLDERNAME}/theme/icons/markdown.png .md
+	AddIcon /{FOLDERNAME}/theme/icons/package.png .pkg .dmg 
+	AddIcon /{FOLDERNAME}/theme/icons/pdf.png .pdf
+	AddIcon /{FOLDERNAME}/theme/icons/php.png .php
+	AddIcon /{FOLDERNAME}/theme/icons/png.png .png
+	AddIcon /{FOLDERNAME}/theme/icons/ps.png .ps
+	AddIcon /{FOLDERNAME}/theme/icons/psd.png .psd
+	AddIcon /{FOLDERNAME}/theme/icons/rar.png .rar
+	AddIcon /{FOLDERNAME}/theme/icons/rb.png .rb
+	AddIcon /{FOLDERNAME}/theme/icons/rss.png .rss
+	AddIcon /{FOLDERNAME}/theme/icons/sql.png .sql
+	AddIcon /{FOLDERNAME}/theme/icons/tiff.png .tiff
+	AddIcon /{FOLDERNAME}/theme/icons/text.png .txt
+	AddIcon /{FOLDERNAME}/theme/icons/video.png .asf .asx .avi .flv .mov .mp4 .mpg .rm .srt .swf .vob .wmv
+	AddIcon /{FOLDERNAME}/theme/icons/xml.png .xml
+	AddIcon /{FOLDERNAME}/theme/icons/zip.png .zip
+	DefaultIcon /{FOLDERNAME}/theme/icons/default.png
+
+#
+# THEME FILES
+#
+
+	HeaderName /{FOLDERNAME}/theme/header.html
+	ReadmeName /{FOLDERNAME}/theme/footer.html
+	IndexStyleSheet "/{FOLDERNAME}/theme/style.css"

apaxy/theme/footer.html

@@ -0,0 +1,13 @@
+	<div class="block">
+		You can add your own HTML above or below the directory listing. Simply explore the <code>header.html</code> and <code>footer.html</code> files.
+	</div><!--/.postlisting-->
+
+</div><!--/.wrapper-->
+
+<div class="footer">
+	Apaxy by <a href="https://twitter.com/adamwhitcroft">@adamwhitcroft</a>
+</div><!--/.footer-->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+<script>
+$('tr:nth-child(2)').addClass('parent');
+</script>

apaxy/theme/header.html

@@ -0,0 +1,2 @@
+<div class="wrapper">
+<!-- we open the `wrapper` element here, but close it in the `footer.html` file -->

apaxy/theme/htaccess.txt

@@ -0,0 +1,9 @@
+#
+#	Apaxy by @adamwhitcroft
+#
+#	For a full breakdown of the mod_autoindex module"
+#	http://apache.org/docs/2.2/mod/mod_autoindex.html
+#
+
+#	Don't index this folder
+Options -Indexes

apaxy/theme/style.css

@@ -0,0 +1,115 @@
+/*------------------------------------*\
+    Apaxy
+    by @adamwhitcroft
+
+    Theme name: Apaxy
+    Theme author: @adamwhitcroft
+\*------------------------------------*/
+@import url('http://fonts.googleapis.com/css?family=Open+Sans');
+/* Have to use @import for the font, as you can only specify a single stylesheet */
+* {
+	margin:0;
+	padding:0;
+	box-sizing:border-box;
+}
+
+html {
+	min-height:100%;
+	border:10px solid #ECEEF1;
+	color:#61666c;
+	font-weight:400;
+	font-size:1em;
+	font-family:'Open Sans', sans-serif;
+	line-height:2em;
+}
+body {
+	padding:20px;
+	-webkit-backface-visibility:hidden;
+}
+code {
+	font-family:consolas,monospace;	
+}
+a {
+	color:#61666c;
+	text-decoration:none;
+}
+a:hover {
+	color:#2a2a2a;
+}
+/*------------------------------------*\
+    Wrapper
+\*------------------------------------*/
+.wrapper {
+	margin:0 auto;
+	padding-top:20px;
+	max-width:900px;
+}
+/*------------------------------------*\
+    Block
+\*------------------------------------*/
+.block {
+	font-size:.875em;
+	margin:20px 0;
+	padding:20px;
+	color:#9099A3;
+}
+/*------------------------------------*\
+    Table (directory listing)
+\*------------------------------------*/
+table {
+	width:100%;
+	border-collapse:collapse;
+	font-size:.875em;
+}
+tr {
+	outline:0;
+	border:0;
+}
+tr:hover td {
+	background:#f6f6f6;
+}
+th {
+	text-align:left;
+	font-size:.75em;
+	padding-right:20px;
+}
+/* 2nd Column: Filename */
+th + th {
+	width:65%;
+}
+/* 3rd Column: Last Modified */
+th + th + th {
+}
+/* 4th Column: Size */
+th + th + th + th {
+	width:5%;
+}
+td {
+	padding:5px 0;
+	outline:0;
+	border:0;
+	border-bottom:1px solid #edf1f5;
+	vertical-align:middle;
+	text-align:left;
+	-webkit-transition:background 300ms ease;
+	   -moz-transition:background 300ms ease;
+	    -ms-transition:background 300ms ease;
+	     -o-transition:background 300ms ease;
+	        transition:background 300ms ease;
+}
+td:nth-of-type(1){
+	margin-right:20px;
+}
+tr.parent a {
+	color:#9099A3;
+}
+	.parent a:hover {
+		color:#2281d0;
+	}
+/*------------------------------------*\
+    Footer
+\*------------------------------------*/
+.footer {
+	text-align:center;
+	font-size:.75em;
+}