index.html

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

<head>
  <!-- Title -->
  <title>Spencer C. Imbleau | Homepage</title>

  <!-- Meta -->
  <meta charset=utf-8 />
  <meta content="ie=edge" http-equiv=x-ua-compatible />
  <meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=yes" />
  <meta name=robots content="index, follow" />
  <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="description"
    content="This is the web page of Spencer C. Imbleau. I am an American research software engineer." />
  <meta name=keywords content="imbleau, contact, resume, cv, blog, research, projects" />

  <!-- Copyright -->
  <meta name=author content="Spencer C. Imbleau" />
  <meta name=copyright content="Spencer C. Imbleau" />

  <!-- OpenGraph -->
  <meta property=og:site_name content="Spencer C. Imbleau" />
  <meta property=og:title content="Spencer C. Imbleau" />
  <meta property=og:description
    content="This is the web page of Spencer C. Imbleau. I am an American research software engineer." />
  <meta property=og:locale content="en_US" />
  <meta property=og:type content="profile" />
  <meta property=og:url content="https://spencer.imbleau.com" />
  <meta property=og:image content="https://spencer.imbleau.com/static/banner.png" />

  <!-- Twitter -->
  <meta name=twitter:title content="Spencer C. Imbleau" />
  <meta name=twitter:description content="This is the personal website of Spencer C. Imbleau." />
  <meta name=twitter:card content="summary_large_image" />
  <meta name=twitter:image content="https://spencer.imbleau.com/static/banner.png" />
  <meta name=twitter:site content="@spencerimbleau" />
  <meta name=twitter:creator content="@spencerimbleau" />

  <!-- Mobile -->
  <meta name=HandheldFriendly content="True" />
  <meta name=mobile-web-app-capable content="yes" />
  <meta name=apple-mobile-web-app-capable content="yes" />
  <meta name=apple-mobile-web-app-status-bar-style content="default" />
  <meta name=theme-color content="#fafafa" />
  <meta name=msapplication-TileColor content="#fafafa" />

  <!-- Mastodon Verification -->
  <link rel="me" href="https://mastodon.online/@scim" />

  <!-- Mobile Links -->
  <link rel=manifest href=/static/site.webmanifest />
  <link rel=mask-icon href=/static/safari-pinned-tab.svg color=#0099FF />
  <link rel=apple-touch-icon href=/static/apple-touch-icon.png sizes=180x180 />
  <link rel=icon href=/static/favicon-32x32.png sizes=32x32 type=image/png />
  <link rel=icon href=/static/favicon-16x16.png sizes=16x16 type=image/png />

  <!-- Links -->
  <link rel=icon type=image/x-icon href=/static/favicon.ico />
  <link rel=canonical href="https://spencer.imbleau.com" />
  <link rel="sitemap" type=application/xml href=/sitemap.xml>
  <link rel=css data-trunk href=css/fonts.css />
  <link rel=copy-dir data-trunk href=static/ />
  <link rel=copy-file data-trunk href=/static/robots.txt />
  <link rel=copy-file data-trunk href=/static/sitemap.xml />
  <link rel=rust data-trunk />
</head>

<body>
  <!-- The following is a loading modal which displays when waiting for WASM load. -->
  <style>
    @media (prefers-color-scheme: dark) {
      :root {
        --fg: rgb(204, 204, 204);
        --bg: rgb(34, 34, 34);
      }
    }

    @media (prefers-color-scheme: light) {
      :root {
        --fg: rgb(33, 37, 41);
        --bg: rgb(248, 249, 250);
      }
    }

    svg {
      width: 100px;
      height: 100px;
    }

    body {
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      min-height: 100vh;
      background: var(--bg);
      color: var(--fg);
    }
  </style>
  <svg version=" 1.1" id="L3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
    y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
    <circle fill="none" stroke=var(--fg) stroke-width="4" cx="50" cy="50" r="44" style="opacity:0.5;" />
    <circle fill=var(--bg) stroke=var(--fg) stroke-width="3" cx="8" cy="54" r="6">
      <animateTransform attributeName="transform" dur="2s" type="rotate" from="0 50 48" to="360 50 52"
        repeatCount="indefinite" />
    </circle>
  </svg>
</body>

</html>