add stuff at bottom

very minor ryuji changes

templates/components/random/badges.html

@@ -0,0 +1,12 @@
+<div class="random" id="badges">
+  <div class="random-content">
+    <img src="88x31/247.gif" alt="nishina gif" loading="lazy"/>
+    <img src="88x31/btw.png" alt="i use debian btw" loading="lazy"/>
+    <img src="88x31/fe.gif" alt="5 nays to 5 eyes" loading="lazy"/>
+    <img src="88x31/ie11.png" alt="A warm welcome to our IE11 users" loading="lazy"/>
+    <img src="88x31/jsn.gif" alt="Just say no to software bloat" loading="lazy"/>
+    <img src="88x31/mh.gif" alt="Certified mostly harmless" loading="lazy"/>
+    <img src="88x31/salt.gif" alt="Salt your passwords, OR ELSE!" loading="lazy"/>
+  </div>
+  <a href="/#quote1">More random stuff</a>
+</div>

templates/components/random/minesweeper.html

@@ -0,0 +1,6 @@
+<div class="random" id="minesweeper">
+  <div class="random-content">
+    <a href="https://prussia.dev/retro?open_windows=minesweeper">Play Minesweeper</a>
+  </div>
+  <a href="/#wikipedia">More random stuff</a>
+</div>

templates/components/random/quote1.html

@@ -0,0 +1,8 @@
+<div class="random" id="quote1">
+  <div class="random-content">
+    <span>If you do not let me in I will break your door, and smash the lock!</span>
+    <br>
+    <span>- Gilgamesh</span>
+  </div>
+  <a href="/#quote2">More random stuff</a>
+</div>

templates/components/random/quote2.html

@@ -0,0 +1,8 @@
+<div class="random" id="quote2">
+  <div class="random-content">
+    <span>In the beginning the Universe was created. This has made a lot of people very angry and been widely regarded as a bad move.</span>
+    <br>
+    <span>- Douglas Adams</span>
+  </div>
+  <a href="/#minesweeper">More random stuff</a>
+</div>

templates/components/random/wikipedia.html

@@ -0,0 +1,6 @@
+<div class="random" id="wikipedia">
+  <div class="random-content">
+    <span>Bored? Go down a <a href="https://en.wikipedia.org/wiki/Main_Page">Wikipedia</a> rabbithole!</span>
+  </div>
+  <a href="/#badges">More random stuff</a>
+</div>