<div class="page_header work_detail_page_header">
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell">
<div class="page_intro_inner">
<div class="page_intro_meta">
<div class="page_intro_group">
<div class="page_breadcrumb">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Nullam dictum felis eu</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
<div class="page_work_intro">
<div class="page_work_group">
<h1 class="page_work_title" id="page_title" tabindex="-1">Nullam dictum felis eu</h1>
<p class="page_work_date"></p>
</div>
<div class="page_work_meta">
<div class="page_work_meta_column">
<p class="page_work_artist_name"></p>
<p class="page_work_artist_title"></p>
<div class="page_work_departments">
<ul class="page_work_departments_list" aria-label="Departments">
</ul>
</div>
</div>
</div>
<div class="page_work_media">
<figure class="page_work_figure">
<img class="page_work_image" srcset="https://images.fastspot.com/vcuarts/1024x1024/ 1024w, https://images.fastspot.com/vcuarts/768x768/ 740w, https://images.fastspot.com/vcuarts/300x300/ 300w" sizes="(min-width: 980px) 80vw, 98vw" src="https://images.fastspot.com/vcuarts/300x300/" alt="" loading="eager" width="300" height="300">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@partial-page-header--work-detail' with {
page: page
} %}
#}
<div class="page_header work_detail_page_header">
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell">
<div class="page_intro_inner">
<div class="page_intro_meta">
<div class="page_intro_group">
{% if page.breadcrumbNav != false %}
<div class="page_breadcrumb">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_home: '',
icon_divider: '',
icon_end: ''
} %}
</div>
{% endif %}
<div class="page_work_intro">
<div class="page_work_group">
<h1 class="page_work_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
<p class="page_work_date">{{ page.work.date }}</p>
</div>
<div class="page_work_meta">
<div class="page_work_meta_column">
<p class="page_work_artist_name">{{ page.work.artist_name }}</p>
<p class="page_work_artist_title">{{ page.work.artist_title }}</p>
<div class="page_work_departments">
<ul class="page_work_departments_list" aria-label="Departments">
{% for department in page.work.departments %}
<li class="page_work_departments_item">
<a class="page_work_departments_link" href="{{ department.url }}">{{ department.label }}</a>{% if not loop.last %}, {% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
{% if page.work.medium or page.work.dimension %}
<div class="page_work_meta_column">
{% if page.work.medium %}
<p class="page_work_medium">{{ page.work.medium }}</p>
{% endif %}
{% if page.work.dimension %}
<p class="page_work_demiension">{{ page.work.dimension }}</p>
{% endif %}
</div>
{% endif %}
</div>
<div class="page_work_media">
<figure class="page_work_figure">
{% if page.work.video.id %}
{% include '@partial-image' with {
class: 'page_work',
alt: page.work.alt,
image: page.work.image,
loading: 'lazy',
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
"(min-width: 740px) 80vw",
"98vw"
]
} %}
{% include "@partial-lazy-video" with {
class: "page_work",
id: page.work.video.id,
type: page.work.video.type,
autoplay: page.work.video.autoplay|default(false),
title: page.work.video.title,
playerVars: {}
} %}
{% else %}
{% include '@partial-image--no-crop' with {
class: 'page_work',
alt: page.work.alt,
image: page.work.image,
loading: 'eager',
sizes: [
"(min-width: 980px) 80vw",
"98vw"
]
} %}
{% endif %}
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.