fix images/css for low resolution

themes/hugo-nes-classic/layouts/partials/footer.html

@@ -15,14 +15,17 @@
     </a>
 <br>
 <br>
+<div class="webring">
 	<a href="https://www.reddit.com/r/Wownero/">
-    <img src="/webring.png" height="120">
+    <img src="/webring.png">
 	</a>
+</div>
+
 </center>
 
 <div class="rightbottom">
 	<a href="https://github.com/wownero/">
-    <img src="/hypnotoad.gif" height="73">
+    <img src="/hypnotoad.gif">
 	</a>
 </div>
 

themes/hugo-nes-classic/static/css/style.css

@@ -13,6 +13,10 @@ pre {
 }
 
 
+img {
+  max-width: 100%;
+  height: auto;
+}
 
 .main-centered {
   margin-left: auto;
@@ -139,11 +143,26 @@ a {
   .github-link {
     display: none;
   }
+
+  div.rightbottom {
+    right: 2px;
+    bottom: 1px;
+    position: fixed; 
+    visibility: hidden;
+    clear: both;
+    display: none;
+    width: 150px;
+  }
 }
 
 
 div.rightbottom {
-right: 2px;
-bottom: 1px;
-position: fixed; 
+  right: 2px;
+  bottom: 1px;
+  position: fixed;
+  width: 150px;
+}
+
+div.webring {
+  width: 200px;
 }