<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Swagg::Net - <%= title %>">
  <meta name="theme-color" content="#0000FF">
  <title>Swagg::Net - <%= 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://discord.gg/6MXVZKU">Chat (Discord)</a>
        </td>
      </tr>
    </table>
    <img alt="Y2k ready!" src="/Pictures/y2kready.gif" height="85">
  </center>
</footer>
</body>
</html>
