101 lines
4.4 KiB
Twig
101 lines
4.4 KiB
Twig
{% set theme_config = attribute(config.themes, config.system.pages.theme) %}
|
|
<!DOCTYPE html>
|
|
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
|
|
<head>
|
|
{% block head %}
|
|
<meta charset="utf-8" />
|
|
<title>{{ site.title|e('html') }}{% if header.title %} | {{ header.title|e('html') }}{% endif %}</title>
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
{% include 'partials/metadata.html.twig' %}
|
|
|
|
<link rel="icon" type="image/png" href="{{ url('theme://images/logo.png') }}" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{{ url('theme://images/icons/apple-touch-icon.png') }}">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{{ url('theme://images/icons/favicon-32x32.png') }}">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{{ url('theme://images/icons/favicon-16x16.png') }}">
|
|
<link rel="manifest" href="{{ url('theme://images/icons/site.webmanifest') }}">
|
|
<link rel="mask-icon" href="{{ url('theme://images/icons/safari-pinned-tab.svg" color="#00a300') }}">
|
|
<link rel="shortcut icon" href="{{ url('theme://images/icons/favicon.ico') }}">
|
|
<meta name="msapplication-TileColor" content="#00a300">
|
|
<meta name="msapplication-config" content="{{ url('theme://images/icons/browserconfig.xml') }}">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<link rel="canonical" href="{{ page.url(true, true) }}" />
|
|
{% endblock head %}
|
|
|
|
{% block stylesheets %}
|
|
{% do assets.addCss('theme://dist/app.css', 100) %}
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
{% do assets.addJs('theme://dist/app.js', 100) %}
|
|
{% endblock %}
|
|
|
|
{% block assets_css %}
|
|
{{ assets.css()|raw }}
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
{% set header_page = pages.find('/header') %}
|
|
<div id="wrapper" class="d-flex flex-column">
|
|
{% include 'partials/navbar.html.twig' %}
|
|
<div class="content-wrapper flex-fill">
|
|
<header class="p-2 bg-ro text-white">
|
|
<div class="container">
|
|
<div class="row row-fixed-h mb-2">
|
|
<a href="/" class="col-12" data-umami-event="Header-Logo button">
|
|
{% include 'partials/logo.html.twig' with {style: 'filter: invert(100%); margin-right: 0.5rem;'} %}
|
|
{% for media_item in header_page.media.images %}
|
|
{% set aspect = media_item.width / media_item.height %}
|
|
{% set new_height = 160 %}
|
|
{% set new_width = new_height * aspect %}
|
|
<img alt="" src="{{ media_item.cropResize(new_width,new_height).quality(75).url }}" />
|
|
{% endfor %}
|
|
</a>
|
|
</div>
|
|
<div class="row">
|
|
{{ header_page.content }}
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="container-fluid clearfix">
|
|
<div class="container py-5">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<footer class="container-fluid w-100 bg-ro text-light py-3 content-wrapper">
|
|
{% block footer %}
|
|
<footer class="container-fluid text-light py-3">
|
|
<div class="row">
|
|
<p class="mx-auto w-auto">
|
|
<a href="/impressum">Impressum</a>
|
|
<span> | </span>
|
|
<a href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
|
<span> | </span>
|
|
<a href="/kontakt">Kontakt</a>
|
|
</p>
|
|
</div>
|
|
<div class="row">
|
|
<p class="mx-auto w-auto">© Heike Tischler</p>
|
|
</div>
|
|
</footer>
|
|
{% endblock %}
|
|
</footer>
|
|
</div>
|
|
|
|
{% block bottom %}
|
|
{{ assets.js('bottom')|raw }}
|
|
{% endblock %}
|
|
</body>
|
|
|
|
{% block assets_js deferred %}
|
|
{{ assets.js()|raw }}
|
|
{% endblock %}
|
|
|
|
{% if theme_var('umami.enabled') %}
|
|
<script async defer data-website-id="{{ theme_var('umami.id') }}" src="{{ theme_var('umami.url') }}"></script>
|
|
<script async defer src="{{ theme_var('umami.url_external_tracking') }}"></script>
|
|
{% endif %}
|
|
|
|
</html>
|