{% if footer %} <footer class=“usa-footer usa-footer–big”>
{% if footer.last_updated %} <div class="grid-container"> <p>Last updated: {{ page.last_modified_at | date: '%B %d, %Y at %I:%M %p' }}</p> </div> {% endif %} {% if footer.top %} <div class="grid-container usa-footer__return-to-top"> <a href="{{ footer.top.href | default: '#' }}">{{ footer.top.text | default: 'Return to top' }}</a> </div> {% endif %} {% if footer.links %} {% assign footer_links = site.data.navigation[footer.links] | default: footer.links %} {% assign _sizes = '12 6' | split: ' ' %} {% if footer_links.size > 2 %} {% assign _size = "-" | append: 4 %} {% else %} {% assign _size = "-" | append: footer_links.size %} {% endif %} <div class="usa-footer__primary-section"> <div class="grid-container"> <div class="grid-row grid-gap"> <div class="{% if footer.big_footer_signup_form %}tablet:grid-col-8{% endif %}"> <nav class="usa-footer__nav" aria-label="Footer navigation"> <div class="grid-row grid-gap-4"> {% for _item in footer_links %} <div class="mobile-lg:grid-col-6 desktop:grid-col{{ _size }}"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible"> {% if _item.links %} <h4 class="usa-footer__primary-link">{{ _item.text }}</h4> <ul class="usa-list usa-list--unstyled"> {% for _link in _item.links %} <li class="usa-footer__secondary-link"> <a href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}"> {{ _link.text }} </a> </li> {% endfor %} </ul> {% else %} <a class="usa-footer__primary-link" href="{% if _item.external == true %}{{ _item.href }}{% else %}{{ _item.href | relative_url }}{% endif %}"> {{ _item.text }} </a> {% endif %} </section> </div> {% endfor %} </div> </nav> </div> {% if footer.big_footer_signup_form %} <div class="tablet:grid-col-4"> <div class="usa-sign-up"> <h3 class="usa-sign-up__heading">Sign up</h3> <form class="usa-form"> <label class="usa-label" for="email">Your email address</label> <input class="usa-input" id="email" name="email" type="email"> <button class="usa-button" type="submit">Sign up</button> </form> </div> </div> {% endif %} </div> </div> </div> {% endif %} {% if footer.logos or footer.heading or footer.contact or footer.edit_page %} <div class="usa-footer__secondary-section"> <div class="grid-container"> <div class="grid-row grid-gap"> <div class="usa-footer__logo grid-row mobile-lg:grid-col-6 mobile-lg:grid-gap-2"> {% if footer.logos %} {% for logo in footer.logos -%} <div class="mobile-lg:grid-col-auto"> {% if logo.url %} <a href="{{ logo.url }}"> {% endif %} <img class="usa-footer__logo-img" src="{% if logo.external %}{{ logo.src }}{% else %}{{ logo.src | relative_url }}{% endif %}" alt="{{ logo.alt }}"{% if logo.width %}width="{{ logo.width }}"{% endif %}{% if logo.height %}height="{{ logo.height }}"{% endif %}> {% if logo.url %} </a> {% endif %} </div> {% endfor %} {% endif %} {% if footer.heading %} <div class="mobile-lg:grid-col-auto"> <h3 class="usa-footer__logo-heading">{{ footer.heading }}</h3> </div> {% endif %} </div> {% if footer.contact %} <div class="usa-footer__contact-links mobile-lg:grid-col-6"> {% assign social_links = site.data.footer.contact.social_links %} {% if footer.contact.contact_links %} <div class="usa-footer__social-links grid-row grid-gap-1"> <div class="grid-col-auto"> {% for _link in social_links %} <a class="usa-social-link usa-social-link--{{ _link.type | default: 'generic' }}" href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}"> <span>{{ _link.text }}</span> </a> {% endfor %} </div> </div> {% endif %} {% if footer.contact.heading %} <h3 class="usa-footer__contact-heading">{{ footer.contact.heading }}</h3> {% endif %} {% if footer.contact.contact_links %} <address class="usa-footer__address"> {% assign contact_links = site.data.footer.contact.contact_links %} <div class="usa-footer__contact-info grid-row grid-gap"> {% for _link in contact_links %} <div class="grid-col-auto"> <a href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}"> {{ _link.text }} </a> </div> {% endfor %} </div> </address> {% endif %} {% endif %} </div> {% if footer.edit_page %} {% include components/github-edit.html footer=footer path=page.path %} {% endif %} </div> </div> </div> {% endif %}
</footer> {% endif %}