iu-8.x-1.x-dev/templates/page.html.twig

{#
/**
 * @file
 * Theme override 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 in this 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.
 *
 * 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.
 *
 * Page content (in order of occurrence in the default page.html.twig):
 * - messages: Status and error messages. Should be displayed prominently.
 * - 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.header: Items for the header region.
 * - page.primary_menu: Items for the primary menu region.
 * - page.secondary_menu: Items for the secondary menu region.
 * - page.highlighted: Items for the highlighted content region.
 * - page.help: Dynamic help text, mostly for admin pages.
 * - page.content: The main content of the current page.
 * - page.sidebar_first: Items for the first sidebar.
 * - page.sidebar_second: Items for the second sidebar.
 * - page.breadcrumb: Items for the breadcrumb region.
 *
 * @see template_preprocess_page()
 * @see html.html.twig
 */
#}

{{ page.campus_alert }}

<header id="header">
  <div id="skipnav">
    <ul>
      <li><a href="#content">{{ 'Skip to Content'|t }}</a></li>
      <li><a href="#nav-main">{{ 'Skip to Main Navigation'|t }}</a></li>
      <li><a href="#search">{{ 'Skip to Search'|t }}</a></li>
    </ul>
    <hr>
  </div>

  {% include '@iu/parts/header.html.twig' %}

  {# @todo implement google custom site search #}
  {#
  <div id="toggles">
    <div class="row pad">
      <a class="button search-toggle" href="/search" aria-controls="search" aria-expanded="false"><img src="//assets.iu.edu/search/3.3.x/search.png" alt="Open Search" /></a>
    </div>
  </div>
  #}

  {% if page.off_canvas|render|trim %}
  <div id="offCanvas" class="hide-for-large" role="navigation" aria-label="Mobile">
    <button class="menu-toggle button hide-for-large" data-toggle="iu-menu">Menu</button>
    <div id="iu-menu" class="off-canvas position-{{ off_canvas_position }} off-canvas-items" data-off-canvas="" data-position="{{ off_canvas_position }}">
      <div class="mobile off-canvas-list" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
        {{ page.off_canvas }}
      </div>
    </div>
  </div>
  {% endif %}

  {{ page.header }}

  {{ page.primary_menu }}

  {{ page.secondary_menu }}

  {{ page.highlighted }}

</header>

{% set nav_class = page.section_nav|render|striptags|trim ? '' : 'no-section-nav'%}
<main class="{{ nav_class }}">

  <div class="content-top">
    {{ page.breadcrumb }}

    {{ page.page_title }}
  </div>

  {{ page.section_nav }}

  <a name="content" tabindex="-1"></a>

  {{ page.help }}

  {{ page.local_tasks }}

  {{ page.content }}

  {{ page.content_fullwidth }}

</main>

{% if page.belt_nav|render|trim or page.belt_social_media|render|trim %}
<div aria-label="Social media channels" class="section bg-mahogany bg-dark dark belt" role="complementary"><div class="row pad">

  <div class="one-half belt-nav">
    {{ page.belt_nav }}
  </div>

  <div class="one-half belt-social-media">
    <div class="border invert">
      {{ page.belt_social_media }}
    </div>
  </div>

</div></div>
{% endif %}

{% if page.skirt_nav|render|trim or page.skirt_connect|render|trim %}
<div aria-label="Additional links and resources" class="section bg-mahogany bg-dark dark skirt" role="complementary"><div class="row pad">

  {{ page.skirt_nav }}

  {{ page.skirt_connect }}

</div></div>
{% endif %}

{% include '@iu/parts/footer.html.twig' %}