Implemented GDPR non-compliance banner; radio button for <blink>

Blinking text by default was a bad idea due to epilespy risks

public/css/swagg.css

@@ -51,3 +51,20 @@ hr {
     right: 10%;
     bottom: 10%;
 }
+
+#gdpr {
+    padding: 0.75em;
+    position: top;
+    text-align: center;
+    width: 100%;
+    background-color: #BEBEBE;
+    color: #000000;
+}
+
+.win95button {
+    border: 0.25em solid;
+    border-color: #000000;
+    background-color: #BEBEBE;
+    padding: 0.75em;
+    width: 10em;
+}

templates/index.html.ep

@@ -23,21 +23,29 @@
          style="vertical-align:bottom"><br>
     <br>
     Checkout the <a href="/cgi-bin/whoami.cgi">reflection page</a> for
-    some info about your browser/request<br>
+    some info about your browser/request
+    <img alt="BSOD" src="/Pictures/bluscrn.gif" height="16"><br>
   </p>
 </div>
 <div class="outer">
   +--------------------------+<br>
 </div>
 <div class="inner">
-  <p>Make HTML <span id="blink">&lt;blink&gt;</span> again!!</p>
+  <p><input type="radio" onclick="blinkIt();">
+    Make HTML <span id="blink">&lt;blink&gt;</span> again!!</p>
 </div>
 <!-- Source: https://www.w3docs.com/learn-html/html-blink-tag.html -->
 <script>
-  var blink = document.getElementById('blink');
-  setInterval(function () {
-      blink.style.opacity = (blink.style.opacity == 0) ? 1 : 0;
-  }, 750);
+  function blunk() {}
+
+  function blinkIt() {
+      blinkIt = blunk; // Make sure this only runs once
+
+      var blink = document.getElementById('blink');
+      setInterval(function () {
+          blink.style.opacity = (blink.style.opacity == 0) ? 1 : 0;
+      }, 750);
+  }
 </script>
 <div class="outer">
   +--------------------------+<br>

templates/layouts/swagg.html.ep

@@ -10,7 +10,26 @@
 <!-- Soundtrack -->
 <!-- <embed> doesn't work anymore SAD
 <embed src="/misc/Smashmouth_-_All_Star.mid" width="100%" height="60">-->
-<audio src="/Music/Smashmouth-All-Star.mp3" controls preload="auto"></audio>
+<audio id="soundtrack" src="/Music/Smashmouth-All-Star.mp3" preload="auto"></audio>
+<!-- "GDPR" banner -->
+<script>
+  function closeIt() {
+      document.getElementById("gdpr").style.display = "none";
+  }
+
+  function playIt() {
+      document.getElementById("soundtrack").play();
+      closeIt();
+  }
+  </script>
+<div id="gdpr">
+  <b>Notice:</b> This site uses kickass MIDI technology instead of cookies.
+  <img alt="a compact disc playing music" src="/Pictures/Music_CD.gif"
+       style="vertical-align:bottom"><br>
+  <br>
+  <button class="win95button" onclick="playIt(); closeIt();"><u>O</u>K</button>
+  <button class="win95button" onclick="closeIt();"><u>C</u>ancel</button>
+</div>
 <!-- Bonzi buddy -->
 <div id="bonzi">
   <img alt="a purple gorilla" src="/Pictures/Bonzi_Buddy.png">