8.32 School Gallery Detail View in a new window

Example
Markup
{% include '@uts_theme/containers/header/header.twig' %}

<div class="breadcrumbs__wrapper">
  {% include '@uts_theme/components/breadcrumbs/breadcrumbs.twig' with {
  breadcrumb: [
  {
  url: "#",
  text: "UTS"
  },
  {
  url: "#",
  text: "About UTS"
  },
  {
  url: "item-8-29.html?hideAll",
  text: "Faculty of Design, Architecture and Building"
  },
  {
  text: "School of Design"
  }
  ]
  } only %}
</div>

{% embed '@uts_theme/containers/one-col/one-col.twig' %}
  {% block content %}
    <div class="gallery-templates">
      {% include '@uts_theme/components/featured-slider/featured-slider-custom.twig' %}
      <div class="field field-node-title field-type-ds field-label-hidden">
        <div class="field-item">
          <h1 class="gallery-templates__title">Urban Chandelier</h1>
        </div>
      </div>
      <div class="field field-uts-compute-author field-type-ds field-label-hidden">
        <div class="field-item">
          <h2 class="inline-list__item">Jane Smith</h2>
          <h2 class="inline-list__item">Jim Jones</h2>
        </div>
      </div>
      <div class="sidebar-grid sidebar-grid--e">
        <div class="sidebar-grid__row">
          <div class="sidebar-grid__main">
            {% block main %}
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
            {% endblock %}
          </div>
          <aside class="sidebar-grid__sidebar">
            {% block meta %}
            <dl class="gallery-templates__meta">
              <dt>Published</dt>
              <dd><p>29 May 2017</p></dd>
              <dt>School of Design</dt>
              <dt>Acknowledgements</dt>
              <dd><p>Partnership with the University of Vienna. Funded by Australia Council for the Arts.</p></dd>
              <dt>Academic leader</dt>
              <dd><p>Nicola Hardcastle.</p></dd>
              <dt>Affiliations</dt>
              <dd><p>This project was part of the VC Design Studio: Text and Image 1.</p></dd>
              <dt>Share</dt>
              <dd>
                <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//www.google.com" class="gallery-templates__icon-link">
                  <span class="icon icon--inline icon--size-24 icon--facebook-black">Share this on Facebook</span>
                </a>
                <a href="https://twitter.com/home?status=Check%20out%20this%20amazing%20gallery%20https%3A//www.google.com%20at%20UTS" class="gallery-templates__icon-link">
                  <span class="icon icon--inline icon--size-24 icon--twitter-black">Share this on Twitter</span>
                </a>
                <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//www.google.com&title=Check%20out%20this%20awesome%20gallery&summary=&source=" class="gallery-templates__icon-link">
                  <span class="icon icon--inline icon--size-24 icon--linkedin-black">Share this on LinkedIn</span>
                </a>
              </dd>
            </dl>
            {% endblock %}
          </aside>
        </div>
      </div>
      {% include '@uts_theme/components/masonry-grid/masonry-grid.twig' %}
    </div>
  {% endblock %}
{% endembed %}

{% include '@uts_theme/containers/footer/footer.twig' %}