page.html.twig

{#
/**
 * @file
 * Arizona Barrio's theme implementation to display a single page.
 *
 * The doctype, html, head and body tags are not in this template. Instead they
 * can be found in the html.html.twig template normally located in the
 * core/modules/system directory.
 *
 * Available variables:
 *
 * General utility variables:
 * - base_path: The base URL path of the Drupal installation. Will usually be
 *   "/" unless you have installed Drupal in a sub-directory.
 * - is_front: A flag indicating if the current page is the front page.
 * - logged_in: A flag indicating if the user is registered and signed in.
 * - is_admin: A flag indicating if the user has permission to access
 *   administration pages.
 * - az_barrio_navbar_offcanvas: A flag indicating if the offcanvas nav is
 *   enabled.
 *
 * Site identity:
 * - front_page: The URL of the front page. Use this instead of base_path when
 *   linking to the front page. This includes the language domain or prefix.
 * - logo: The url of the logo image, as defined in theme settings.
 * - site_name: The name of the site. This is empty when displaying the site
 *   name has been disabled in the theme settings.
 * - site_slogan: The slogan of the site. This is empty when displaying the site
 *   slogan has been disabled in theme settings.

 * Page content (in order of occurrence in the default page.html.twig):
 * - node: Fully loaded node, if there is an automatically-loaded node
 *   associated with the page and the node ID is the second argument in the
 *   page's path (e.g. node/12345 and node/12345/revisions, but not
 *   comment/reply/12345).
 *
 * Regions:
 * - page.alert: Items for the top header alert region.
 * - page.header_ua_utilities: Items for the top header utility bar region.
 * - page.branding: Items for the site branding region.
 * - page.header: Items for the header region next to logo.
 * - page.header_2: Items for the secondary header region next to logo.
 * - page.navigation: Items for the navigation menu region.
 * - page.navigation_offcanvas: Items for off-canvas content.
 * - page.help: Items for the help region.
 * - page.content_featured: Items for the featured content region.
 * - page.highlighted: Items for the highlighted region.
 * - page.breadcrumb: Items for the breadcrumb region.
 * - page.content_top: Items for the content top region.
 * - page.sidebar_first: Items for the first sidebar.
 * - page.sidebar_second: Items for the second sidebar.
 * - page.content: The main content of the current page.
 * - page.full_width_content_bottom: Items for the full-width bottom region.
 * - page.content_2_col_1: Items for the first 2-column bottom region.
 * - page.content_2_col_2: Items for the second 2-column bottom region.
 * - page.content_3_col_1: Items for the first 3-column bottom region.
 * - page.content_3_col_2: Items for the second 3-column bottom region.
 * - page.content_3_col_3: Items for the third 3-column bottom region.
 * - page.content_bottom: Items for the bottom region.
 * - page.content_4_col_1: Items for the first 4-column content bottom region.
 * - page.content_4_col_2: Items for the second 4-column content bottom region.
 * - page.content_4_col_3: Items for the third 4-column content bottom region.
 * - page.content_4_col_4: Items for the fourth 4-column content bottom region.
 * - page.footer: Items for footer content.
 * - page.footer_sub: Items for the content below footer.
 * - page.footer_sub_menus: Items for menu content below footer.
 * - page.az_page_bottom: Items for the very bottom of the page.
 *
 * Theme variables:
 * - navbar_offcanvas_attributes: Attributes for the navbar_top region.
 * - navbar_top_attributes: Attributes for the navbar_top region.
 * - navbar_attributes: Attributes for the navbar region.
 * - content_attributes: Attributes for the content region.
 * - sidebar_first_attributes: Attributes for the sidebar_first region.
 * - sidebar_second_attributes: Attributes for the sidebar_second region.
 *
 * @see template_preprocess_page()
 * @see bootstrap_barrio_preprocess_page()
 * @see html.html.twig
 */
#}

<div id="page-wrapper">
  <div id="page">
    <header id="header" class="header" role="banner" aria-label="{{ 'Site header'|t}}">
        {% if page.alert %}
          {{ page.alert }}
        {% endif %}
        <header class="bg-red arizona-header" id="header_arizona" role="banner">
          <div class="{{ container }}">
            <div class="row">
              {% if wordmark %}
              <a class="arizona-logo" href="https://www.arizona.edu" title="The University of Arizona homepage">
                <img class="arizona-line-logo" alt="The University of Arizona Wordmark Line Logo White" src="https://cdn.digital.arizona.edu/logos/v1.0.0/ua_wordmark_line_logo_white_rgb.min.svg" fetchpriority="high" />
              </a>
              {% endif %}
              {% if page.header_ua_utilities %}
                {{ page.header_ua_utilities }}
              {% endif %}
            </div> <!-- /.row -->
          </div> <!-- /.container -->
          {% if az_barrio_navbar_offcanvas %}
          <div class="redbar-buttons d-lg-none d-flex">
            <button data-toggle="offcanvas" type="button" data-target="#navbar-top" aria-controls="navbar-top" class="btn btn-redbar" id="jsAzSearch">
              <span class="icon material-icons-sharp"> search </span>
              <span class="icon-text"> search </span>
            </button>
            <button data-toggle="offcanvas" type="button" data-target="#navbar-top" aria-controls="navbar-top" class="btn btn-redbar">
              <span class="icon material-icons-sharp"> menu </span>
              <span class="icon-text"> menu </span>
            </button>
          </div>
          {% endif %}
        </header>
        <div class="header page-row" id="header_site" role="banner">
          <div class="{{ container }}">
            <div class="row">
              <div class="{{ header_one_col_classes }}">
                {{ page.branding }}
              </div>
              <div class="{{ header_two_col_classes }}">
                <div class="row">
                  {{ page.header }}
                </div>
                {% if page.header_2 %}
                <div class="row">
                  {{ page.header_2 }}
                </div>
                {% endif %}
              </div>
            </div> <!-- /.row -->
          </div> <!-- /.container -->

          <div class="container">
            <div class="row">
              {% if az_barrio_navbar_offcanvas %}
              <div class="col-lg">
                <nav{{ navbar_offcanvas_attributes }}>
                  <div class="navbar-offcanvas-header">
                    <div class="bg-chili d-flex justify-content-between align-items-center">
                      <a href="/" class="btn btn-redbar">
                        <span class="icon material-icons-sharp"> home </span>
                        <span class="icon-text"> home </span>
                      </a>
                      <button data-toggle="offcanvas" type="button" data-target="#navbar-top" aria-controls="navbar-top" class="btn btn-redbar">
                        <span class="icon material-icons-sharp"> close </span>
                        <span class="icon-text"> close </span>
                      </button>
                    </div>
                    {% if page.navigation_offcanvas %}
                      {{ page.navigation_offcanvas }}
                    {% endif %}
                </div>
                {% endif %}
                  {% if page.navigation %}
                    {{ page.navigation }}
                  {% endif %}
              {% if az_barrio_navbar_offcanvas %}
                </nav>
              </div>
              {% endif %}
            </div>
            {% if page.help %}
              <div class="row">
                {{ page.help }}
              </div>
            {% endif %}
          </div>
        </div>
    </header>

    <div id="main-wrapper" class="layout-main-wrapper clearfix">
        <div id="main">
          {% if page.content_featured %}
          <section id="content_featured">
            {{ page.content_featured }}
          </section>
          {% endif %}
          {% if page.breadcrumb or page.content_top or page.highlighted %}
          <div class="{{ container }}">
            {% if page.highlighted %}
            <div class="row">
              {{ page.highlighted }}
            </div>
            {% endif %}
            {% if page.breadcrumb %}
            <div class="row">
              {{ page.breadcrumb }}
            </div>
            {% endif %}
            {% if page.content_top %}
            <div class="row">
              {{ page.content_top }}
            </div>
            {% endif %}
          </div>
          {% endif %}
          <div class="{{ container }}">
            <div class="row row-offcanvas row-offcanvas-left clearfix">
              <main{{ content_attributes }}>
                {{ page.content }}
              </main>
              {% set has_sidebar_first = page.sidebar_first|render|striptags('<drupal-render-placeholder><embed><hr><iframe><img><input><link><object><script><source><style><video>')|trim %}
              {% if has_sidebar_first is not empty %}
              <div{{ sidebar_first_attributes }}>
                <aside class="section" role="complementary">
                  {{ page.sidebar_first }}
                </aside>
              </div>
              {% endif %}
              {% set has_sidebar_second = page.sidebar_second|render|striptags('<drupal-render-placeholder><embed><hr><iframe><img><input><link><object><script><source><style><video>')|trim %}
              {% if has_sidebar_second is not empty %}
              <div{{ sidebar_second_attributes }}>
                <aside class="section" role="complementary">
                  {{ page.sidebar_second }}
                </aside>
              </div>
              {% endif %}
            </div>
          </div>
          {{ page.full_width_content_bottom }}
          {% if page.content_2_col_1 or page.content_2_col_2 %}
          <div class="{{ container }}">
            <div class="row">
              {{ page.content_2_col_1 }}
              {{ page.content_2_col_2 }}
            </div>
          </div>
          {% endif %}
          {% if page.content_3_col_1 or page.content_3_col_2 or page.content_3_col_3 %}
          <div class="{{ container }}">
            <div class="row">
              {{ page.content_3_col_1 }}
              {{ page.content_3_col_2 }}
              {{ page.content_3_col_3 }}
            </div>
          </div>
          {% endif %}
          {% if page.content_bottom %}
          <div class="{{ container }}">
            <div class="row">
              {{ page.content_bottom }}
            </div>
          </div>
          {% endif %}
          {% if page.content_4_col_1 or page.content_4_col_2 or page.content_4_col_3 or page.content_4_col_4 %}
          <div class="{{ container }}">
            <div class="row">
                {{ page.content_4_col_1 }}
                {{ page.content_4_col_2 }}
                {{ page.content_4_col_3 }}
                {{ page.content_4_col_4 }}
            </div>
          </div>
          {% endif %}
        </div>
    </div>

    <footer class="site-footer">
        {% if page.footer or page.footer_sub or footer_logo %}
        <div class="bg-warm-gray py-5" role="contentinfo">
          {% if page.footer or footer_logo %}
          <section{{ attributes.addClass(classes) }}>
            <div class="container">
              <div class="row">
                {% if footer_logo %}
                  <div class="col-12 col-sm-5 col-md-4 col-lg-4 text-center-xs text-left-not-xs">
                    <div class="row bottom-buffer-30">
                      <div class="col">
                        {{ footer_logo }}
                      </div>
                    </div>
                  </div>
                {% endif %}
                {% if page.footer %}
                  <!-- Force next columns to break to new line at md breakpoint and up -->
                  <div class="w-100 d-block d-sm-none"></div>
                  {{ page.footer }}
                {% endif %}
                <div class="col-12">
                  <hr>
                </div>
              </div>
            </div>
          </section>
          {% endif %}
          {% if page.footer_sub or page.footer_sub_menus or land_acknowledgment or info_security_privacy or copyright_notice %}
          <div id="footer_sub"{{ attributes.addClass(classes) }}>
            <div class="container">
              <div class="row">
                {{ page.footer_sub }}
              </div>
              <div class="row">
                {{ page.footer_sub_menus }}
              </div>
              <div class="row">
                <div class="col text-center">
                  {% if page.footer_sub or page.footer_sub_menus %}
                  <hr>
                  {% endif %}
                  {{ land_acknowledgment }}
                  {{ info_security_privacy }}
                  {{ copyright_notice }}
                </div>
              </div>
            </div>
          </div>
          {% endif %}
        </div>
        {% endif %}
    </footer>
    {% if page.az_page_bottom %}
    {{ page.az_page_bottom }}
    {% endif %}
  </div>
</div>