GravTheme/templates/partials/base.html.twig

205 lines
12 KiB
Twig

<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" lang="{{ html_lang }}" dir="ltr">
<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="Home" />
<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/print.css', {'priority': 70, 'group': 'print'}) %}
{% do assets.addCss('theme://css/style.css', 60) %}
{% do assets.addCss('theme://css/template.css', 55) %}
{% do assets.addCss('theme://css/common.css', 50) %}
{% do assets.addCss('theme://pluginAppObj/imFooter_pluginAppObj_03/custom.css', 40) %}
{% do assets.addCss('theme://pluginAppObj/imFooter_pluginAppObj_05/custom.css', 40) %}
{% endblock %}
{% block custom_stylesheets %}{% endblock %}
{% block javascripts %}
{% do assets.addJs('theme://js/jquery.js', 100) %}
{% do assets.addJs('theme://js/x5engine.js', 100) %}
{% do assets.addJs('theme://pluginAppObj/imFooter_pluginAppObj_03/main.js', 100) %}
{% do assets.addJs('theme://pluginAppObj/imFooter_pluginAppObj_05/main.js', 100) %}
{% endblock %}
{% block custom_scripts %}{% endblock %}
{% block assets deferred %}
{{ assets.css()|raw }}
{{ assets.css('print', {'media': 'print'})|raw }}
{{ assets.js()|raw }}
{% endblock %}
<script>
window.onload = function(){ checkBrowserCompatibility('Der von Ihnen verwendete Browser unterstützt nicht die die Funktionen, die für die Anzeige dieser Website benötigt werden.','Der von Ihnen verwendete Browser unterstützt möglicherweise nicht die die Funktionen, die für die Anzeige dieser Website benötigt werden.','[1]Browser aktualisieren[/1] oder [2]Vorgang fortsetzen[/2].','http://outdatedbrowser.com/'); };
x5engine.utils.currentPagePath = 'index.html';
x5engine.boot.push(function () { x5engine.utils.imCodeProtection('4Creative'); });
x5engine.boot.push(function () { x5engine.parallax.start(); });
x5engine.boot.push(function () { x5engine.imPageToTop.initializeButton({}); });
</script>
</head>
<body>
<div id="imPageExtContainer">
<div id="imPageIntContainer">
<div id="imHeaderBg"></div>
<div id="imFooterBg"></div>
<div id="imPage">
{% block header %}
{% include 'partials/header.html.twig' %}
{% endblock %}
{% block body %}
<div id="imContentGraphics"></div>
<main id="imContent">
<a id="imGoToCont"></a>
{% block content %}{% endblock %}
</main>
{% endblock %}
{% block footer %}
<footer id="imFooter">
<div id="imFooterObjects">
<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 data-line-height="1.15" class="lh1-15 imTARight"><span class="fs14lh1-15 cf1">(c) 2020-{{ "now"|date('Y') }} &nbsp;</span><span class="fs14lh1-15 cf1">by </span><span class="fs14lh1-15 cf1"><b>4Creative</b></span></div>
</div>
</div>
</div>
</div>
<div id="imFooter_pluginAppObj_03_wrapper" class="template-object-wrapper">
<!-- Animated Image v.31 -->
<div id="imFooter_pluginAppObj_03">
<div id="iandt_imFooter_pluginAppObj_03">
<div class="wrapper move-bottom">
<div class="sides-container">
<div class="side front">
<div class="text-container">
<div class='center-all'></div>
</div>
</div>
<div class="side back">
<div class="text-container">
<div class="center-all">
<script>
function decode_html(encoded, newlineTag) {
encoded = replaceAll("&amp;gt;", ">", encoded);
encoded = replaceAll("&amp;lt;", "<", encoded);
encoded = replaceAll("&quot;", "\"", encoded);
encoded = replaceAll("&amp;", "&", encoded);
encoded = replaceAll("&lt;br /&gt;", "", encoded);
return encoded;
}
function replaceAll(find, replace, str) {
return str.replace(new RegExp(find, 'g'), replace);
}
</script>
<div id="imFooter_pluginAppObj_03_link_btn" class='btn'>
<script>$('#imFooter_pluginAppObj_03_link_btn').append(decode_html("&amp;lt;a href=&quot;http://discord.gg/ZfPtWAr&quot; target=&quot;_blank&quot; onmouseover=&quot;x5engine.imTip.Show(this, { text: \'Link zu unserem Discord Kanal (Einladung)\', width: 180});&quot;&amp;gt;Unser Discord Kanal&amp;lt;/a&amp;gt;"));</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
animatedimage_imFooter_pluginAppObj_03();
</script>
</div>
</div>
<div id="imFooter_imObjectImage_04_wrapper" class="template-object-wrapper">
<div id="imFooter_imObjectImage_04">
<div id="imFooter_imObjectImage_04_container">4Creative Logo</div>
</div>
<script>
x5engine.boot.push(function () {
$('#imFooter_imObjectImage_04').addClass('imlazyloading').trigger('imLazyLoadingStart');
new x5engine.mediaObject({
'url': '211206165160216183098117154166151148224212215151098171228213210167160207168205163128156150165194170125133178160154',
'protect': true,
'load': function (o) {
$('#imFooter_imObjectImage_04_container').html($(o.DOMObject()).css({ 'position': 'relative', 'left': 0, 'top': 0 }));
$('#imFooter_imObjectImage_04').trigger('imLazyLoadingEnd');
}
});
});
</script>
</div>
<div id="imFooter_pluginAppObj_05_wrapper" class="template-object-wrapper">
<!-- Animated Image v.31 -->
<div id="imFooter_pluginAppObj_05">
<div id="iandt_imFooter_pluginAppObj_05">
<div class="wrapper flip-vert">
<div class="sides-container">
<div class="side front">
<div class="text-container">
<div class='center-all'></div>
</div>
</div>
<div class="side back">
<div class="text-container">
<div class="center-all">
<script>
function decode_html(encoded, newlineTag) {
encoded = replaceAll("&amp;gt;", ">", encoded);
encoded = replaceAll("&amp;lt;", "<", encoded);
encoded = replaceAll("&quot;", "\"", encoded);
encoded = replaceAll("&amp;", "&", encoded);
encoded = replaceAll("&lt;br /&gt;", "", encoded);
return encoded;
}
function replaceAll(find, replace, str) {
return str.replace(new RegExp(find, 'g'), replace);
}
</script>
<div id="imFooter_pluginAppObj_05_link_btn" class='btn'>
<script>$('#imFooter_pluginAppObj_05_link_btn').append(decode_html("&amp;lt;a href=&quot;http://discord.gg/ZfPtWAr&quot; onclick=&quot;return x5engine.imShowBox({ media:[{type: \'iframe\', url: \'http://discord.gg/ZfPtWAr\', width: 1920, height: 1080, description: \'\'}]}, 0, this);&quot;&amp;gt;Unser Discord Kanal&amp;lt;/a&amp;gt;"));</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
animatedimage_imFooter_pluginAppObj_05();
</script>
</div>
</div>
</div>
</footer>
{% endblock %}
</div>
<span 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 %}
</body>
</html>