Hopefully working dark mode mascot swap

public/css/style-night.css

@@ -64,6 +64,17 @@
      background-size: 75px;
 }
 */
+img#mascot {
+	display:block;
+	background-image: url(/img/megumin.png);
+	box-sizing: border-box;
+	height: 167px;
+	width: 125px;
+	padding-left: 125px;
+}
+/*The above is thanks to https://css-tricks.com/replace-the-image-in-an-img-with-css/
+Used to avoid the layout bugs caused by pure css background mascots, while still avoiding
+JS to switch the images.*/
 
 body {
     background-color:#282A2E;

templates/home.html

@@ -3,7 +3,7 @@
 {{define "content"}}
 	<div class="blockBody">
       <ul class="list-inline" aria-label="Page navigation">
-          <li><img src="/img/renchon.png" /></li>
+          <li><img id="mascot" src="/img/renchon.png" /></li>
           <li style="padding-top: 7%;" class="pull-right"><ul class="pagination">
               {{ genNav .Navigation .URL 5 }}
           </ul></li>