otmp_site/templates/base.html

123 lines
5.3 KiB
HTML

<!doctype html>
<html lang="{{ lang }}">
<head>
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
{% if page.title %}
{% set title = page.title %}
{% elif section.title %}
{% set title = section.title %}
{% elif config.title %}
{% set title = config.title %}
{% endif %}
{% if page.extra.author %}
{% set author = page.extra.author %}
{% elif section.extra.author %}
{% set author = section.extra.author %}
{% elif config.extra.author %}
{% set author = config.extra.author %}
{% endif %}
{% if page.description %}
{% set description = page.description | truncate(length=150) %}
{% elif section.description %}
{% set description = section.description | truncate(length=150) %}
{% elif config.description %}
{% set description = config.description | truncate(length=150) %}
{% endif %}
{% if page.extra.image %}
{% set image = get_url(path=page.extra.image, trailing_slash=false) %}
{% elif section.extra.image %}
{% set image = get_url(path=section.extra.image, trailing_slash=false) %}
{% elif config.extra.logo %}
{% set image = get_url(path=config.extra.logo, trailing_slash=false) %}
{% endif %}
{% if page.permalink %}
{% set url = page.permalink %}
{% elif section.permalink %}
{% set url = section.permalink %}
{% elif config.base_url %}
{% set url = config.base_url %}
{% endif %}
{% if title %}<title>{{ title }}</title>{% endif %}
{% block metatags %}
{% if title %}<meta name="title" content="{{ title }}">{% endif %}
{% if author %}<meta name="author" content="{{ author }}">{% endif %}
{% if description %}<meta name="description" content="{{ description }}">{% endif %}
<meta name="generator" content="Zola v0.16.1">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ url | safe }}">
{% if title %}<meta property="og:site_name" content="{{ config.title }}">{% endif %}
{% if title %}<meta property="og:title" content="{{ title }}">{% endif %}
{% if description %}<meta property="og:description" content="{{ description }}">{% endif %}
{% if image %}<meta property="og:image" content="{{ image }}">{% endif %}
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="{{ url | safe }}">
{% if title %}<meta property="twitter:title" content="{{ title }}">{% endif %}
{% if description %}<meta property="twitter:description" content="{{ description }}">{% endif %}
{% if image %}<meta property="twitter:image" content="{{ image }}">{% endif %}
<link rel="canonical" href="{{ url | safe }}">
{% if image %}<link rel="shortcut icon" type="image/x-icon" href="{{ get_url(path=config.extra.logo, trailing_slash=false) }}">{% endif %}
<script type="application/ld+json">
{
{% if description %}"description":"{{ description | safe }}",{% endif %}
"url":"{{ url | safe }}",
"@type":"WebSite",
{% if title %}"headline":"{{ title | safe }}",{% endif %}
{% if title %}"name":"{{ title | safe }}",{% endif %}
{% if author %}"author":{
"@type":"Person",
"name":"{{ author | safe }}"
},{% endif %}
"@context":"https://schema.org"
}
</script>
{% endblock metatags %}
{% if config.generate_feed %}
{% block feed %}
<link rel="alternate" type="application/atom+xml" title="RSS" href="{{ get_url(path="atom.xml", trailing_slash=false) }}">
{% endblock feed %}
{% endif %}
{% block css %}
<link rel="stylesheet" href="{{ get_url(path='style.css', trailing_slash=false) | safe }}"/>
{% endblock css %}
</head>
<body theme="auto">
<div class="w">
<header>
{% if config.extra.header_nav %}
<nav>
{% for nav_item in config.extra.header_nav %}
<a href="{{ nav_item.url | safe }}" {% if nav_item.new_tab %}target="_blank" rel="noreferrer noopener"{% endif %}>{{ nav_item.name }}</a>
{% endfor %}
</nav>
{% endif %}
{% block header %}{% if title %}<h1>{{ config.title }}</h1>{% endif %}{% endblock header %}
</header>
<main class="page-content" aria-label="Content">
{% block content %}{% endblock content %}
</main>
<footer>
{% block footer %}{% endblock footer %}
{% if config.extra.footer_nav %}
<nav>
{% for nav_item in config.extra.footer_nav %}
<a href="{{ nav_item.url | safe }}">{{ nav_item.name }}</a>
{% endfor %}
</nav>
{% endif %}
</footer>
</div>
</body>
</html>