Patch from dr|z3d

- Include alternative tracker-purple.css
- Add favicon.png to docroot
- Add custom icon for homepage
- Add auto page reload for tracker stats (ajax with meta refresh fallback)
- Add footer to /tracker with ZzzOT version and github link
- Add config options to hide version footer on /tracker or change footer text
images by dr|z3d, same license as the code

scripts/tracker.css

@@ -13,7 +13,8 @@ html, body {
 
 @supports (background-blend-mode: overlay) {
     html, body {
-        background: repeating-linear-gradient(45deg, #333, #111 2px, #111 3px), repeating-linear-gradient(135deg, #444, #333 2px, #222 3px);
+        background: repeating-linear-gradient(45deg, #333, #111 2px, #111 3px),
+                    repeating-linear-gradient(135deg, #444, #333 2px, #222 3px);
         background-blend-mode: overlay, normal;
         background-size: 100% 100%, 100% 100%;
         background-attachment: fixed;
@@ -41,7 +42,8 @@ html, body {
     border: 1px solid #555;
     box-shadow: inset 0 0 0 1px #111, inset 0 0 2px 1px #444, 0 0 2px 2px #000;
     background: #181818;
-    background: repeating-linear-gradient(to right, rgba(255, 255, 255, .05), rgba(0, 0, 0, .08) 2px), repeating-linear-gradient(to bottom, #222, #111 2px);
+    background: repeating-linear-gradient(to right, rgba(255, 255, 255, .05), rgba(0, 0, 0, .08) 2px),
+                repeating-linear-gradient(to bottom, #222, #111 2px);
     background-blend-mode: overlay;
     will-change: transform;
 }
@@ -75,7 +77,9 @@ code {
 @supports (-webkit-text-stroke-width: 1px) {
     #sitename, #sitename:hover, #sitename:focus {
         background: #731;
-        background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .5) 2px), linear-gradient(to bottom, rgba(255, 96, 0, .2), rgba(0, 0, 0, .9) 100%), linear-gradient(to bottom, #210, #310 15%, #fff 50%, #310 80%);
+        background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .5) 2px),
+                    linear-gradient(to bottom, rgba(255, 96, 0, .2), rgba(0, 0, 0, .9) 100%),
+                    linear-gradient(to bottom, #210, #310 15%, #fff 50%, #310 80%);
         -moz-background-clip: text !important;
         -webkit-background-clip: text !important;
         background-clip: text !important;
@@ -85,23 +89,42 @@ code {
         filter: drop-shadow(0 0 2px #000);
         -webkit-text-stroke-color: #999;
         -webkit-text-stroke-width: 0.02em;
+        animation: ease-in-out spinwash 60s 15s alternate infinite;
     }
+
     #sitename:hover, #sitename:focus {
         background: #951;
-        background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .3) 2px), linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(0, 0, 0, .7) 100%), linear-gradient(to bottom, #930, #d50 15%, #fff 50%, #930 80%, #000 100%, #ff0 150%);
+        background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .3) 2px),
+                    linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(0, 0, 0, .7) 100%),
+                    linear-gradient(to bottom, #930, #d50 15%, #fff 50%, #930 80%, #000 100%, #ff0 150%);
         filter: drop-shadow(0 0 2px #b00);
         -webkit-text-stroke-color: #bbb;
+        animation: none;
     }
 }
 
+@keyframes spinwash {
+   from {
+       filter: hue-rotate(0) drop-shadow(0 0 2px #000);
+   }
+   to {
+       filter: hue-rotate(360deg) drop-shadow(0 0 2px #000);
+   }
+}
+
 a, a:visited {
-    color: #f60;
+    font-weight: bold;
+    color: #c4ad9d;
     text-decoration: none;
     outline: none;
 }
 
 a:hover, a:focus {
-    color: #f90;
+    color: #e88b44;
+}
+
+a:active {
+    color: #f60;
 }
 
 hr {
@@ -110,7 +133,21 @@ hr {
     color: transparent;
     border: none;
     background: #555;
-    background: linear-gradient(to right, rgba(0, 0, 0, 0), #555, rgba(0, 0, 0, 0));
+    background: linear-gradient(to right, rgba(0,0,0,0) 35%, rgba(255,255,255,.3), rgba(0,0,0,0) 65%),
+                linear-gradient(to right, rgba(0, 0, 0, 0), #605555, rgba(0, 0, 0, 0));
+}
+
+::selection,
+::-moz-selection {
+    text-shadow: none;
+    background: #431;
+    color: #fff;
+}
+
+#totals {
+    padding-top: 6px;
+    line-height: 140%;
+    text-shadow: 0 1px 1px #000;
 }
 
 #footer {
@@ -130,11 +167,33 @@ hr {
 }
 
 #footer.version {
+    padding: 4px;
+    line-height: 19px;
     font-size: 9.5pt;
-    font-weight: normal;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+#footer.version a {
+    margin: 0 1px 0 2px;
+}
+
+#footer.version::before {
+    margin-left: -10px;
+    content: "";
+    display: inline-block;
+    margin-top: 1px;
+    width: 20px;
+    height: 18px;
+    vertical-align: middle;
+    background: url(/favicon.png) left top no-repeat;
+    background-size: 16px 16px;
+    mix-blend-mode: luminosity;
 }
 
 #initializing::before {
+    margin-left: -20px;
     content: "";
     display: inline-block;
     width: 28px;
@@ -178,6 +237,8 @@ hr {
         font-size: 10pt;
     }
     #footer.version {
+        margin-top: 0;
+        line-height: 18px;
         font-size: 8.5pt;
     }
     #initializing::before {