You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
3.2 KiB
88 lines
3.2 KiB
<div id="page-wrapper" class="page-wrapper"> |
|
<div id="page"> |
|
|
|
{% if page.header or page.primary_menu or page.secondary_menu %} |
|
<header id="header" class="site-header" data-drupal-selector="site-header" role="banner"> |
|
|
|
{# Gets fixed by JavaScript at wide widths. #} |
|
<div class="site-header__fixable" data-drupal-selector="site-header-fixable"> |
|
<div class="site-header__initial"> |
|
<button class="sticky-header-toggle" data-drupal-selector="sticky-header-toggle" role="switch" aria-controls="site-header__inner" aria-label="{{ 'Sticky header'|t }}" aria-checked="false"> |
|
<span class="sticky-header-toggle__icon"> |
|
<span></span> |
|
<span></span> |
|
<span></span> |
|
</span> |
|
</button> |
|
</div> |
|
|
|
{# Needs to extend full width so box shadow will also extend. #} |
|
<div id="site-header__inner" class="site-header__inner" data-drupal-selector="site-header-inner"> |
|
<div class="container site-header__inner__container"> |
|
|
|
{{ page.header }} |
|
|
|
{% if page.primary_menu or page.secondary_menu %} |
|
<div class="mobile-buttons" data-drupal-selector="mobile-buttons"> |
|
<button class="mobile-nav-button" data-drupal-selector="mobile-nav-button" aria-label="{{ 'Main Menu'|t }}" aria-controls="header-nav" aria-expanded="false"> |
|
<span class="mobile-nav-button__label">{{ 'Menu'|t }}</span> |
|
<span class="mobile-nav-button__icon"></span> |
|
</button> |
|
</div> |
|
|
|
<div id="header-nav" class="header-nav" data-drupal-selector="header-nav"> |
|
{{ page.primary_menu }} |
|
{{ page.secondary_menu }} |
|
</div> |
|
{% endif %} |
|
</div> |
|
</div> |
|
</div> |
|
</header> |
|
{% endif %} |
|
|
|
<div id="main-wrapper" class="layout-main-wrapper layout-container"> |
|
<div id="main" class="layout-main"> |
|
<div class="main-content"> |
|
<a id="main-content" tabindex="-1"></a> |
|
{{ page.hero }} |
|
{# {% include '@olivespwc/includes/lp-banner.html.twig' %} #} |
|
<div class="main-content__container container"> |
|
{{ page.highlighted }} |
|
{{ page.breadcrumb }} |
|
|
|
{% if page.sidebar %} |
|
<div class="sidebar-grid grid-full"> |
|
<main role="main" class="site-main"> |
|
{{ page.content_above }} |
|
{{ page.content }} |
|
</main> |
|
|
|
{{ page.sidebar }} |
|
</div> |
|
{% else %} |
|
<main role="main"> |
|
{{ page.content_above }} |
|
{{ page.content }} |
|
</main> |
|
{% endif %} |
|
{{ page.content_below }} |
|
</div> |
|
</div> |
|
<div class="social-bar"> |
|
{{ page.social }} |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<footer class="site-footer"> |
|
<div class="site-footer__inner container"> |
|
{{ page.footer_top }} |
|
{{ page.footer_bottom }} |
|
</div> |
|
</footer> |
|
|
|
<div class="overlay" data-drupal-selector="overlay"></div> |
|
|
|
</div> |
|
</div>
|
|
|