113 lines
3.7 KiB
HTML
113 lines
3.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="{{ page.lang | default(value="en") }}">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title>{{ page.title }}{% if site.title %} - {{ site.title }}{% endif %}</title>
|
||
|
|
{% if page.description %}
|
||
|
|
<meta name="description" content="{{ page.description }}">
|
||
|
|
{% endif %}
|
||
|
|
{% if page.keywords %}
|
||
|
|
<meta name="keywords" content="{{ page.keywords | join(sep=", ") }}">
|
||
|
|
{% endif %}
|
||
|
|
{% if page.author %}
|
||
|
|
<meta name="author" content="{{ page.author }}">
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<!-- Open Graph -->
|
||
|
|
<meta property="og:title" content="{{ page.title }}">
|
||
|
|
{% if page.description %}
|
||
|
|
<meta property="og:description" content="{{ page.description }}">
|
||
|
|
{% endif %}
|
||
|
|
<meta property="og:type" content="article">
|
||
|
|
{% if page.image %}
|
||
|
|
<meta property="og:image" content="{{ page.image }}">
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<!-- Article metadata -->
|
||
|
|
{% if page.published_date %}
|
||
|
|
<meta property="article:published_time" content="{{ page.published_date }}">
|
||
|
|
{% endif %}
|
||
|
|
{% if page.modified_date %}
|
||
|
|
<meta property="article:modified_time" content="{{ page.modified_date }}">
|
||
|
|
{% endif %}
|
||
|
|
{% if page.author %}
|
||
|
|
<meta property="article:author" content="{{ page.author }}">
|
||
|
|
{% endif %}
|
||
|
|
{% if page.tags %}
|
||
|
|
{% for tag in page.tags %}
|
||
|
|
<meta property="article:tag" content="{{ tag }}">
|
||
|
|
{% endfor %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<!-- CSS will be injected here by the build system -->
|
||
|
|
<link rel="stylesheet" href="assets/css/main.min.css">
|
||
|
|
</head>
|
||
|
|
<body class="article-page">
|
||
|
|
<div class="container">
|
||
|
|
<header class="article-header">
|
||
|
|
{% if page.title %}
|
||
|
|
<h1 class="article-title">{{ page.title }}</h1>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if page.subtitle %}
|
||
|
|
<p class="article-subtitle">{{ page.subtitle }}</p>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<div class="article-meta">
|
||
|
|
{% if page.author %}
|
||
|
|
<span class="author">By {{ page.author }}</span>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if page.published_date %}
|
||
|
|
<time class="published-date" datetime="{{ page.published_date }}">
|
||
|
|
{{ page.published_date | date(format="%B %d, %Y") }}
|
||
|
|
</time>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if page.reading_time %}
|
||
|
|
<span class="reading-time">{{ page.reading_time }} min read</span>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% if page.tags %}
|
||
|
|
<div class="article-tags">
|
||
|
|
{% for tag in page.tags %}
|
||
|
|
<span class="tag">{{ tag }}</span>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
</header>
|
||
|
|
|
||
|
|
{% if page.toc and toc %}
|
||
|
|
<nav class="table-of-contents">
|
||
|
|
<h2>Table of Contents</h2>
|
||
|
|
{{ toc | safe }}
|
||
|
|
</nav>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<main class="article-content">
|
||
|
|
{{ content | safe }}
|
||
|
|
</main>
|
||
|
|
|
||
|
|
{% if page.show_footer | default(value=true) %}
|
||
|
|
<footer class="article-footer">
|
||
|
|
{% if page.modified_date %}
|
||
|
|
<p class="last-modified">
|
||
|
|
Last updated: <time datetime="{{ page.modified_date }}">{{ page.modified_date | date(format="%B %d, %Y") }}</time>
|
||
|
|
</p>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if site.author or site.title %}
|
||
|
|
<p class="site-info">
|
||
|
|
Built with the Web Builder Framework
|
||
|
|
{% if site.author %} by {{ site.author }}{% endif %}
|
||
|
|
</p>
|
||
|
|
{% endif %}
|
||
|
|
</footer>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- JavaScript will be injected here by the build system -->
|
||
|
|
</body>
|
||
|
|
</html>
|