<!DOCTYPE html>
<html lang="en">
  <head>
    <title>John Bennett - software developer and team leader</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="minimum-scale=1, width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <link
      rel="apple-touch-icon"
      sizes="57x57"
      href="/app-icons/apple-icon-57x57.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="60x60"
      href="/app-icons/apple-icon-60x60.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="72x72"
      href="/app-icons/apple-icon-72x72.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="76x76"
      href="/app-icons/apple-icon-76x76.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="114x114"
      href="/app-icons/apple-icon-114x114.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="120x120"
      href="/app-icons/apple-icon-120x120.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="144x144"
      href="/app-icons/apple-icon-144x144.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="152x152"
      href="/app-icons/apple-icon-152x152.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="/app-icons/apple-icon-180x180.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/app-icons/android-icon-192x192.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="/app-icons/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="96x96"
      href="/app-icons/favicon-96x96.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="/app-icons/favicon-16x16.png"
    />
    <link rel="manifest" href="/manifest.json" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta
      name="msapplication-TileImage"
      content="/app-icons/ms-icon-144x144.png"
    />
    <meta name="theme-color" content="#ffffff" />
    <link rel="stylesheet" href="/style.css" />
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=UA-706160-1"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "UA-706160-1");
    </script>
  </head>

  <body>
    <div class="banner">
      <img
        src="/images/pantheon-1400x425.jpg"
        alt="Black and white photo of the ceiling
      of the Pantheon (Rome, Italy), with a sunbeam streaming through the oculus."
      />
    </div>
    <div class="content banner-text">
      <h1>Hi, I'm John.</h1>
      <div>
        I'm a software developer. I love working with kind and enthusiastic
        folks to create products that help people get work done more easily and
        make life better.
      </div>
    </div>

    <div class="content main">
      <h2 class="heading">Looking for a blog post?</h2>

      <p>
        I'll be restoring old posts soon (June 2020), but chances are it was
        <strong>very</strong> out of date!
      </p>

      <p>Check out my <a href="/">current contact info and bio</a>.</p>
    </div>
  </body>
</html>
