85 lines
3.8 KiB
HTML
85 lines
3.8 KiB
HTML
<head>
|
|
<!-- {{ now() | date(format='%F %a %R') }} -->
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="description" content="{{ config.description }}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="{{ config.extra.primary_color }}" />
|
|
<link rel="canonical" href="{{ current_url | default(value='/') | safe }}" />
|
|
<title>{% include "partials/title.html" %}</title>
|
|
<link rel="stylesheet" href="{{ get_url(path='syntax-theme-dark.css') }}" media="(prefers-color-scheme: dark)" />
|
|
<link rel="stylesheet" href="{{ get_url(path='syntax-theme-light.css') }}" media="(prefers-color-scheme: light)" />
|
|
|
|
{# Define array of CSS files to load. main.css is always loaded. #}
|
|
{% set stylesheets = [ "style.css" ] %}
|
|
|
|
{# Load extra CSS files from config.toml #}
|
|
{% if config.extra.stylesheets -%}
|
|
{% set stylesheets = stylesheets | concat(with=config.extra.stylesheets) %}
|
|
{% endif %}
|
|
|
|
{# Load extra CSS files from page metadata #}
|
|
{% if page.extra.stylesheets %}
|
|
{% set stylesheets = stylesheets | concat(with=page.extra.stylesheets) %}
|
|
{% elif section.extra.stylesheets %}
|
|
{% set stylesheets = stylesheets | concat(with=section.extra.stylesheets) %}
|
|
{% endif %}
|
|
|
|
{# Load all stylesheets #}
|
|
{%- for stylesheet in stylesheets %}
|
|
<link rel="stylesheet" href="{{ get_url(path=stylesheet) | safe }}" />
|
|
{%- endfor %}
|
|
|
|
<style type="text/css">
|
|
:root {
|
|
--primary-color: {{ config.extra.primary_color }};
|
|
--primary-color-alpha: {{ config.extra.primary_color_alpha }};
|
|
}
|
|
</style>
|
|
|
|
{% if config.extra.goatcounter %}
|
|
<script data-goatcounter="https://{{ config.extra.goatcounter.user }}.{{ config.extra.goatcounter.host | default(value='goatcounter.com') }}/count" async src="//gc.zgo.at/count.js"></script>
|
|
<noscript>
|
|
<img src="https://{{ config.extra.goatcounter.user }}.{{ config.extra.goatcounter.host | default(value='goatcounter.com') }}/count?p={{ current_path | default(value='/') | safe }}" />
|
|
</noscript>
|
|
{% endif %}
|
|
|
|
{% if config.extra.show_copy_button %}
|
|
{% include "partials/copy-button.html" %}
|
|
{% endif %}
|
|
|
|
{% if config.extra.scripts %}
|
|
{% for script in config.extra.scripts %}
|
|
<script src="{{ get_url(path=script) }}"></script>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% if config.extra.comments %}
|
|
<link rel="me" href="https://{{ config.extra.comments.host }}/@{{ config.extra.comments.user }}" />
|
|
{% endif %}
|
|
|
|
{% if config.extra.emoji_favicon %}
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='-.07em' y='.89em' font-size='90'%3E{{ config.extra.emoji_favicon }}%3C/text%3E%3C/svg%3E">
|
|
{% elif config.extra.animated_favicon %}
|
|
<link rel="icon" type="image/gif" href="{{ get_url(path='favicon.gif') }}" />
|
|
{% else %}
|
|
<link rel="icon" type="image/png" href="{{ get_url(path='favicon.png') }}" />
|
|
{% endif %}
|
|
|
|
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="{{ get_url(path='apple-touch-icon.png') }}" />
|
|
|
|
{% if config.generate_feed %}
|
|
{% block feed -%}
|
|
<link rel="alternate" type={% if config.feed_filename == "atom.xml" %}"application/atom+xml"{% else %}"application/rss+xml"{% endif %} title="{{ config.title }}" href="{{ get_url(path=config.feed_filename) | safe }}" />
|
|
{% endblock -%}
|
|
{% endif %}
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:site_name" content="{{ config.title }}" />
|
|
<meta property="og:title" content="{% include 'partials/title.html' %}" />
|
|
<meta property="og:url" content="{{ current_url | default(value='/') | safe }}" />
|
|
<meta property="og:description" content="{{ page.description | default(value=config.description) }}" />
|
|
<meta property="og:image" content="{{ get_url(path='card.png') }}" />
|
|
<meta property="twitter:card" content="summary_large_image" />
|
|
</head>
|