128 lines
3.6 KiB
Plaintext
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> </td>
|
|
<td>
|
|
<a href="/me">Me
|
|
<img alt="BSOD" src="/Pictures/bluscrn.gif"
|
|
height="16">
|
|
</a>
|
|
</td>
|
|
<td> </td>
|
|
<td>
|
|
<a href="/news">News
|
|
<img alt="update" src="/Pictures/updat4.gif">
|
|
</a>
|
|
</td>
|
|
<td> </td>
|
|
<td>
|
|
<a href="/portal">Portal
|
|
<img alt="steering wheel" src="/Pictures/netwheel.gif"
|
|
height="16"></a>
|
|
</td>
|
|
<td> </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> </td>
|
|
<td>
|
|
<a href="https://eattherich.club/@swaggboi">Social (@swaggboi)</a>
|
|
</td>
|
|
<td> </td>
|
|
<td>
|
|
<a href="https://steamcommunity.com/id/danielbowling">Steam</a>
|
|
</td>
|
|
<td> </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>
|