www2.0/templates/layouts/swagg.html.ep

128 lines
3.6 KiB
Plaintext

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= title %></title>
<link rel="stylesheet" type="text/css" href="/css/swagg.css">
</head>
<body>
<% unless (session('banner') eq 'seen') { %>
<!-- Soundtrack -->
<!-- <embed> doesn't work anymore SAD
<embed src="/misc/Smashmouth_-_All_Star.mid" width="100%" height="60">-->
<audio id="soundtrack" src="/Music/Alice-Deejay-Better-Off-Alone.mp3"
preload="auto">
</audio>
<!-- "GDPR" banner -->
<div id="gdpr">
<b>Notice:</b> This site uses MIDI technology instead of tracking cookies.
<img alt="a compact disc playing music" src="/Pictures/Music_CD.gif"
style="vertical-align: bottom"><br>
<br>
<button class="win95button" onclick="playIt();"><u>O</u>K</button>
<button class="win95button" onclick="closeIt();"><u>C</u>ancel</button>
</div>
<script>
function closeIt() {
document.getElementById("gdpr").style.display = "none";
document.cookie =
"banner=seen; Max-Age=<%= $sessionLife %>; SameSite=Lax";
}
function playIt() {
document.getElementById("soundtrack").play();
closeIt();
}
</script>
<% } %>
<!-- Bonzi buddy -->
<div id="bonzi">
<img alt="a purple gorilla" src="/Pictures/Bonzi_Buddy.png">
</div>
<marquee>
<img alt="a padlock" src="/Pictures/lock1.gif" height="20"
style="vertical-align: top">
Now in <span style="color:fuchsia">HTTPS</span>!!
</marquee>
<div class="outer">
<center>
<h1>
<img alt="fireworks" src="/Pictures/fireworks.gif" height="20">
Welcome to the Swagg::Net
<img alt="more fireworks" src="/Pictures/fireworks.gif" height="20">
</h1>
</center>
</div>
<div class="outer">
<center>
<table>
<tr>
<td>
<a href="/">Home
<img alt="american flag" src="/Pictures/patriotic45.gif"
height="16">
</a>
</td>
<td>&nbsp;</td>
<td>
<a href="/me">Me
<img alt="BSOD" src="/Pictures/bluscrn.gif"
height="16">
</a>
</td>
<td>&nbsp;</td>
<td>
<a href="/news">News
<img alt="update" src="/Pictures/updat4.gif">
</a>
</td>
<td>&nbsp;</td>
<td>
<a href="/portal">Portal
<img alt="steering wheel" src="/Pictures/netwheel.gif"
height="16"></a>
</td>
<td>&nbsp;</td>
<td>
<a href="https://blog.swagg.net">Web Log
<img alt="book"
src="/Pictures/Simple_book.gif"
height="18">
</a>
</td>
</tr>
</table><br>
</center>
<hr>
</div>
<%= content %>
<footer>
<center>
<img alt="Electronic mail - WOW!" src="/Pictures/mailput.gif">
<table>
<tr>
<th>contact:</th>
<td>
<a href="mailto:swaggboi@slackware.uk">swaggboi@slackware.uk</a>
</td>
<td>&nbsp;</td>
<td>
<a href="https://eattherich.club/@swaggboi">Social (@swaggboi)</a>
</td>
<td>&nbsp;</td>
<td>
<a href="https://steamcommunity.com/id/danielbowling">Steam</a>
</td>
<td>&nbsp;</td>
<td>
<a href="https://chat.swagg.net">Chat (Mattermost)</a>
</td>
</tr>
</table>
<img alt="Y2k ready!" src="/Pictures/y2kready.gif" height="85">
</center>
</footer>
</body>
</html>