mirror of
https://github.com/welpo/tabi.git
synced 2025-11-04 01:50:24 +01:00
178 lines
8.3 KiB
HTML
178 lines
8.3 KiB
HTML
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
{# Site title #}
|
|
<title>{%- include "partials/title.html" -%}</title>
|
|
|
|
{# Favicon #}
|
|
{% if config.extra.favicon %}
|
|
<link rel="icon" type="image/png" href="{{ get_url(path=config.extra.favicon) }}"/>
|
|
{% endif %}
|
|
{% if config.extra.favicon_emoji %}
|
|
<link rel=icon href='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg" viewBox="0 0 105 55"><text y=".7em" font-size="90">{{ config.extra.favicon_emoji }}</text></svg>'>
|
|
{% endif %}
|
|
|
|
{# Feed #}
|
|
<link rel="alternate" type="application/atom+xml" title="{{ config.title | safe }}" href="{{ get_url(path="atom.xml",
|
|
trailing_slash=false) }}">
|
|
|
|
{# CSS #}
|
|
{# Load subset of glyphs for header. Avoids flashing issue in Firefox #}
|
|
{% if config.extra.custom_subset and config.extra.custom_subset == true %}
|
|
<link rel="stylesheet" href={{ get_url(path="custom_subset.css" ) }}>
|
|
{% elif lang == 'en' %}
|
|
<link rel="stylesheet" href={{ get_url(path="inter_subset_en.css" ) }}>
|
|
{% elif lang == 'es' %}
|
|
<link rel="stylesheet" href={{ get_url(path="inter_subset_es.css" ) }}>
|
|
{% endif %}
|
|
|
|
{# Define array of CSS files to load. main.css is always loaded. #}
|
|
{%- set stylesheets = [ "main.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) -%}
|
|
{%- endif -%}
|
|
|
|
{# Load extra CSS for custom skin #}
|
|
{%- if config.extra.skin and config.extra.skin != "teal" -%}
|
|
{%- set stylesheets = stylesheets | concat(with='skins/' ~ config.extra.skin ~ '.css') -%}
|
|
{%- endif -%}
|
|
|
|
{# Load all stylesheets #}
|
|
{%- for stylesheet in stylesheets %}
|
|
<link rel="stylesheet" href="{{ get_url(path=stylesheet, cachebust=true) | safe }}" />
|
|
{%- endfor %}
|
|
|
|
<meta name="color-scheme" content="{%- if config.extra.theme_switcher -%}light dark{%- elif config.extra.default_theme -%}{{config.extra.default_theme}}{%- else -%}light{%- endif -%}" />
|
|
|
|
{%- if config.extra.browser_theme_color and config.extra.browser_theme_color is iterable -%}
|
|
{# Handle array values: theme_color[0] for light mode, theme_color[1] for dark mode #}
|
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="{{ config.extra.browser_theme_color[0] }}" />
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="{{ config.extra.browser_theme_color[1] }}" />
|
|
{%- elif config.extra.browser_theme_color -%}
|
|
{# Handle single value #}
|
|
<meta name="theme-color" content="{{ config.extra.browser_theme_color }}" />
|
|
{%- endif -%}
|
|
|
|
{%- if page.description %}
|
|
<meta name="description" content="{{ page.description | striptags | safe }}" />
|
|
<meta property="og:description" content="{{ page.description | striptags | safe }}" />
|
|
{%- elif page.summary %}
|
|
<meta name="description" content="{{ page.summary | striptags | safe | trim_end_matches(pat=".") }}…" />
|
|
<meta property="og:description" content="{{ page.summary | striptags | safe | trim_end_matches(pat=".") }}…" />
|
|
{%- else %}
|
|
<meta name="description" content="{{ config.description }}" />
|
|
<meta property="og:description" content="{{ config.description }}" />
|
|
{%- endif %}
|
|
|
|
{% if is_404 %}
|
|
<meta name="robots" content="noindex, follow" />
|
|
{% else %}
|
|
<meta name="robots" content="index, nofollow" />
|
|
{% endif %}
|
|
|
|
<meta property="og:title" content="{{ page.title | default(value=config.title) | safe }}" />
|
|
<meta property="og:type" content="article" />
|
|
|
|
{# Add og:locale and hreflang tags for multilingual sites #}
|
|
{%- if config.languages | length > 0 and current_url %}
|
|
{%- include "partials/multilingual_tags.html" -%}
|
|
{%- else -%}
|
|
<meta property="og:locale" content="{{ macros_translate::translate(key="date_locale", default="en_GB", language_strings=language_strings) }}" />
|
|
{%- endif %}
|
|
|
|
{# Image for social media sharing #}
|
|
{%- set social_media_card = macros_settings::evaluate_setting_priority(setting="social_media_card", page=page | default(value=""), section=section | default(value=""), default_global_value="") -%}
|
|
{% if social_media_card %}
|
|
<meta property="og:image" content="{{ get_url(path=social_media_card, cachebust=true) }}" />
|
|
{%- set meta = get_image_metadata(path=social_media_card, allow_missing=true) -%}
|
|
{%- if meta -%}
|
|
<meta property="og:image:width" content="{{ meta.width }}" />
|
|
<meta property="og:image:height" content="{{ meta.height }}" />
|
|
{%- endif -%}
|
|
<meta name="twitter:image" content="{{ get_url(path=social_media_card, cachebust=true) }}" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
{% endif %}
|
|
|
|
{%- if current_url -%}
|
|
<meta property="og:url" content="{{ current_url }}">
|
|
{%- endif -%}
|
|
|
|
<meta property="og:site_name" content="{{ config.title }}">
|
|
|
|
<meta http-equiv="Content-Security-Policy"
|
|
content="default-src 'self'
|
|
{%- if config.extra.allowed_domains -%}
|
|
;
|
|
{#- Check if a comment system is enabled to allow the necessary domains and directives -#}
|
|
{%- set utterances_enabled = config.extra.utterances.enabled_for_all_posts or page.extra.utterances -%}
|
|
{%- set giscus_enabled = config.extra.giscus.enabled_for_all_posts or page.extra.giscus -%}
|
|
{%- set hyvortalk_enabled = config.extra.hyvortalk.enabled_for_all_posts or page.extra.hyvortalk -%}
|
|
{%- set isso_enabled = config.extra.isso.enabled_for_all_posts or page.extra.isso -%}
|
|
|
|
{#- Initialise a base connect-src directive -#}
|
|
{%- set connect_src = "connect-src 'self'" -%}
|
|
|
|
{%- if hyvortalk_enabled -%}
|
|
{%- set connect_src = connect_src ~ " talk.hyvor.com" -%}
|
|
{%- elif isso_enabled -%}
|
|
{%- set connect_src = connect_src ~ " " ~ config.extra.isso.endpoint_url -%}
|
|
{%- endif -%}
|
|
|
|
{#- Append WebSocket for Zola serve mode -#}
|
|
{%- if config.mode == "serve" -%}
|
|
{%- set connect_src = connect_src ~ " ws:" -%}
|
|
{%- endif -%}
|
|
|
|
{%- for domain in config.extra.allowed_domains -%}
|
|
{%- if domain.directive == "connect-src" -%}
|
|
{%- set configured_connect_src = domain.domains | join(sep=' ') -%}
|
|
{%- set_global connect_src = connect_src ~ " " ~ configured_connect_src -%}
|
|
{%- continue -%}
|
|
{%- endif -%}
|
|
|
|
{#- Handle directives that are not connect-src -#}
|
|
{{ domain.directive }} {{ domain.domains | join(sep=' ') -}}
|
|
|
|
{% if utterances_enabled or hyvortalk_enabled -%}
|
|
{%- if domain.directive == "style-src" %} 'unsafe-inline'
|
|
{%- endif -%}
|
|
{% endif -%}
|
|
|
|
{%- if domain.directive == "script-src" or domain.directive == "frame-src" -%}
|
|
{%- if giscus_enabled %} giscus.app
|
|
{%- elif utterances_enabled %} utteranc.es
|
|
{%- elif hyvortalk_enabled %} talk.hyvor.com
|
|
{%- endif %}
|
|
{%- endif -%}
|
|
|
|
{%- if domain.directive == "script-src" -%}
|
|
{%- if isso_enabled %} {{ config.extra.isso.endpoint_url }}
|
|
{%- endif %}
|
|
{%- endif -%}
|
|
{%- if not loop.last -%}
|
|
;
|
|
{%- endif -%}
|
|
{%- endfor -%}
|
|
|
|
{#- Insert the generated connect-src -#}
|
|
{{ ";" ~ connect_src }}
|
|
|
|
{%- endif -%}">
|
|
|
|
{%- if config.extra.theme_switcher and config.extra.theme_switcher == true -%}
|
|
{# If JavaScript is disabled, hide the button. #}
|
|
<noscript><link rel="stylesheet" href="{{ get_url(path='no_js.css') | safe }}"/></noscript>
|
|
<script type="text/javascript" src="{{ get_url(path='js/initializeTheme.min.js') | safe }}"></script>
|
|
<script defer src="{{ get_url(path='js/themeSwitcher.min.js', trailing_slash=false) | safe }}"/></script>
|
|
{%- endif -%}
|
|
|
|
</head>
|