add web server support to mirror role

roles/mirror/base/files/static/icons.css

@@ -0,0 +1,307 @@
+
+#content a[href]:before {
+	content: url(icons/none.png);
+}
+#content a[href$="/"]:before {
+	content: url(icons/folder.png);
+}
+
+
+/** Checksums **/
+
+#content a[href~="MD5"]:before,
+#content a[href~="SHA1"]:before,
+#content a[href~="SHA256"]:before {
+	content: url(icons/lock.png);
+}
+
+#content a[href$=".md5"]:before,
+#content a[href$=".sha1"]:before,
+#content a[href$=".sha256"]:before {
+	content: url(icons/lock2.png);
+}
+
+#content a[href$=".pgp"]:before,
+#content a[href$=".asc"]:before,
+#content a[href$=".sig"]:before {
+	content: url(icons/lock3.png);
+}
+
+
+/** Compressed **/
+
+#content a[href$=".7z"]:before {
+	content: url(icons/7z.png);
+}
+
+#content a[href$=".bin"]:before,
+#content a[href$=".cue"]:before {
+	content: url(icons/bin.png);
+}
+
+#content a[href$=".deb"]:before {
+	content: url(icons/deb.png);
+}
+
+#content a[href$=".iso"]:before {
+	content: url(icons/iso.png);
+}
+
+#content a[href$=".rar"]:before {
+	content: url(icons/rar.png);
+}
+
+#content a[href$=".rpm"]:before {
+	content: url(icons/rpm.png);
+}
+
+#content a[href$=".tar"]:before,
+#content a[href$=".tar.gz"]:before {
+	content: url(icons/tar.png);
+}
+
+#content a[href$=".tgz"]:before {
+	content: url(icons/tgz.png);
+}
+
+#content a[href$=".zip"]:before {
+	content: url(icons/zip.png);
+}
+
+#content a[href$=".bz2"]:before {
+	content: url(icons/bz2.png);
+}
+
+
+/** Data Storage **/
+
+#content a[href$=".csv"]:before {
+	content: url(icons/csv.png);
+}
+
+#content a[href$=".ini"]:before {
+	content: url(icons/ini.png);
+}
+
+#content a[href$=".json"]:before {
+	content: url(icons/json.png);
+}
+
+#content a[href$=".sql"]:before {
+	content: url(icons/sql.png);
+}
+
+#content a[href$=".sqlite"]:before {
+	content: url(icons/sqlite.png);
+}
+
+#content a[href$=".reg"]:before {
+	content: url(icons/reg.png);
+}
+
+#content a[href$=".xml"]:before {
+	content: url(icons/xml.png);
+}
+
+#content a[href$=".yaml"]:before,
+#content a[href$=".yml"]:before {
+	content: url(icons/yaml.png);
+}
+
+
+/** Documents **/
+
+#content a[href$=".chm"]:before {
+	content: url(icons/chm.png);
+}
+
+#content a[href$=".djvu"]:before {
+	content: url(icons/djvu.png);
+}
+
+#content a[href$=".mobi"]:before {
+	content: url(icons/mobi.png);
+}
+
+#content a[href$=".pdf"]:before {
+	content: url(icons/pdf.png);
+}
+
+#content a[href$=".txt"]:before {
+	content: url(icons/text.png);
+}
+
+#content a[href$=".rtf"]:before {
+	content: url(icons/rtf.png);
+}
+
+#content a[href$=".doc"]:before {
+	content: url(icons/doc.png);
+}
+
+#content a[href$=".epub"]:before {
+	content: url(icons/epub.png);
+}
+
+
+/** Information **/
+
+#content a[href~="README"]:before {
+	content: url(icons/readme.png);
+}
+
+#content a[href~="CHANGELOG"]:before {
+	content: url(icons/changelog.png);
+}
+
+#content a[href~="INSTALL"]:before {
+	content: url(icons/install.png);
+}
+
+#content a[href~="LICENSE"]:before {
+	content: url(icons/license.png);
+}
+
+#content a[href~="COPYING"]:before {
+	content: url(icons/copying.png);
+}
+
+#content a[href$=".nfo"]:before,
+#content a[href$=".diz"]:before {
+	content: url(icons/nfo.png);
+}
+
+
+/** Media Files **/
+
+#content a[href$=".flac"]:before {
+	content: url(icons/flac.png);
+}
+
+#content a[href$=".mp3"]:before {
+	content: url(icons/mp3.png);
+}
+
+#content a[href$=".wav"]:before {
+	content: url(icons/wav.png);
+}
+
+#content a[href$=".bmp"]:before {
+	content: url(icons/bmp.png);
+}
+
+#content a[href$=".gif"]:before {
+	content: url(icons/gif.png);
+}
+
+#content a[href$=".jpg"]:before,
+#content a[href$=".jpeg"]:before {
+	content: url(icons/jpg.png);
+}
+
+#content a[href$=".png"]:before {
+	content: url(icons/png.png);
+}
+
+#content a[href$=".psd"]:before {
+	content: url(icons/psd.png);
+}
+
+#content a[href$=".ra"]:before,
+#content a[href$=".rv"]:before {
+	content: url(icons/rp.png);
+}
+
+#content a[href$=".avi"]:before {
+	content: url(icons/avi.png);
+}
+
+#content a[href$=".flv"]:before {
+	content: url(icons/flv.png);
+}
+
+#content a[href$=".mkv"]:before {
+	content: url(icons/mkv.png);
+}
+
+#content a[href$=".mov"]:before {
+	content: url(icons/mov.png);
+}
+
+#content a[href$=".mp4"]:before {
+	content: url(icons/mp4.png);
+}
+
+
+/** Source Code **/
+
+#content a[href$=".sh"]:before {
+	content: url(icons/bash.png);
+}
+
+#content a[href$=".cpp"]:before {
+	content: url(icons/cpp.png);
+}
+
+#content a[href$=".h"]:before {
+	content: url(icons/header.png);
+}
+
+#content a[href$=".c"]:before {
+	content: url(icons/c-lang.png);
+}
+
+#content a[href$=".go"]:before {
+	content: url(icons/go-lang.png);
+}
+
+#content a[href$=".html"]:before,
+#content a[href$=".htm"]:before {
+	content: url(icons/html.png);
+}
+
+#content a[href$=".java"]:before,
+#content a[href$=".class"]:before {
+	content: url(icons/java.png);
+}
+
+#content a[href$=".lua"]:before {
+	content: url(icons/lua.png);
+}
+
+#content a[href$=".nim"]:before {
+	content: url(icons/nim.png);
+}
+
+#content a[href$=".js"]:before {
+	content: url(icons/javascript.png);
+}
+
+#content a[href$=".php"]:before {
+	content: url(icons/php.png);
+}
+
+#content a[href$=".pl"]:before {
+	content: url(icons/perl.png);
+}
+
+#content a[href$=".py"]:before {
+	content: url(icons/python.png);
+}
+
+#content a[href$=".rb"]:before {
+	content: url(icons/ruby.png);
+}
+
+#content a[href$=".rs"]:before,
+#content a[href$=".rlib"]:before {
+	content: url(icons/rust.png);
+}
+
+#content a[href$=".css"]:before {
+	content: url(icons/css.png);
+}
+
+#content a[href$=".less"]:before {
+	content: url(icons/less.png);
+}

