geo/geo-coop
geo/geo-coop
7
1
Fork 0
Code Issues 55 Pull requests Projects Releases Packages Wiki Activity Actions

Reset page layout template to same as Octavia (but we expect to be customizing again)

Browse source
This commit is contained in:
benjamin melançon 2019-07-28 12:52:34 -04:00
parent 4abbbdba3c
commit 20a1dfab6a
1 changed files with 142 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

179
web/themes/custom/geofresco/src/templates/layout/page.html.twig
View file

@ -1,50 +1,155 @@
{% 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.
#}
{%
set page = page|merge({
'content_attributes': create_attribute().addClass([
'main-content',
'column',
'is-10-widescreen',
]),
})
%}
{% if is_front %}
{% if not page.content_attributes %}
{%
set page = page|merge({
'navbar_branding': '',
'content_attributes': create_attribute().addClass([
'main-content',
'column',
'is-10-widescreen',
]),
})
%}
{% endif %}
{% block header_and_search %}
{# Header hero region + search #}
{% block navbar %}
{# Add a new region #}
{% if page.header_user %}
<div class="container">
<div class="columns is-marginless is-vcentered">
<div class="column">
{% if not is_front %}
{{ page.header }}
{% endif %}
{% if is_front and site_logo %}
<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 %}
</div>
<div class="column is-narrow pull-right">
{{ page.header_search }}
</div>
<div class="columns">
<div class="column"></div>
{{ page.header_user }}
</div>
</div>
{% endblock header_and_search %}
{% 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">
{{ page.header }}
{% if is_front and site_slogan %}
<h1 class="title">{{ site_slogan }}</h1>
{% endif %}
</div>
<div class="column is-narrow">
{{ page.header_search }}
</div>
</div>
</div>
</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 %}