Chunithm and other big patches (#343)

* variuos patches

* more changes

* oops a {

* resize all images to 128x128

mogrify -resize 128x128 *.png

* fix images

I hate mogrify now

* change names of files and fix images

* move images, fix html file names

* add sun plus version information

* fix image sharpness + paradise lost size

* fix sharpness

* remove drummania text from nex+age logo

* Fix names, remove jquery from wacca

* Add .htaccess to prevent link rot

---------

Co-authored-by: Will Toohey <will@mon.im>

css/style.css

@@ -8,7 +8,6 @@
   font-weight: normal;
   font-style: normal;
 }
-
 .tagline {
     font-family: monospace;
 }
@@ -332,7 +331,6 @@ input[type=radio] {
     cursor: pointer;
     display: inline-block;
 }
-
 .patchPreviewLabel {
     cursor: pointer;
 }
@@ -357,3 +355,49 @@ input[type=checkbox]:checked ~ ul > li.patch-on {
 input[type=checkbox]:checked ~ ul > li.patch-off {
     display: list-item;
 }
+@media (prefers-color-scheme: dark) {
+  body {
+    background: #1d1e1f;
+	color: #fff;
+  }
+  .gameicon, .patchContainer {
+		background-color: #2e2e2e;
+  }
+  label.gameicon {
+	  background: #303025;
+  }
+  .subsection {
+    background-color: #464646;
+  }
+  .success {
+    color: green;
+  }
+}
+@media (prefers-color-scheme: light) {
+  body {
+    background: #e2e1e0;
+	color: #000;
+  }
+  .gameicon, .patchContainer {
+		background-color: white;
+  }
+  label.gameicon {
+	  background: #fffcf0;
+  }
+  .subsection {
+    background-color: #a2a2a2;
+  }
+}
+.image-wrapper {
+    position: relative;
+}
+.image-hover {
+    position: absolute;
+    top: 0;
+    left: 1;
+    opacity: 0;
+    transition: opacity 0.5s ease-out;
+}
+.image-hover:hover {
+    opacity: 1;
+}