1
0
Fork 0
Blog/_layouts/default.html

91 lines
4.0 KiB
HTML

{% 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://twitter.com/chylexmc">Twitter</a>
&nbsp;&middot;&nbsp;
<a href="https://github.com/chylex">GitHub</a>
&nbsp;&middot;&nbsp;
<a href="https://patreon.com/chylex">Patreon</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>