<!DOCTYPE HTML>
<!-- vim: et ts=2 sw=2
-->
<html>
  <title>$title</title>
  <meta name="description" content="$description">
  <meta name="keywords" content="$keywords">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style type="text/css">
  body, p, div, td, tr, form, ol, ul, li, input, textarea, select, a {
    font-family: Sans;
  }

  html,body {
    height: 100%;
  }

  a {
    color: #3366CC;
  }

  code,pre {
    color: #0000dd;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
  }

  a:hover {
   text-decoration: none;
  }

  body {
    background: #eeeeee;
    color: black;
    margin: 0px;
  }

  #embosstop {
    left: 0px;
    right: 0px;
    height: 3px;
    top: 0px;
    background-color: #e7e7e7;
  }

  #emboss {
    left: 0px;
    right: 0px;
    top: 0px;
    height: 20px;
    background-color: #c0c0c0;
  }

  #embossbottom {
    left: 0px;
    right: 0px;
    height: 3px;
    top: 0px;
    background-color: #6f6f6f;
  }

  #fulldiv {
    left: 0px;
    right: 0px;
    top: 0px;
    height: 60pt;
    background-color: #bbddff;
  }

  #justline {
    left: 0px;
    right: 0px;
    top: 0px;
    height: 1px;
    background-color: black;
  }

  #titlemenu {
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: #dddddd;
    font-size: 110%;
    font-weight: bold;
  }

  #container {
    display: flex;
  }

  #text {
    height: 100%;
    padding: 50px;
    text-align: left;
  }

  #nav {
    border-left: 1px solid black;
    float: right;
    width: 30%;
    height: 100%;
    padding: 20px;
  }

  #content-bg {
    width: 100%;
    background: #eeeeee;
    overflow: hidden;
    display: flex;
    flex-flow: column;
  }

  #content {
    background: white;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    width: calc(100% - 20px);
    max-width: 100%;
    text-align: left;
    flex: 0 1 auto;
  }

  #main-wrap, #footer-left {
    float: left;
    width: 100%;
    margin-right: -344px;
  }

  #main {
    margin-right: 344px;
    max-width: 100%;
    padding: 30px;
    border-right: 1px solid black;
    flex: 0 1 auto;
    height: auto;
  }

  #sidebar-wrap {
    float: right;
    width: 344px;
  }

  #sidebar {
    padding: 30px;
    flex: 1 1 auto;
    /* background: #eeeeee; */
  }

/* Clear floats after the columns */
  #container::after {
    content: "";
    display: table;
    clear: both;
  }

  .content-bg {
    display: flex;
    flex-direction: row;
  }

  .main-wrap {
    padding: 10px;
    flex: 100%;
  }

  .sidebar-wrap {
    background-color: white;
    padding: 10px;
    flex: 50%;
  }

  @media (max-width: 600px) {
    .content-bg {
      flex-direction: column-reverse;
    }
  }
  </style>

  <script>
  function startTime() {
    const today = new Date();
    document.getElementById('emboss').innerHTML = today;
    setTimeout(startTime, 1000);
  }

</script>
</head>

<body onload="startTime()">
<div id="embosstop"></div>
<div id="emboss"></div>
<div id="embossbottom"></div>

<div align="center">

<div id="justline"></div>

<div id="titlemenu">
  <a href="why_unix.html"><font color="#000000">why unix</font></a> |
  <a href="rbl.html"><font color="#000000">RBL service</font></a> |
  <a href="net.html"><font color="#000000">netrs</font></a> |
  <a href="please.html"><font color="#000000">please</font></a> |
  <a href="ripcalc.html"><font color="#000000">ripcalc</font></a> |
  <a href="linescroll.html"><font color="#000000">linescroll</font></a> |
  <a href="pwtool.html"><font color="#000000">pwtool</font></a>
</div>

<div id="justline"></div>
<div id="fulldiv">$banner</div>
<div id="justline"></div>

</div>

<div class=content-bg>
<div class=main-wrap>
    <h1>$banner</h1>
$content
</div>


<div class=sidebar-wrap>
<script data-ad-client="ca-pub-1713338079903901" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

  <a name="paypal"></a>
  This site needs your support
  <form action="https://www.paypal.com/donate" method="post" target="_top">
  <input type="hidden" name="hosted_button_id" value="RMTQJU7VPTA6L" />
  <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
  <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1" />
  </form>
  <br />
  <h2>News</h2>
  <p>Ads help server costs, we rely on their revenue (and donations, too) to fund hosting.</p>
  <a href="/content/royaljelly" rel="nofollow"><span style="color:#FFF6BF"><img src="/content/pictures/1x1.gif" border="0" width="0" height="0" /></span></a>

<b><a href="index.html">main</a></b><br>
<b><a href="debian.html">debian</a></b><br>
 - <a href="qemu.html"><font size="-1" color="#000000">qemu</font></a><br>
 - <a href="apache.html"><font size="-1" color="#000000">apache</font></a><br>
 - <a href="screen.html"><font size="-1" color="#000000">screen</font></a><br>
 - <a href="bash.html"><font size="-1" color="#000000">bash</font></a><br>
  </div>
</div>
</body>
</html>
