GravTheme/templates/partials/base.html.twig

114 lines
6.1 KiB
Twig

<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" lang="{{ html_lang }}" dir="ltr" {% if theme.assetprotection == 1 %}data-copyright-msg="{{ theme.copyrightmessage }}"{% endif %}>
<head>
{% block head %}
<title>{% if header.title %}{{ header.title|e }} | {% endif %}{{ site.title|e }}</title>
<meta charset="utf-8" />
<!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:locale" content="{{ html_lang }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ page.url(true)|e }}" />
<meta property="og:title" content="{{ site.title }}" />
<meta property="og:site_name" content="{{ site.title }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
{% include 'partials/metadata.html.twig' %}
<link rel="icon" type="image/png" href="{{ url('favicon.png')|e }}" />
<link rel="canonical" href="{{ page.canonical(true)|e }}" />
{% endblock head %}
{% block stylesheets %}
{% do assets.addCss('theme://css/reset.css', 90) %}
{% do assets.addCss('theme://fonts/opensans.css', 80) %}
{% do assets.addCss('theme://fonts/unicaone.css', 80) %}
{% do assets.addCss('theme://fonts/marcellussc.css', 80) %}
{% do assets.addCss('theme://css/page.css', 75) %}
{% do assets.addCss('theme://css/navbar.css', 50) %}
{% do assets.addCss('theme://css/footer.css', 50) %}
{% do assets.addCss('theme://css/animated-image.css', 50) %}
{% if theme.cookiebanner.enabled == 1 %} {% do assets.addCss('theme://css/cookiebanner.css', 50) %} {% endif %}
{% do assets.addCss('theme://css/print.css', {'priority': 10, 'group': 'print'}) %}
{% endblock %}
{% block custom_stylesheets %}{% endblock %}
{% block javascripts %}
{% do assets.addJs('theme://js/jquery-3.7.1.min.js', 100) %}
{% do assets.addJs('theme://js/base.js', 100) %}
{% if theme.cookiebanner.enabled == 1 %} {% do assets.addJs('theme://js/cookiebanner.js', 90) %} {% endif %}
{% if theme.assetprotection == 1 %} {% do assets.addJs('theme://js/asset-protection.js', 90) %} {% endif %}
{% endblock %}
{% block custom_scripts %}{% endblock %}
{% block assets deferred %}
{{ assets.css()|raw }}
{{ assets.css('print', {'media': 'print'})|raw }}
{{ assets.js()|raw }}
{% endblock %}
</head>
<body>
{% if theme.cookiebanner.enabled == 1 and get_cookie('cookieBannerDismiss') != 'true' %}
<div id="cookie-law-message" class="alertbox hidden" data-position="top" data-priority="1" style="position: fixed; top: 0px; left: 0px; right: 0px; border-top-width: 0px; z-index: 10801;">
<div class="message-container">
<div class="wrapper-content">Diese Seite benutzt Cookies. Dazu und über den Datenschutz im Weltenverbund lesen Sie bitte die <a href="{{ theme.cookiebanner.gdprUrl }}" target="_blank" class="imCssLink">Datenschutzhinweise</a>.<div class="imClose close"><div class="imCloseInn">Einverstanden</div></div></div>
</div>
</div>
{% endif %}
<div id="imPageExtContainer">
<div id="imPageIntContainer">
{% if theme.header.background.count() > 0 %}<div id="imHeaderBg" style="background-image: url('{{ theme.header.background }}')"></div>{% endif %}
<div id="imFooterBg"></div>
<div id="imPage">
{% block header %}
{% include 'partials/header.html.twig' %}
{% endblock %}
{% block body %}
<main id="imContent">
<a id="imGoToCont"></a>
{% block content %}{% endblock %}
</main>
{% endblock %}
{% block footer %}
<footer id="imFooter">
<div id="imFooterObjects">
<div class="template-object-wrapper animated-image">
<img class="over-720" loading="lazy" alt="4Creative Discord Button" style="position: relative; left: 0px; top: 0px; user-select: none" draggable="false" unselectable="on" src="/{{ theme.footer.dcbutton|first.path|e }}">
<img class="under-720" loading="lazy" alt="4Creative Discord Button" style="position: relative; left: 0px; top: 0px; user-select: none" draggable="false" unselectable="on" src="/{{ theme.footer.dcbuttonsmall|first.path|e }}">
<a href="{{ theme.dcurl }}" data-description="Link zu unserem Discord Kanal (Einladung)">Unser Discord Kanal</a>
</div>
<div id="imFooter_imTextObject_02_wrapper" class="template-object-wrapper">
<div id="imFooter_imTextObject_02">
<div data-index="0" class="text-tab-content grid-prop current-tab" id="imFooter_imTextObject_02_tab0" style="opacity: 1">
<div class="text-inner">
<div class="imTARight">(c) 2020-{{ "now"|date('Y') }} &nbsp;by <b>4Creative</b></div>
</div>
</div>
</div>
</div>
<div id="imFooter_imObjectImage_04_wrapper" class="template-object-wrapper">
<div id="imFooter_imObjectImage_04">
<img loading="lazy" alt="4Creative Logo" style="position: relative; left: 0px; top: 0px; user-select: none;" draggable="false" unselectable="on" src="/{{ theme.footer.logo|first.path|e }}">
</div>
</div>
</div>
</footer>
{% endblock %}
</div>
<span id="to-top" class="imHidden"><a href="#imGoToCont" title="Lesen Sie den Inhalt der Seite noch einmal durch">Zurück zum Seiteninhalt</a></span>
</div>
</div>
<noscript class="imNoScript">
<div class="alert alert-red">Um diese Website nutzen zu können, aktivieren Sie bitte JavaScript.</div>
</noscript>
{% block bottom %}
{{ assets.js('bottom')|raw }}
{% endblock %}
<div id="to-top" class="page-to-top-visible" style="display: block;"><a id="to-top-link" href="#imGoToCont"><img src="{{ media['theme://images/page-to-top.png'].url|e }}" alt="scroll to top" id="to-top-img"></a></div>
</body>
</html>