{% assign timestamp = site.time | date: "%s" %}
<!DOCTYPE html>
<html lang="{{ site.lang | default: "en" }}">
  <head>
    <meta charset="UTF-8">
    {% feed_meta %}
    {% seo %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#348fba">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/favicon/apple-touch-icon.png' | relative_url }}">
    <link rel="mask-icon" color="#d87c09" href="{{ '/assets/favicon/safari-pinned-tab.svg' | relative_url }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/favicon/favicon-32x32.png' | relative_url }}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon/favicon-16x16.png' | relative_url }}">
    <link rel="manifest" href="{{ 'site.webmanifest' | relative_url }}">
    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: timestamp | relative_url }}">
    <link rel="preload" href="{{ '/assets/fonts/open-sans-v28-latin-regular.woff2' | relative_url }}" as="font" type="font/woff2" crossorigin>
  </head>
  <body>
    <header class="page-header" role="banner">
      <h1 class="project-name">
        {% if page.titleimg %}
          <a href="https://chylex.com/" class="project-name-image" aria-label="Visit chylex.com">
            <img src="{{ page.titleimg | relative_url }}" alt="" width="120" height="120">
          </a>
        {% endif %}
        <span class="project-name-text">{{ page.title | default: site.title }}</span>
      </h1>
      {% if page.subtitle %}
        {% assign shortdate = page.date | date: '%b %Y' %}
        {% assign published = 'published ' | append: shortdate %}
        <h2 class="project-tagline">{{ page.subtitle | replace: '%pub', published }}</h2>
      {% endif %}
    </header>
    
    <main id="content" class="main-content" role="main">
      {% if page.breadcrumbs %}
        <nav class="page-breadcrumbs">
          <a href="{{ site.url }}{{ site.baseurl }}">Home</a>
          {% for crumb in page.breadcrumbs %}
            <span> &nbsp;&raquo;&nbsp; </span>
            
            {% if crumb.type == 'self' %}
              {% assign url = page.permalink | relative_url %}
              {% assign title = page.title %}
            {% elsif crumb.revlatest %}
              {% assign url = site.url | append: site.baseurl | append: crumb.revlatest %}
              {% assign title = page.title %}
            {% elsif crumb.revcurrent %}
              {% assign url = page.permalink | relative_url %}
              {% assign title = 'revision ' | append: crumb.revcurrent %}
            {% elsif crumb.revcustom %}
              {% assign url = page.permalink | relative_url %}
              {% assign title = crumb.revcustom %}
            {% endif %}
            
            {% if forloop.last %}
              <span class="inactive-link">{{ title }}</span>
            {% else %}
              <a href="{{ url }}">{{ title }}</a>
            {% endif %}
          {% endfor %}
        </nav>
        <hr>
      {% endif %}
      
      {{ content }}
      
      {% if page.commentid %}
        <script src="https://utteranc.es/client.js" repo="chylex/Blog" issue-number="{{ page.commentid }}" theme="github-light" crossorigin="anonymous" async></script>
      {% endif %}
      
      <footer class="site-footer">
        <span class="site-footer-owner">
          <a href="https://chylex.com">My Website</a>
          &nbsp;&middot;&nbsp;
          <a href="https://chylex.bsky.social/">Bluesky</a>
          &nbsp;&middot;&nbsp;
          <a href="https://mastodon.chylex.com/@chylex">Mastodon</a>
          &nbsp;&middot;&nbsp;
          <a href="https://github.com/chylex">GitHub</a>
          &nbsp;&middot;&nbsp;
          <a href="https://ko-fi.com/chylex">Ko-fi</a>
          &nbsp;&middot;&nbsp;
          <a href="{{ '/feed.xml' | relative_url }}">RSS</a>
        </span>
      </footer>
    </main>
  </body>
</html>