83 lines
3.4 KiB
Plaintext
83 lines
3.4 KiB
Plaintext
<!doctype html>
|
|
<html lang="{{ metadata.language }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ title or metadata.title }}</title>
|
|
<link rel="icon" type="image/x-icon" href="/img/logo_favicon.svg">
|
|
<meta name="description" content="{{ description or metadata.description }}">
|
|
|
|
<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
|
|
<link rel="alternate" href="/feed/feed.json" type="application/json" title="{{ metadata.title }}">
|
|
|
|
<meta name="generator" content="{{ eleventy.generator }}">
|
|
|
|
{#- Bundle CSS #}
|
|
{%- css %}{% include "public/css/index.css" %}{% endcss %}
|
|
{# {%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %} #}
|
|
|
|
{#- Render the CSS bundle using Inlined CSS (for the fastest site performance in production) #}
|
|
|
|
{%- css %}{% include "public/css/webfonts/webfonts.css" %}{% endcss %}
|
|
{%- css %}{% include "public/css/dropcap.css" %}{% endcss %}
|
|
<style>{% getBundle "css" %}</style>
|
|
{% if title %}
|
|
<!-- Structured Data -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org/",
|
|
"@type": "Article",
|
|
"headline": "{{ title }}",
|
|
"author": {
|
|
"@type": "Person",
|
|
"name": "{{ metadata.author.name }}"
|
|
},
|
|
"datePublished": "{{ date }}",
|
|
"description": "{% if synopsis %}{{ synopsis}}{% endif %}",
|
|
"image": "{% if imageURL %}{{ imageURL | htmlBaseUrl(metadata.url) }}{% else %}{{ metadata.defaultPostImageURL | htmlBaseUrl(metadata.url) }}{% endif %}",
|
|
"url": "{{ page.url | htmlBaseUrl(metadata.url) }}",
|
|
"articleBody": "{{ content | striptags }}"
|
|
}
|
|
</script>
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:title" content="{{ title }}" />
|
|
<meta property="og:description" content="{{ synopsis}}" />
|
|
<meta property="og:url" content="{{ page.url | htmlBaseUrl(metadata.url) }}" />
|
|
<meta property="og:image" content="{% if imageURL %}{{ imageURL | htmlBaseUrl(metadata.url) }}{% else %}{{ metadata.defaultPostImageURL | htmlBaseUrl(metadata.url) }}{% endif %}" />
|
|
|
|
<!-- Twitter card -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="{{ title }}" />
|
|
<meta name="twitter:description" content="{{ synopsis}}" />
|
|
<meta name="twitter:image" content="{% if imageURL %}{{ imageURL | htmlBaseUrl(metadata.url) }}{% else %}{{ metadata.defaultPostImageURL | htmlBaseUrl(metadata.url) }}{% endif %}" />
|
|
{% endif %}
|
|
</head>
|
|
<body>
|
|
<a href="#skip" class="visually-hidden">Skip to main content</a>
|
|
|
|
<header>
|
|
<a href="/" class="home-link"><img src="{{ metadata.logo }}" alt="{{ metadata.title }}"></a>
|
|
|
|
<nav>
|
|
<h2 class="visually-hidden">Top level navigation menu</h2>
|
|
<ul class="nav">
|
|
{%- for entry in collections.all | eleventyNavigation %}
|
|
<li class="nav-item" {% if entry.url == page.url %} data-currentpage="true"{% endif %}><a href="{{ entry.url }}"{% if entry.url == page.url %} aria-current="page"{% endif %}>{{ entry.title }}</a></li>
|
|
{%- endfor %}
|
|
<li class="nav-item subscribe"><a href="/feed/feed.xml"><img class="nav-icon" src="/img/RSS.svg">Subscribe</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main id="skip">
|
|
{{ content | safe }}
|
|
</main>
|
|
|
|
<footer></footer>
|
|
|
|
<!-- Current page: {{ page.url | htmlBaseUrl }} -->
|
|
</body>
|
|
</html>
|