swaggboi/www2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Blinking text by default was a bad idea due to epilespy risks
This commit is contained in:
swaggboi 2021-03-06 00:32:38 -05:00
parent 91caafa8e0
commit 16401ffc1b
4 changed files with 51 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/Pictures/Music_CD.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

17
public/css/swagg.css
View File

@ -51,3 +51,20 @@ hr {
right: 10%; right: 10%;
bottom: 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;
}

20
templates/index.html.ep
View File

@ -23,21 +23,29 @@
style="vertical-align:bottom"><br> style="vertical-align:bottom"><br>
<br> <br>
Checkout the <a href="/cgi-bin/whoami.cgi">reflection page</a> for 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> </p>
</div> </div>
<div class="outer"> <div class="outer">
+--------------------------+<br> +--------------------------+<br>
</div> </div>
<div class="inner"> <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> </div>
<!-- Source: https://www.w3docs.com/learn-html/html-blink-tag.html --> <!-- Source: https://www.w3docs.com/learn-html/html-blink-tag.html -->
<script> <script>
var blink = document.getElementById('blink'); function blunk() {}
setInterval(function () {
blink.style.opacity = (blink.style.opacity == 0) ? 1 : 0; function blinkIt() {
}, 750); 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> </script>
<div class="outer"> <div class="outer">
+--------------------------+<br> +--------------------------+<br>

21
templates/layouts/swagg.html.ep
View File

@ -10,7 +10,26 @@
<!-- Soundtrack --> <!-- Soundtrack -->
<!-- <embed> doesn't work anymore SAD <!-- <embed> doesn't work anymore SAD
<embed src="/misc/Smashmouth_-_All_Star.mid" width="100%" height="60">--> <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 --> <!-- Bonzi buddy -->
<div id="bonzi"> <div id="bonzi">
<img alt="a purple gorilla" src="/Pictures/Bonzi_Buddy.png"> <img alt="a purple gorilla" src="/Pictures/Bonzi_Buddy.png">