materio-d9/web/themes/custom/materiotheme/templates/layout/page.html.twig

103 lines
3.1 KiB
Twig

{#
/**
* @file
* Theme override to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.highlighted: Items for the highlighted content region.
* - page.content: The main content of the current page.
* - page.footer: Items for the footer region.
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
{# <div class="layout-container"> #}
<header role="banner">
<div class="wrapper row">
{{ page.header }}
<div class="header-block header-left col-4">
{% if page.header_left %}
<div class="header-block-wrapper">
{{ page.header_left}}
</div>
{% endif %}
</div>
<div class="header-block header-right col-8">
<label for="header-block-right-toggle">&#9776;</label>
<input type="checkbox" id="header-block-right-toggle"/>
{% if page.header_right %}
<div class="header-block-wrapper">
{{ page.header_right}}
</div>
{% endif %}
</div>
</div>
<div id="header-bottom" class="wrapper">
{{ page.header_bottom}}
</div>
</header>
<main role="main">
<div class="scroller">
<div class="wrapper">
<div id="content-left">
{% if page.content_left %}
{{ page.content_left }}
{% endif %}
</div>
<div id="content-center">
{% if page.content.messages %}
<aside class="messages">
{{ page.content.messages }}
</aside>
{% endif %}
<div id="content-top">
{{ page.content_top }}
</div>
<div id="main-content">
{{ page.content|without('messages') }}
</div>{# /.layout-content #}
</div>
</div>
</div>
</main>
{% if page.footer_left or page.footer_center or page.footer_right %}
<footer role="contentinfo">
<div class="wrapper">
{{ page.footer_left }}
{{ page.footer_center }}
{{ page.footer_right }}
</div>
</footer>
{% endif %}
{#</div> /.layout-container #}