153 lines
4.2 KiB
Twig
153 lines
4.2 KiB
Twig
{% extends "@bulma/system/page.html.twig" %}
|
|
|
|
{#
|
|
Limit the main content column to a max of 10 units at widescreen and above.
|
|
@see system/page.html.twig in the Bulma theme.
|
|
#}
|
|
{% if not page.content_attributes %}
|
|
{%
|
|
set page = page|merge({
|
|
'content_attributes': create_attribute().addClass([
|
|
'main-content',
|
|
'column',
|
|
'is-10-widescreen',
|
|
]),
|
|
})
|
|
%}
|
|
{% endif %}
|
|
{% block navbar %}
|
|
{# We put everything in Bulma columns so must do navbar in header block #}
|
|
{% endblock navbar %}
|
|
{% block header %}
|
|
<div class="header columns is-mobile is-multiline is-marginless">
|
|
{% block navbar_branding %}
|
|
{{ page.navbar_branding }}
|
|
{% endblock navbar_branding %}
|
|
<nav class="navigation column">
|
|
<div class="columns">
|
|
{% if page.header_search %}
|
|
<div class="search-bar column has-text-right">
|
|
{{ page.header_search }}
|
|
</div>
|
|
{% endif %}
|
|
{% block navbar_social %}
|
|
{% if page.navbar_social %}
|
|
<div class="column is-narrow">
|
|
{{ page.navbar_social }}
|
|
</div>
|
|
{% endif %}
|
|
{% endblock navbar_social %}
|
|
{% block primary_menu %}
|
|
{% if page.primary_menu %}
|
|
<div class="column is-narrow">
|
|
{{ page.primary_menu }}
|
|
</div>
|
|
{% endif %}
|
|
{% endblock primary_menu %}
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column has-text-centered">
|
|
<p class="slogan"><strong class="title">{{ site_slogan }}</strong></p>
|
|
</div>
|
|
</div>
|
|
{{ page.highlighted }}
|
|
{{ page.help }}
|
|
{% block tabs %}
|
|
{# Drupal tabs (edit, delete, etc) #}
|
|
{{ page.header_tabs }}
|
|
{% endblock tabs %}
|
|
{% if not is_front %}
|
|
<section class="page-title">
|
|
{% block header_and_search %}
|
|
{% if page.header %}
|
|
{# Header region #}
|
|
<div class="container">
|
|
<div class="columns is-vcentered">
|
|
<div class="column">
|
|
{{ page.header }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endblock header_and_search %}
|
|
</section>
|
|
{% endif %}
|
|
{% endblock header %}
|
|
{% block main %}
|
|
{# Main section #}
|
|
<section class="section main-section">
|
|
<main role="main" class="container">
|
|
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
|
|
|
|
<div class="columns is-centered">
|
|
{% block main_content %}
|
|
{# Set attributes for content. #}
|
|
{% if not page.content_attributes %}
|
|
{%
|
|
set page = page|merge({
|
|
'content_attributes': create_attribute().addClass([
|
|
'main-content',
|
|
'column',
|
|
]),
|
|
})
|
|
%}
|
|
{% endif %}
|
|
{# Main content #}
|
|
<div{{page.content_attributes}}>
|
|
{{ page.content }}
|
|
</div>
|
|
{% endblock main_content %}
|
|
{% block sidebar_first %}
|
|
{# Sidebar first #}
|
|
{% if page.sidebar_first and not is_front and (not node or (node and node.bundle == 'page')) %}
|
|
{# Set attributes for content. #}
|
|
{% if not page.sidebar_first_attributes %}
|
|
{%
|
|
set page = page|merge({
|
|
'sidebar_first_attributes': create_attribute().addClass([
|
|
'sidebar-first',
|
|
'column',
|
|
'is-2',
|
|
]),
|
|
})
|
|
%}
|
|
{% endif %}
|
|
<aside{{page.sidebar_first_attributes|without('role')}} role="complimentary">
|
|
{{ page.sidebar_first }}
|
|
</aside>
|
|
{% endif %}
|
|
{% endblock sidebar_first %}
|
|
</div>
|
|
{{ page.content_bottom }}
|
|
</main>
|
|
</section>
|
|
{% endblock main %}
|
|
{% block footer %}
|
|
{% if page.footer or page.footer_menus or page.footer_info or page.footer_notice or page.header_user %}
|
|
<footer role="contentinfo" class="footer">
|
|
<div class="container">
|
|
{{ page.footer }}
|
|
<div class="columns">
|
|
{% if page.footer_menus %}
|
|
{{ page.footer_menus }}
|
|
{% endif %}
|
|
{% if page.footer_info %}
|
|
<div class="column">
|
|
{{ page.footer_info }}
|
|
</div>
|
|
{% endif %}
|
|
{% if page.header_user %}
|
|
<div class="user-account-menu column is-narrow">
|
|
{{ page.header_user }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% if page.footer_notice %}
|
|
{{ page.footer_notice }}
|
|
{% endif %}
|
|
</div>
|
|
</footer>
|
|
{% endif %}
|
|
{% endblock footer %}
|