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

Blinking text by default was a bad idea due to epilespy risks
This commit is contained in:
swagg boi 2021-03-06 00:32:38 -05:00
parent 91caafa8e0
commit 16401ffc1b
4 changed files with 51 additions and 7 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View file

@ -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;
}

View file

@ -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>

View file

@ -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">