132 lines
6.8 KiB
Twig
132 lines
6.8 KiB
Twig
{% macro menu(menuid,pages) %}
|
|
<!-- UNSEARCHABLE -->
|
|
<div id="{{ menuid }}">
|
|
<div id="{{ menuid }}_container">
|
|
<div class="hamburger-button hamburger-component">
|
|
<div>
|
|
<div>
|
|
<div class="hamburger-bar"></div>
|
|
<div class="hamburger-bar"></div>
|
|
<div class="hamburger-bar"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hamburger-menu-background-container hamburger-component">
|
|
<div class="hamburger-menu-background menu-mobile menu-mobile-animated hidden">
|
|
<div class="hamburger-menu-close-button"><span>×</span></div>
|
|
</div>
|
|
</div>
|
|
<ul class="menu-mobile-animated hidden">
|
|
{%- for page in pages.children.visible %}{% set active_page = (page.active or page.activeChild) ? 'imMnMnCurrent' : '' %}<li class="{% if page.isFirst() %} imMnMnFirst {% elseif page.isLast() %} imMnMnLast {% else %} imMnMnMiddle {% endif %} {% if page.children.visible.count > 0 %} imLevel {% else %} imPage {% endif %} {{ active_page }}">
|
|
<div class="label-wrapper">
|
|
<div class="label-inner-wrapper">
|
|
<a class="label" href="{% if page.routable %}{{ page.url(true)|e }}{% else %}#{% endif %}" {% if page.header.external_url %}target="_blank"{% endif %}>{{ page.menu }}</a>
|
|
</div>
|
|
</div>
|
|
{%- if page.children.visible.count > 0 %}
|
|
<ul data-original-position="open-bottom" class="open-bottom">
|
|
{%- for cpage in page.children.visible %}
|
|
{% set active_cpage = (cpage.active or cpage.activeChild) ? 'imMnMnCurrent' : '' %}
|
|
<li class="{% if cpage.isFirst() %}imMnMnFirst{% elseif cpage.isLast() %}imMnMnLast{% else %}imMnMnMiddle{% endif %} imLevel {{ active_cpage }}">
|
|
<div class="label-wrapper">
|
|
<div class="label-inner-wrapper">
|
|
<a class="label" href="{{ cpage.url(true)|e }}" {% if cpage.header.external_url %}target="_blank"{% endif %}>{{ cpage.menu }}</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor -%}
|
|
</ul>
|
|
{% endif -%}
|
|
</li>{% endfor -%}
|
|
</ul>
|
|
</div>
|
|
</div><!-- UNSEARCHABLE END -->
|
|
{% endmacro %}
|
|
|
|
<header id="imHeader">
|
|
<h1 class="imHidden">4Creative</h1>
|
|
<div id="imHeaderObjects">
|
|
<div id="imHeader_imObjectImage_02_wrapper" class="template-object-wrapper">
|
|
<div id="imHeader_imObjectImage_02">
|
|
<div id="imHeader_imObjectImage_02_container">4Creative Logo</div>
|
|
</div>
|
|
<script>
|
|
x5engine.boot.push(function () {
|
|
$('#imHeader_imObjectImage_02').addClass('imlazyloading').trigger('imLazyLoadingStart');
|
|
new x5engine.mediaObject({
|
|
'url': '211206165160216183098117154166151148224212215151098171228213210167160207168156169188148',
|
|
'protect': true,
|
|
'load': function (o) {
|
|
$('#imHeader_imObjectImage_02_container').html($(o.DOMObject()).css({ 'position': 'relative', 'left': 0, 'top': 0 }));
|
|
$('#imHeader_imObjectImage_02').trigger('imLazyLoadingEnd');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
<div id="imHeader_imMenuObject_04_wrapper" class="template-object-wrapper">
|
|
{{ _self.menu('imHeader_imMenuObject_04',pages) }}
|
|
<script>
|
|
var imHeader_imMenuObject_04_settings = {
|
|
'menuId': 'imHeader_imMenuObject_04',
|
|
'responsiveMenuEffect': 'reveal',
|
|
'responsiveMenuLevelOpenEvent': 'mouseover',
|
|
'animationDuration': 1000,
|
|
}
|
|
x5engine.boot.push(function () { x5engine.initMenu(imHeader_imMenuObject_04_settings) });
|
|
$(function () { $('#imHeader_imMenuObject_04_container ul li').not('.imMnMnSeparator').each(function () { var $this = $(this), timeout = 0; $this.on('mouseenter', function () { if ($(this).parents('#imHeader_imMenuObject_04_container-menu-opened').length > 0) return; clearTimeout(timeout); setTimeout(function () { $this.children('ul, .multiple-column').stop(false, false).fadeIn(); }, 250); }).on('mouseleave', function () { if ($(this).parents('#imHeader_imMenuObject_04_container-menu-opened').length > 0) return; timeout = setTimeout(function () { $this.children('ul, .multiple-column').stop(false, false).fadeOut(); }, 250); }); }); });
|
|
</script>
|
|
</div>
|
|
<div id="imHeader_imObjectTitle_05_wrapper" class="template-object-wrapper">
|
|
<div id="imHeader_imObjectTitle_05"><span id="imHeader_imObjectTitle_05_text">Weltenverbund im Opensim</span></div>
|
|
</div>
|
|
<div id="imHeader_imObjectTitle_06_wrapper" class="template-object-wrapper">
|
|
<div id="imHeader_imObjectTitle_06"><span id="imHeader_imObjectTitle_06_text">Weltenverbund im Opensim</span></div>
|
|
</div>
|
|
<div id="imHeader_imObjectTitle_07_wrapper" class="template-object-wrapper">
|
|
<div id="imHeader_imObjectTitle_07"><span id="imHeader_imObjectTitle_07_text">Weltenverbund im Opensim</span></div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div id="imStickyBarContainer">
|
|
<div id="imStickyBarGraphics"></div>
|
|
<div id="imStickyBar">
|
|
<div id="imStickyBarObjects">
|
|
<div id="imStickyBar_imMenuObject_01_wrapper" class="template-object-wrapper">
|
|
{{ _self.menu('imStickyBar_imMenuObject_01',pages) }}
|
|
<script>
|
|
var imStickyBar_imMenuObject_01_settings = {
|
|
'menuId': 'imStickyBar_imMenuObject_01',
|
|
'responsiveMenuEffect': 'slide',
|
|
'responsiveMenuLevelOpenEvent': 'mouseover',
|
|
'animationDuration': 1000,
|
|
}
|
|
x5engine.boot.push(function () { x5engine.initMenu(imStickyBar_imMenuObject_01_settings) });
|
|
$(function () { $('#imStickyBar_imMenuObject_01_container ul li').not('.imMnMnSeparator').each(function () { var $this = $(this), timeout = 0; $this.on('mouseenter', function () { if ($(this).parents('#imStickyBar_imMenuObject_01_container-menu-opened').length > 0) return; clearTimeout(timeout); setTimeout(function () { $this.children('ul, .multiple-column').stop(false, false).fadeIn(); }, 250); }).on('mouseleave', function () { if ($(this).parents('#imStickyBar_imMenuObject_01_container-menu-opened').length > 0) return; timeout = setTimeout(function () { $this.children('ul, .multiple-column').stop(false, false).fadeOut(); }, 250); }); }); });
|
|
</script>
|
|
</div>
|
|
<div id="imStickyBar_imObjectImage_02_wrapper" class="template-object-wrapper">
|
|
<div id="imStickyBar_imObjectImage_02">
|
|
<div id="imStickyBar_imObjectImage_02_container">4Creative Logo transparent</div>
|
|
</div>
|
|
<script>
|
|
x5engine.boot.push(function () {
|
|
$('#imStickyBar_imObjectImage_02').addClass('imlazyloading').trigger('imLazyLoadingStart');
|
|
new x5engine.mediaObject({
|
|
'url': '211206165160216183098117154166151148224212215151098203228213210167166203161225169124157160213',
|
|
'protect': true,
|
|
'load': function (o) {
|
|
$('#imStickyBar_imObjectImage_02_container').html($(o.DOMObject()).css({ 'position': 'relative', 'left': 0, 'top': 0 }));
|
|
$('#imStickyBar_imObjectImage_02').trigger('imLazyLoadingEnd');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="imHidden" href="#imGoToCont" title="Überspringen Sie das Hauptmenü">Direkt zum Seiteninhalt</a>
|
|
<div id="imSideBar">
|
|
<div id="imSideBarObjects"></div>
|
|
</div> |