<div class="people_related component_theme_ component_spacing_padding">
<div class="fs-row">
<div class="fs-cell">
<div class="people_related_inner">
<header class="people_related_header">
<div class="people_related_header_grid">
<div class="people_related_header_grid_item is_left">
<h1 class="people_related_header_title">
Faculty
</h1>
</div>
</div>
</header>
<div class="people_related_body">
<div class="embla embla__default-controls js-carousel-embla" data-carousel-embla='{"loop":false,"slidesToScroll":1,"breakpoints":{"(min-width: 740px)":{"slidesToScroll":2}}}'>
<div id="related-people-viewport-1" class="embla__viewport" data-js="viewport">
<ul class="embla__container" data-js="container">
<li class="embla__slide">
<div class="people_related_item">
<figure class="people_related_item_figure">
<img class="card_carousel_item_image" srcset="https://images.fastspot.com/paul-smiths-college/740x740/1 740w, https://images.fastspot.com/paul-smiths-college/500x500/1 500w, https://images.fastspot.com/paul-smiths-college/300x300/1 300w, https://images.fastspot.com/paul-smiths-college/100x100/1 100w" sizes="(min-width: 1440px) 330px, (min-width: 1220px) 281px, (min-width: 980px) 463px, (min-width: 740px) 345px, calc(87.86vw - 32px)" src="https://images.fastspot.com/paul-smiths-college/100x100/1" alt="Headshot for Russ Aicher" loading="lazy" width="100" height="100">
</figure>
<div class="people_related_item_body">
<h3 class="people_related_item_name">
<a href="#" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Russ Aicher</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</h3>
<div class="people_related_item_title_wrap">
Forestry Faculty
</div>
</div>
</div>
</li>
<li class="embla__slide">
<div class="people_related_item">
<figure class="people_related_item_figure">
<img class="card_carousel_item_image" srcset="https://images.fastspot.com/paul-smiths-college/740x740/2 740w, https://images.fastspot.com/paul-smiths-college/500x500/2 500w, https://images.fastspot.com/paul-smiths-college/300x300/2 300w, https://images.fastspot.com/paul-smiths-college/100x100/2 100w" sizes="(min-width: 1440px) 330px, (min-width: 1220px) 281px, (min-width: 980px) 463px, (min-width: 740px) 345px, calc(87.86vw - 32px)" src="https://images.fastspot.com/paul-smiths-college/100x100/2" alt="Headshot for Russ Aicher" loading="lazy" width="100" height="100">
</figure>
<div class="people_related_item_body">
<h3 class="people_related_item_name">
<a href="#" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Russ Aicher</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</h3>
<div class="people_related_item_title_wrap">
Forestry Faculty, Another
</div>
</div>
</div>
</li>
<li class="embla__slide">
<div class="people_related_item">
<figure class="people_related_item_figure">
<img class="card_carousel_item_image" srcset="https://images.fastspot.com/paul-smiths-college/740x740/3 740w, https://images.fastspot.com/paul-smiths-college/500x500/3 500w, https://images.fastspot.com/paul-smiths-college/300x300/3 300w, https://images.fastspot.com/paul-smiths-college/100x100/3 100w" sizes="(min-width: 1440px) 330px, (min-width: 1220px) 281px, (min-width: 980px) 463px, (min-width: 740px) 345px, calc(87.86vw - 32px)" src="https://images.fastspot.com/paul-smiths-college/100x100/3" alt="Headshot for Russ Aicher" loading="lazy" width="100" height="100">
</figure>
<div class="people_related_item_body">
<h3 class="people_related_item_name">
<a href="#" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Russ Aicher</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</h3>
<div class="people_related_item_title_wrap">
Forestry Faculty, Another, One More
</div>
</div>
</div>
</li>
<li class="embla__slide">
<div class="people_related_item">
<figure class="people_related_item_figure">
<img class="card_carousel_item_image" srcset="https://images.fastspot.com/paul-smiths-college/740x740/4 740w, https://images.fastspot.com/paul-smiths-college/500x500/4 500w, https://images.fastspot.com/paul-smiths-college/300x300/4 300w, https://images.fastspot.com/paul-smiths-college/100x100/4 100w" sizes="(min-width: 1440px) 330px, (min-width: 1220px) 281px, (min-width: 980px) 463px, (min-width: 740px) 345px, calc(87.86vw - 32px)" src="https://images.fastspot.com/paul-smiths-college/100x100/4" alt="Headshot for Russ Aicher" loading="lazy" width="100" height="100">
</figure>
<div class="people_related_item_body">
<h3 class="people_related_item_name">
<a href="#" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Russ Aicher</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</h3>
<div class="people_related_item_title_wrap">
Forestry Faculty
</div>
</div>
</div>
</li>
<li class="embla__slide">
<div class="people_related_item">
<figure class="people_related_item_figure">
<img class="card_carousel_item_image" srcset="https://images.fastspot.com/paul-smiths-college/740x740/5 740w, https://images.fastspot.com/paul-smiths-college/500x500/5 500w, https://images.fastspot.com/paul-smiths-college/300x300/5 300w, https://images.fastspot.com/paul-smiths-college/100x100/5 100w" sizes="(min-width: 1440px) 330px, (min-width: 1220px) 281px, (min-width: 980px) 463px, (min-width: 740px) 345px, calc(87.86vw - 32px)" src="https://images.fastspot.com/paul-smiths-college/100x100/5" alt="Headshot for Russ Aicher" loading="lazy" width="100" height="100">
</figure>
<div class="people_related_item_body">
<h3 class="people_related_item_name">
<a href="#" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Russ Aicher</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</h3>
<div class="people_related_item_title_wrap">
Forestry Faculty
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="embla__controls" aria-controls="related-people-viewport-1">
<button class="embla__button embla__button--prev" type="button" data-js="btn-prev" aria-label="Previous Slide">
<svg class="icon icon_arrow_carousel_left">
<use href="/images/icons.svg#arrow_carousel_left" />
</svg>
</button>
<div class="embla__dots" data-js="dots" role="navigation"></div>
<button class="embla__button embla__button--next" type="button" data-js="btn-next" aria-label="Next Slide">
<svg class="icon icon_arrow_carousel_right">
<use href="/images/icons.svg#arrow_carousel_right" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% set component_spacing = 'padding' %}
{% set carousel_json = {
loop: false,
slidesToScroll: 1,
breakpoints: {
'(min-width: 740px)': {
slidesToScroll: 2
},
}
}|json_encode %}
{% set uuid_viewport = uniqid("related-people-viewport") %}
<div class="people_related component_theme_{{ theme }} component_spacing_{{ component_spacing }}">
<div class="fs-row">
<div class="fs-cell">
<div class="people_related_inner">
<header class="people_related_header">
<div class="people_related_header_grid">
<div class="people_related_header_grid_item is_left">
<h1 class="people_related_header_title">
{{ group_title }}
</h1>
</div>
</div>
</header>
<div class="people_related_body">
<div
class="embla embla__default-controls js-carousel-embla"
data-carousel-embla='{{ carousel_json }}'
>
<div
id="{{ uuid_viewport }}"
class="embla__viewport"
data-js="viewport"
>
<ul class="embla__container" data-js="container">
{% for item in items %}
<li class="embla__slide">
{% include "@partial-related-people-item" with {
item: item
} %}
</li>
{% endfor %}
</ul>
</div>
<div class="embla__controls" aria-controls="{{ uuid_viewport }}">
<button class="embla__button embla__button--prev" type="button" data-js="btn-prev" aria-label="Previous Slide">
{{ icon("arrow_carousel_left") }}
</button>
<div class="embla__dots" data-js="dots" role="navigation"></div>
<button class="embla__button embla__button--next" type="button" data-js="btn-next" aria-label="Next Slide">
{{ icon("arrow_carousel_right") }}
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.