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

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/favicon.ico">
<link rel="canonical" href="https://www.mcmillen.dev/{page_url}">
<link rel="alternate" type="application/atom+xml" href="https://www.mcmillen.dev/feed.atom" title="Colin McMillen's Blog - Atom">

<title>{title}</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">

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@mcmillen">
<meta name="twitter:title" content="{title}">
<meta name="twitter:description" content="{summary}">
</head>

<script>
function fixEmails() {{
  const mailtoArray = [
    'm', 'a', 'i', 'l', 't', 'o', ':',
    'c', 'o', 'l', 'i', 'n', '@',
    'm', 'c', 'm', 'i',  'l', 'l', 'e', 'n',
    '.', 'd', 'e', 'v'];
  const mailtoLink = mailtoArray.join('');
  const anchors = document.getElementsByTagName('a');
  for (let i = 0; i < anchors.length; i++) {{
    const anchor = anchors[i];
    if (anchor.href == 'mailto:email@example.com') {{
       anchor.href = mailtoLink;
       if (anchor.innerText == 'colin at mcmillen dot dev') {{
        anchor.innerText = mailtoLink.substring(7);
      }}
    }}
  }}
}}
</script>

<body onload="fixEmails()">

<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="/feed.atom"><img src="/img/rss.svg" alt="Atom feed" style="width: 17px; height: 17px; margin-bottom: 1px;"></a></span>
        <span style="float: right;"><a href="https://twitter.com/mcmillen"><img src="/img/twitter.svg" alt="@mcmillen"></a></span>
      </div>
    </div>

    <div class="content">
    {content}
    </div>
  </div>

  <div id="footer">
    <div class="content">
      &copy; 2022 <a href="/" class="undecorated">Colin McMillen</a>. No cookies, no tracking.
    </div>
  </div>
</div>

</body>
</html>
