Donate
This is the donate dropdown in the header.
{{ attach_library('h4h_theme/donate') }}
{% if donate_menu.items is empty %}
{# Non-NA pages always use the "fallback", which is populated by the Area
Editions's link options. #}
<a class="btn btn--donate header__btn" href="{{ donate_fallback.link }}">{{ donate_fallback.text }}</a>
{% else %}
{# Fallback if JS doesn't load #}
<a class="btn btn--donate header__btn btn--no-js" href="{{ donate_fallback.link }}">{{ donate_fallback.text }}</a>
<nav class="donate-menu" id="donate-menu" role="navigation" aria-label="Donate Menu">
{# Donate menu #}
<ul class="donate-menu__nav-wrapper" role="menubar">
<li class="donate-menu__parent-item js-donate-menu__parent-item">
{# Button used to toggle menu visibility #}
<button class="btn btn--donate header__btn btn--js" id="donate-button" aria-label="donate toggle button" aria-pressed="false">{{ donate_button.text }}</button>
<ul class="donate-menu__list donate-menu__list--desktop" id="donate-dropdown" aria-expanded="false" aria-label="donate menu items">
{% for item in donate_menu.items %}
<li class="donate-menu__item js-donate-menu__item" role="menuitem">
<a class="donate-menu__link js-donate-menu__link" href="{{ item.link }}">{{ item.text }}</a>
</li>
{% endfor %}
</ul>
</li>
</ul>
</nav>
{% endif %}