{% 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> » </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> · <a href="https://chylex.bsky.social/">Bluesky</a> · <a href="https://mastodon.chylex.com/@chylex">Mastodon</a> · <a href="https://github.com/chylex">GitHub</a> · <a href="https://ko-fi.com/chylex">Ko-fi</a> · <a href="{{ '/feed.xml' | relative_url }}">RSS</a> </span> </footer> </main> </body> </html>