roles/mirror/base/files/static/mirror.css

@@ -0,0 +1,84 @@
+
+body {
+  margin: 0;
+  font-family: Arial,sans-serif;
+  color: #172B4D;
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  background: #f2f2f2;
+}
+
+#navbar {
+  padding-top: 15px;
+  background-color: #000;
+}
+
+.mirrorlist-button {
+  background-color: #000;
+  color: #fff;
+  padding: 16px;
+  font-size: 16px;
+  border: none;
+  cursor: pointer;
+}
+.mirrorlist {
+  position: absolute;
+  top: 10px;
+  right: 100px;
+  display: inline-block;
+  float: right;
+}
+.mirrorlist-content {
+  display: none;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  padding: 12px 16px;
+  z-index: 1;
+}
+.mirrorlist-content a {
+  display: block;
+  padding: 10px 10px;
+}
+.mirrorlist:hover .mirrorlist-content {
+  display: block;
+}
+
+.hide {
+  display: none;
+}
+
+// directory listings
+#content {
+  margin: 50px;
+}
+
+h1 {
+  font-size: 20px;
+  padding: 0px 50px;
+}
+
+table {
+  padding: 0px 50px;
+}
+
+a {
+  text-decoration: none;
+  color: #172b4d;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+td, th {
+  padding: 5px 60px;
+  padding-left: 0;
+  text-align: left;
+}
+
+hr {
+  border: 1px solid #172b4d;
+}