Footer
The footer is made up of the following components:
It also contains a footer menu and copyright blurb. These are subcomponents of the footer and are not reused anywhere.
{{ attach_library('h4h_theme/footer') }}
{# Include the main sprite with icons used by the header and footer. #}
{% include "@h4h_theme/icons/assets/sprite.svg.twig" %}
<footer role="contentinfo" class="footer">
<div class="footer__over">
<div class="footer__search">
{#
First try to see if the search var contains any subitems.
If so it's not the rendered search block so we need to include
the style guide search component.
#}
{% if search.label %}
{%
include "@h4h_theme/site-search/site-search.twig" with {
label: search.label
} only
%}
{# If it doesn't contain subitems it's the rendered search block. #}
{% else %}
{{ search }}
{% endif %}
</div>
<div class="footer__social footer-hide-small">
{%
include "@h4h_theme/social-bar/social-bar.twig" with {
items: social.items
} only
%}
</div>
<div class="footer__donate">
<a class="btn btn--donate footer__btn" href="{{ donate.link }}">{{ donate.text }}</a>
</div>
<div class="footer__copyright footer-show-small">
<div class="footer__copyright-content">
{#
The copyright text is being escaped before it's passed into this file.
We need to preserve the <p> tags included in the output so we pass it the raw filter.
#}
{{ copyright|raw }}
</div>
</div>
</div>
<div class="footer__container">
<div class="footer__content l-center">
<div class="footer__logo">
{%
include "@h4h_theme/site-logo/site-logo.twig" with {
link: logo.link,
espanol: logo.espanol,
class: 'site-logo--footer'
} only
%}
</div>
<div class="footer__social footer-show-small">
{%
include "@h4h_theme/social-bar/social-bar.twig" with {
items: social.items,
classes: 'social-bar--footer social-bar--dark'
} only
%}
</div>
<div class="footer__menu">
{%
include "@h4h_theme/footer-menu/footer-menu.twig" with {
items: menu.items
} only
%}
</div>
<div class="footer__submenu">
{%
include "@h4h_theme/footer-submenu/footer-submenu.twig" with {
items: submenu.items
} only
%}
</div>
<div class="footer__copyright footer-hide-small">
<div class="footer__copyright-content">
{#
The copyright text is being escaped before it's passed into this file.
We need to preserve the <p> tags included in the output so we pass it the raw filter.
#}
{{ copyright|raw }}
</div>
</div>
</div>
</div>
</footer>