From 16401ffc1b8eeb244360cbf9c3795a1124a53e3e Mon Sep 17 00:00:00 2001
From: swaggboi <swaggboi@slackware.uk>
Date: Sat, 6 Mar 2021 00:32:38 -0500
Subject: [PATCH] Implemented GDPR non-compliance banner; radio button for
 <blink> Blinking text by default was a bad idea due to epilespy risks

---
 public/Pictures/Music_CD.gif    | Bin 0 -> 1929 bytes
 public/css/swagg.css            |  17 +++++++++++++++++
 templates/index.html.ep         |  20 ++++++++++++++------
 templates/layouts/swagg.html.ep |  21 ++++++++++++++++++++-
 4 files changed, 51 insertions(+), 7 deletions(-)
 create mode 100644 public/Pictures/Music_CD.gif

diff --git a/public/Pictures/Music_CD.gif b/public/Pictures/Music_CD.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b2110eca24abd835cdb303e0f6799b918aa3de8a
GIT binary patch
literal 1929
zcmZ?wbhEHbRA7)|XlDR{1~6^_Qw=~~0|*>AaNs{s{6E8gFa@N6EFb`ije^k-7&alG
z_@CR)H6+;CF~HSG&w!cn1v7)<PZnN&27U$|kS9Uegq`CLgFJ_f#fOH2&1{@}EC)6$
zbZTOg)tS+;K&h#PMcS%H;$ovqmzZ`^4TFNRJ1dt>U5tRy6UIhWaV?t$p`~6Eq>5jq
zXnb%uI?Fs#sl)Tqk~1^dW&UjWx$)7t<u;S6VqOU@_nBm~ahlFc;e#P8W`$07Z(dy#
zw1G=NNcERMTI6P><ELt~zcEBJlu5?j`CXLe-Cbt<>}mBzeV6$iKkqH&o}rw0q)}Y$
zZ}r6Fq$B)#S#PSYEq#1?rm?b1<i^b>wk;4$*=BK(F>`%7@A)HZcBN)t=kltaVr%{7
z{%uq5&+}gX{?0V@p!Rm%9k(n#%{m+y>}K$Bhx?R^)1^)F?jAhxlyAlTu<!F^|KzmX
zKWopyK_GnCnIcY1Sl|o{9}9;DhelU+PD!&Gj*kqkog%tg6FLML94E`LRxRmhNIBXq
zB)&kz;`2kVX}aoBS59nx?lhGnukOmq1<L|k`2(bQx`dzj%@6R^`>HWT<5aKo<gBHq
zzAW=&4_sIz>n)ggc1jeZ&s(W44mY;5%PCCoHeV6A(Bg64mx$@>Zcna=d^J~c$D6zR
zikoj8nfX2M(Y``iF|#uTZ*QCsklY-zfgv$+TZkpwGo3(3?}H11AE~}Q@F??2h@t+n
z6T7x%PS}uo{@I>}CE0g2TwL|!?eFg{$99EY7n}LHBJ$xRei8Gzn{$d@@GBXepDAD+
z)xyfLmz#%BurO-Gcx+gBn4L{fW&$YLwDQPX*?1H#I@-<0W5=*y<3q*{S<NVx2L~Em
zCaJQ{b7?4Abi7-l_*KixkBq*vwLA}rSd_f*m?>6!EoSFt&6Bf5r!pPoG=6+>B3EGD
zlAoIwF)#OBSofv#!V2fb3`gp07`Cmw)s@4!EY@NBJEqkh+Yh-`AIQ7AM(yvlUTcH3
zaXX}0FRS`|S$pJ2NwinkfwF~<kE^L>hb?eWa-ZMspLgfXP3@$0(XRbv2X>k;O_!az
zOs{f5>GSK^@{5nH*|;tHMnUr8u)Dv@PG32scuePqR7Jr8^-g{B7k_r9zdW7l)Y@lj
z?MPIxurp|=cmzCjYGdM6nql#gk*QsP)ry57Q0ZtF2VV<If`HQT9wqy_EgC`&CzyHs
zjchhJsJeDb7r(0UD0cLn%^^2uie~VO1CwoQZyf;!%W-BtnI9pmf;8NErR4Qmq(Zeq
zC-}`Sdi!dt+Mz`e#*;!0Oj~oMCGoIag7@~^Lv6{jZmpJ^^X~3;4~{FboT%@3P>V5p
z&g<!GA2#Lf))M2|y0PiF;O<*3t0ydr-ZewsfmKULv1#Q*=k9wlMlam2Ofp{gFXGnL
zQ!BZ@otk%d*S4d#gG0r2?%dvX_Q7uDYu|XkZ22(rbZ@>N-`*ejx6YT#Px&{=suUC~
L{GinG?>!d)d2s{7

literal 0
HcmV?d00001

diff --git a/public/css/swagg.css b/public/css/swagg.css
index 98c46e0..0e22107 100644
--- a/public/css/swagg.css
+++ b/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;
+}
diff --git a/templates/index.html.ep b/templates/index.html.ep
index 9507d3c..07aee86 100644
--- a/templates/index.html.ep
+++ b/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>
diff --git a/templates/layouts/swagg.html.ep b/templates/layouts/swagg.html.ep
index b1a7223..687902c 100644
--- a/templates/layouts/swagg.html.ep
+++ b/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">