Reset page layout template to same as Octavia (but we expect to be customizing again)
This commit is contained in:
parent
4abbbdba3c
commit
20a1dfab6a
1 changed files with 142 additions and 37 deletions
|
@ -1,9 +1,11 @@
|
||||||
{% extends "@bulma/system/page.html.twig" %}
|
{% extends "@bulma/system/page.html.twig" %}
|
||||||
|
|
||||||
{#
|
{#
|
||||||
Limit the main content column to a max of 10 units at widescreen and above.
|
Limit the main content column to a max of 10 units at widescreen and above.
|
||||||
@see system/page.html.twig in the Bulma theme.
|
@see system/page.html.twig in the Bulma theme.
|
||||||
#}
|
#}
|
||||||
{%
|
{% if not page.content_attributes %}
|
||||||
|
{%
|
||||||
set page = page|merge({
|
set page = page|merge({
|
||||||
'content_attributes': create_attribute().addClass([
|
'content_attributes': create_attribute().addClass([
|
||||||
'main-content',
|
'main-content',
|
||||||
|
@ -11,40 +13,143 @@
|
||||||
'is-10-widescreen',
|
'is-10-widescreen',
|
||||||
]),
|
]),
|
||||||
})
|
})
|
||||||
%}
|
|
||||||
|
|
||||||
{% if is_front %}
|
|
||||||
{%
|
|
||||||
set page = page|merge({
|
|
||||||
'navbar_branding': '',
|
|
||||||
})
|
|
||||||
%}
|
%}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
{% block navbar %}
|
||||||
{% block header_and_search %}
|
{# Add a new region #}
|
||||||
{# Header hero region + search #}
|
{% if page.header_user %}
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="columns is-marginless is-vcentered">
|
<div class="columns">
|
||||||
|
<div class="column"></div>
|
||||||
|
{{ page.header_user }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{{ parent() }}
|
||||||
|
{% endblock navbar %}
|
||||||
|
{% block header %}
|
||||||
|
<section class="hero">
|
||||||
|
{% block header_and_search %}
|
||||||
|
{% if page.header or page.header_search %}
|
||||||
|
{# Header hero region + search #}
|
||||||
|
<div class="hero-body">
|
||||||
|
<div class="container">
|
||||||
|
<div class="columns is-vcentered">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
{% if not is_front %}
|
|
||||||
{{ page.header }}
|
{{ page.header }}
|
||||||
{% endif %}
|
{% if is_front and site_slogan %}
|
||||||
{% if is_front and site_logo %}
|
<h1 class="title">{{ site_slogan }}</h1>
|
||||||
<div class="columns is-desktop is-vcentered family-home-branding__front">
|
|
||||||
<div class="column is-two-fifths-desktop">
|
|
||||||
<figure class="wordmark image">
|
|
||||||
<img src="{{ site_logo }}" alt="{{ site_name }}" />
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<span class="title is-size-5 is-size-4-tablet is-size-3-widescreen slogan">{{ site_slogan }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="column is-narrow pull-right">
|
<div class="column is-narrow">
|
||||||
{{ page.header_search }}
|
{{ page.header_search }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock header_and_search %}
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endblock header_and_search %}
|
||||||
|
{% block tabs %}
|
||||||
|
{# Drupal tabs #}
|
||||||
|
{% if page.header_tabs %}
|
||||||
|
<div class="hero-footer">
|
||||||
|
<div class="container">
|
||||||
|
{{ page.header_tabs }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endblock tabs %}
|
||||||
|
</section>
|
||||||
|
{% endblock header %}
|
||||||
|
{% block main %}
|
||||||
|
{# Main section #}
|
||||||
|
<section class="section">
|
||||||
|
<main role="main" class="container">
|
||||||
|
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
|
||||||
|
|
||||||
|
{{ page.highlighted }}
|
||||||
|
{{ page.help }}
|
||||||
|
|
||||||
|
<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 %}
|
||||||
|
{# 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 %}
|
||||||
|
{% block sidebar_second %}
|
||||||
|
{# Sidebar second #}
|
||||||
|
{% if page.sidebar_second %}
|
||||||
|
{% if not page.sidebar_second_attributes %}
|
||||||
|
{%
|
||||||
|
set page = page|merge({
|
||||||
|
'sidebar_second_attributes': create_attribute().addClass([
|
||||||
|
'sidebar-second',
|
||||||
|
'column',
|
||||||
|
'is-2',
|
||||||
|
]),
|
||||||
|
})
|
||||||
|
%}
|
||||||
|
{% endif %}
|
||||||
|
<aside{{page.sidebar_second_attributes|without('role')}} role="complimentary>
|
||||||
|
{{ page.sidebar_second }}
|
||||||
|
</aside>
|
||||||
|
{% endif %}
|
||||||
|
{% endblock sidebar_second %}
|
||||||
|
</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%}
|
||||||
|
<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"></div>
|
||||||
|
{{ page.footer_info }}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
{% if page.footer_notice %}
|
||||||
|
{{ page.footer_notice }}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
{% endif %}
|
||||||
|
{% endblock footer %}
|
Loading…
Add table
Add a link
Reference in a new issue