<!-- Gallery -->
<div class="gallery component_theme_white">
<div class="gallery_header gallery_header_spacing_margin has_description">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_header_inner">
<div class="gallery_header_intro">
<h2 class="gallery_title">Environmental Studies</h2>
<p class="gallery_label">See More</p>
</div>
<div class="gallery_header_group">
<div class="gallery_description">
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gallery_body">
<div class="gallery_body_inner">
<div class="gallery_items">
<div class="gallery_row_wrapper">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_row gallery_row_layout_70_30">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/paul-smiths-college/1440x810/28 1440w, https://images.fastspot.com/paul-smiths-college/1220x686/28 1220w, https://images.fastspot.com/paul-smiths-college/980x552/28 980w, https://images.fastspot.com/paul-smiths-college/740x416/28 740w, https://images.fastspot.com/paul-smiths-college/500x282/28 500w, https://images.fastspot.com/paul-smiths-college/300x169/28 300w" sizes="(min-width: 1440px) 914px, (min-width: 1220px) 784px, (min-width: 980px) 627px, (min-width: 740px) 470px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/28" alt="" loading="lazy" width="300" height="169">
<div class="gallery_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot, Our Methodology","display":"inline","autoplay":false,"load_strategy":"intersect","playerVars":{}}'>
<a class="lazy_video_toggle_btn js-play-btn" href="https://www.youtube.com/watch?v=XPjQhvjQbSM" aria-label="Play Fastspot, Our Methodology">
<svg class="icon icon_play_triangle">
<use href="/images/icons.svg#play_triangle" />
</svg>
</a>
<div class="lazy_video_iframe_wrap">
<div class="lazy_video_iframe_target js-iframe-target"></div>
</div>
</div>
</div>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_portrait">
<img class="gallery_item_image" srcset="https://images.fastspot.com/paul-smiths-college/735x980/22 735w, https://images.fastspot.com/paul-smiths-college/555x740/22 555w, https://images.fastspot.com/paul-smiths-college/375x500/22 375w, https://images.fastspot.com/paul-smiths-college/225x300/22 225w" sizes="(min-width: 1440px) 448px, (min-width: 1220px) 384px, (min-width: 980px) 307px, (min-width: 740px) 230px, 98vw" src="https://images.fastspot.com/paul-smiths-college/225x300/22" alt="" loading="lazy" width="225" height="300">
</div>
<figcaption class="gallery_item_caption gallery_item_caption_portrait">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="gallery_row_wrapper">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_row gallery_row_layout_50_50">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/paul-smiths-college/980x552/23 980w, https://images.fastspot.com/paul-smiths-college/740x416/23 740w, https://images.fastspot.com/paul-smiths-college/500x282/23 500w, https://images.fastspot.com/paul-smiths-college/300x169/23 300w" sizes="(min-width: 1440px) 680px, (min-width: 1220px) 584px, (min-width: 980px) 466px, (min-width: 740px) 350px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/23" alt="" loading="lazy" width="300" height="169">
</div>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/paul-smiths-college/980x552/24 980w, https://images.fastspot.com/paul-smiths-college/740x416/24 740w, https://images.fastspot.com/paul-smiths-college/500x282/24 500w, https://images.fastspot.com/paul-smiths-college/300x169/24 300w" sizes="(min-width: 1440px) 680px, (min-width: 1220px) 584px, (min-width: 980px) 466px, (min-width: 740px) 350px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/24" alt="" loading="lazy" width="300" height="169">
</div>
<figcaption class="gallery_item_caption gallery_item_caption_half">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="gallery_row_wrapper">
<div class="gallery_row gallery_row_layout_100">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/paul-smiths-college/1440x810/10 1440w, https://images.fastspot.com/paul-smiths-college/1220x686/10 1220w, https://images.fastspot.com/paul-smiths-college/980x552/10 980w, https://images.fastspot.com/paul-smiths-college/740x416/10 740w, https://images.fastspot.com/paul-smiths-college/500x282/10 500w, https://images.fastspot.com/paul-smiths-college/300x169/10 300w" sizes="100vw" src="https://images.fastspot.com/paul-smiths-college/300x169/10" alt="" loading="lazy" width="300" height="169">
<div class="gallery_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"258133523","type":"vimeo","title":"Fastspot Moments","display":"inline","autoplay":false,"load_strategy":"intersect","playerVars":{}}'>
<a class="lazy_video_toggle_btn js-play-btn" href="https://vimeo.com/258133523" aria-label="Play Fastspot Moments">
<svg class="icon icon_play_triangle">
<use href="/images/icons.svg#play_triangle" />
</svg>
</a>
<div class="lazy_video_iframe_wrap">
<div class="lazy_video_iframe_target js-iframe-target"></div>
</div>
</div>
</div>
</figure>
</div>
</div>
</div>
<div class="gallery_row_wrapper">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_row gallery_row_layout_30_70">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_portrait">
<img class="gallery_item_image" srcset="https://images.fastspot.com/paul-smiths-college/735x980/26 735w, https://images.fastspot.com/paul-smiths-college/555x740/26 555w, https://images.fastspot.com/paul-smiths-college/375x500/26 375w, https://images.fastspot.com/paul-smiths-college/225x300/26 225w" sizes="(min-width: 1440px) 448px, (min-width: 1220px) 384px, (min-width: 980px) 307px, (min-width: 740px) 230px, 98vw" src="https://images.fastspot.com/paul-smiths-college/225x300/26" alt="" loading="lazy" width="225" height="300">
</div>
<figcaption class="gallery_item_caption gallery_item_caption_portrait">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href="#">ullamcorper nulla non metus auctor fringilla</a>.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/paul-smiths-college/1440x810/29 1440w, https://images.fastspot.com/paul-smiths-college/1220x686/29 1220w, https://images.fastspot.com/paul-smiths-college/980x552/29 980w, https://images.fastspot.com/paul-smiths-college/740x416/29 740w, https://images.fastspot.com/paul-smiths-college/500x282/29 500w, https://images.fastspot.com/paul-smiths-college/300x169/29 300w" sizes="(min-width: 1440px) 914px, (min-width: 1220px) 784px, (min-width: 980px) 627px, (min-width: 740px) 470px, 98vw" src="https://images.fastspot.com/paul-smiths-college/300x169/29" alt="" loading="lazy" width="300" height="169">
</div>
<figcaption class="gallery_item_caption gallery_item_caption_wide">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="gallery_row_wrapper">
<div class="gallery_row gallery_row_layout_100">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/paul-smiths-college/1440x810/30 1440w, https://images.fastspot.com/paul-smiths-college/1220x686/30 1220w, https://images.fastspot.com/paul-smiths-college/980x552/30 980w, https://images.fastspot.com/paul-smiths-college/740x416/30 740w, https://images.fastspot.com/paul-smiths-college/500x282/30 500w, https://images.fastspot.com/paul-smiths-college/300x169/30 300w" sizes="100vw" src="https://images.fastspot.com/paul-smiths-college/300x169/30" alt="" loading="lazy" width="300" height="169">
</div>
<figcaption class="gallery_item_caption gallery_item_caption_full">
<p>Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Gallery -->
{#
{% include '@component-gallery' with {
theme: 'theme',
label: 'Label',
title: 'Title',
description: 'Description',
rows: [
{
layout: '100',
items: [
{
image: '1',
alt: item.alt,
video: {
type: '',
id: '',
title: ''
},
caption: 'caption'
}
]
}
]
} %}
#}
{% set component_spacing = 'padding' %}
{% if theme == 'white' %}
{% set component_spacing = 'margin' %}
{% endif %}
{% set caption_size = null %}
{%
set layout_sizes = {
"70_30": [
"wide",
"portrait"
],
"30_70": [
"portrait",
"wide"
],
"50_50": [
"wide",
"wide"
],
"100": [
"wide"
]
}
%}
{% if rows.length == 1 %}
{% endif %}
<!-- Gallery -->
<div class="gallery component_theme_{{ theme }}">
{% if title or label or description %}
<div class="gallery_header gallery_header_spacing_{{ component_spacing }}{% if description %} has_description{% endif %}">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_header_inner">
<div class="gallery_header_intro">
{% if title %}
<h2 class="gallery_title">{{ title }}</h2>
{% endif %}
{% if label %}
<p class="gallery_label">{{ label }}</p>
{% endif %}
</div>
{% if description %}
<div class="gallery_header_group">
<div class="gallery_description">
<p>{{ description }}</p>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="gallery_body">
<div class="gallery_body_inner">
<div class="gallery_items">
{% for row in rows %}
{% if row.layout == '100' %}
<div class="gallery_row_wrapper">
{% else %}
<div class="gallery_row_wrapper">
<div class="fs-row">
<div class="fs-cell">
{% endif %}
<div class="gallery_row gallery_row_layout_{{ row.layout }}">
{% for item in row.items %}
{% set img_size = attribute(layout_sizes, row.layout)[ loop.index0 ] %}
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_{{ img_size }}">
{% if img_size == "wide" %}
{% if row.layout == "50_50" %}
{% set caption_size = 'half' %}
{% include '@partial-image' with {
class: 'gallery_item',
alt: item.alt,
image: item.image,
loading: 'lazy',
sources: [
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
"(min-width: 1440px) 680px",
"(min-width: 1220px) 584px",
"(min-width: 980px) 466px",
"(min-width: 740px) 350px",
"98vw"
]
} %}
{% elseif row.layout == "70_30" or row.layout == "30_70" %}
{% set caption_size = 'wide' %}
{% include '@partial-image' with {
class: 'gallery_item',
alt: item.alt,
image: item.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: 1440px) 914px",
"(min-width: 1220px) 784px",
"(min-width: 980px) 627px",
"(min-width: 740px) 470px",
"98vw"
]
} %}
{% else %}
{% set caption_size = 'full' %}
{% include '@partial-image' with {
class: 'gallery_item',
alt: item.alt,
image: item.image,
loading: 'lazy',
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
"100vw"
]
} %}
{% endif %}
{% else %}
{% set caption_size = 'portrait' %}
{% include '@partial-image' with {
class: 'gallery_item',
alt: item.alt,
image: item.image,
loading: 'lazy',
sources: [
img.portraitFull.med,
img.portraitFull.sml,
img.portraitFull.xsml,
img.portraitFull.xxsml
],
sizes: [
"(min-width: 1440px) 448px",
"(min-width: 1220px) 384px",
"(min-width: 980px) 307px",
"(min-width: 740px) 230px",
"98vw"
]
} %}
{% endif %}
{% if item.video.id %}
{% include "@partial-lazy-video" with {
class: "gallery",
id: item.video.id,
type: item.video.type,
autoplay: item.video.autoplay|default(false),
title: item.video.title,
playerVars: {}
} %}
{% endif %}
</div>
{% if item.caption and item.video.id == '' %}
<figcaption class="gallery_item_caption gallery_item_caption_{{ caption_size }}">
<p>{{ item.caption }}</p>
</figcaption>
{% endif %}
</figure>
</div>
{% endfor %}
</div>
{% if row.layout == '100' %}
</div>
{% else %}
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
<!-- END: Gallery -->
No notes defined.