<!DOCTYPE html> <html lang=“en-us” class=“h-100”>

<head>
  <title>
    {% if page.title %}{{ page.title }} – {% endif %}{{ site.name }} – {{
    site.description }}
  </title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <!-- The page supports both dark and light color schemes, and the page author prefers / default is light. -->
  <meta name="color-scheme" content="dark light" />
  <!-- Stylesheet that includes Bootstrap dark mode & custom stylesheet -->
  <link rel="stylesheet" href="/assets/css/styles.css" />
  <link rel="icon" href="/assets/images/favicon.ico" />
  <!-- Meta Theme Color is also supported on Safari and Chrome -->
  <meta
    name="theme-color"
    content="#eeeeee"
    media="(prefers-color-scheme: dark)"
  />
  <meta
    name="theme-color"
    content="#111111"
    media="(prefers-color-scheme: light)"
  />
  {% seo %} {% feed_meta %} {%- if jekyll.environment == 'production' and
  site.google_analytics -%} {%- include google-analytics.html -%} {%- endif
  -%}
</head>
<body class="h-100">
  <div class="container wrap-for-sticky-footer">
    {% include navigation.html %}
    <div class="body">{{ content }}</div>
  </div>
  {% include footer.html %}
  <!-- JS for Bootstrap -->
  <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
    crossorigin="anonymous"
  ></script>
</body>

</html>