www-builder/template.html

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>__TITLE_GOES_HERE__</title>

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=block" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Mono:500&display=block" rel="stylesheet">
<link rel="stylesheet" href="/pygments.css">
<link rel="stylesheet" href="/style.css">
<link rel="icon" type="image/png" href="/favicon-32.png">
<!-- TODO: add apple touch icon, maybe other favicon sizes -->
</head>

<body>

<div id="page-container">
  <div id="content-wrap">
    <div id="header">
      <div class="content">
        <a href="/" class="undecorated">Colin McMillen</a>
        <span style="float: right;"><a href="https://twitter.com/mcmillen"><img src="img/twitter.svg" alt="Twitter"></a></span>
      </div>
    </div>

    <div class="content">
    __CONTENT_GOES_HERE__
    </div>
  </div>

  <div id="footer">
    <div class="content">
      &copy 2021 <a href="/" class="undecorated">Colin McMillen</a>.
    </div>
  </div>
</div>

</body>
</html>