<html>
<head>
<title>gamerdonkey's ~ page</title>
<style>
  body {
    display: flex;
    background: repeating-linear-gradient(rgb(0,0,170), rgb(0,0,170) 20px, rgb(0,170,170) 20px, rgb(0,170,170) 40px);
    height: 100%;
    margin: 0;
    font-family: monospace, fixed;
  }

  div.terminal {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: lightgray;
    height: 92%;
    width: 92%;
    max-width: 1280px;
    margin: auto;
    box-shadow: 6px 8px;
  }

  header {
    margin-top: 2em;
    font-weight: bold;
  }

  main {
    width: 80ch;
  }
</style>
</head>
<body>

  <div class='terminal'>
    <header>
      <span style="">&#9484;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9488;</span><br />
      <span style="">&#9474;&#9617;&#9604;&#9600;&#9604;&#9600;&#9617;&#9608;&#9600;&#9600;&#9617;&#9608;&#9600;&#9608;&#9617;&#9608;&#9604;&#9608;&#9617;&#9608;&#9600;&#9600;&#9617;&#9608;&#9600;&#9604;&#9617;&#9608;&#9600;&#9604;&#9617;&#9608;&#9600;&#9608;&#9617;&#9608;&#9600;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9600;&#9600;&#9617;&#9608;&#9617;&#9608;&#9474;</span><br />
      <span style="">&#9474;&#9617;&#9617;&#9617;&#9617;&#9617;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9600;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9600;&#9600;&#9617;&#9608;&#9600;&#9604;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9600;&#9604;&#9617;&#9608;&#9600;&#9600;&#9617;&#9617;&#9608;&#9617;&#9474;</span><br />
      <span style="">&#9474;&#9617;&#9617;&#9617;&#9617;&#9617;&#9617;&#9600;&#9600;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9600;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9600;&#9617;&#9617;&#9600;&#9600;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9600;&#9600;&#9617;&#9617;&#9600;&#9617;&#9474;</span><br />
      <span style="">&#9492;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9496;</span><br />
    </header>

    <main>
      <h1> Welcome </h1>

      <p> To my small corner of ~town.</p>
      <p> After all this time, I'm still trying to feel out what I want this space to be. Some of what I do makes it to the internet, though. Check it out below. </p>
      <ul>
        <li>For more information about what this place is, check out the <a href='http://tilde.town/' target='_blank'>tilde.town front page</a> and <a href='https://medium.com/message/tilde-club-i-had-a-couple-drinks-and-woke-up-with-1-000-nerds-a8904f0a2ebf' target='_blank'>this blog post</a>.</li>
        <li>You can learn more about me at <a href='https://gamerdonkey.com' target='_blank'>my primary website</a>.</li>
      </ul>

      <h3> Internet Things I Enjoy </h3>

      <ul>
        <li><a href='https://xkcd.com/1732/'>This comic</a> from XKCD. (Also <a href='https://xkcd.com/926/'>this one</a>)</li>
      </ul>
    </main>
  </div> <!-- terminal -->
</body>
</html>