<!-- Person Meta -->
<div class="people_meta" id="meta" data-type="entity">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-all-justify-center">
<div class="people_meta_inner">
<div class="people_meta_body">
<div class="people_meta_details">
<div class="people_meta_detail contact">
<div class="people_meta_detail_label">Contact</div>
<div class="people_meta_detail_item">
<div class="people_meta_detail_item_header">
<div class="people_meta_detail_icon">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</div>
<div class="people_meta_detail_hint">office</div>
</div>
<div class="people_meta_detail_info">
<a class="people_meta_detail_info_link" href="tel:5183276386">(518) 327-6386</a>
</div>
</div>
<div class="people_meta_detail_item">
<div class="people_meta_detail_item_header">
<div class="people_meta_detail_icon">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</div>
<div class="people_meta_detail_hint">mobile</div>
</div>
<div class="people_meta_detail_info">
<a class="people_meta_detail_info_link" href="tel:5183276386">(518) 327-6386</a>
</div>
</div>
<div class="people_meta_detail_item">
<div class="people_meta_detail_item_header">
<div class="people_meta_detail_icon">
<svg class="icon icon_mail">
<use href="/images/icons.svg#mail" />
</svg>
</div>
<div class="people_meta_detail_hint">email</div>
</div>
<div class="people_meta_detail_info">
<a class="people_meta_detail_info_link" href="mailto:kcerialo@paulsmiths.edu">kcerialo@paulsmiths.edu</a>
</div>
</div>
</div>
<div class="people_meta_detail location">
<div class="people_meta_detail_label">Location</div>
<div class="people_meta_detail_item">
<div class="people_meta_detail_item_header">
<div class="people_meta_detail_icon">
<svg class="icon icon_place">
<use href="/images/icons.svg#place" />
</svg>
</div>
</div>
<div class="people_meta_detail_info">Picket 219</div>
</div>
</div>
<div class="people_meta_detail social">
<div class="people_meta_detail_label">Social</div>
<ul class="people_meta_socials" aria-label="Social Links for ">
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label=" Facebook" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_facebook_circle">
<use href="/images/icons.svg#facebook_circle" />
</svg>
</span><span class="people_meta_social_link_label">Facebook</span></a>
</li>
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label=" Instagram" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</span><span class="people_meta_social_link_label">Instagram</span></a>
</li>
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label=" Linkedin" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span><span class="people_meta_social_link_label">Linkedin</span></a>
</li>
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label=" X" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_x">
<use href="/images/icons.svg#x" />
</svg>
</span><span class="people_meta_social_link_label">X</span></a>
</li>
</ul>
</div>
<div class="people_meta_detail personal">
<div class="people_meta_detail_label">Personal Links</div>
<ul class="people_meta_links" aria-label="Personal Links for ">
<li class="people_meta_links_item">
<a class="people_meta_links_link" href="#" aria-label=" Personal Site" target="_blank" rel="noopener"><span class="people_meta_links_link_icon">
<svg class="icon icon_link">
<use href="/images/icons.svg#link" />
</svg>
</span><span class="people_meta_links_link_label">Personal Site</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Person Meta -->
{#
{% include '@partial-people-meta' with {
item: {
phone_numbers: [
{
label: 'Phone Label',
type: 'Phone Type',
number: '(410) 555-1234'
}
],
email: 'email@address.com',
location: 'Location',
social_links: [
{
title: 'Linkedin',
url: '#'
}
],
personal_links: [
{
title: 'Personal',
url: '#'
}
]
}
} %}
#}
<!-- Person Meta -->
<div class="people_meta" id="meta" data-type="entity">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-all-justify-center">
<div class="people_meta_inner">
<div class="people_meta_body">
<div class="people_meta_details">
<div class="people_meta_detail contact">
<div class="people_meta_detail_label">Contact</div>
{% if item.phone_numbers %}
{% for phone in item.phone_numbers %}
<div class="people_meta_detail_item">
<div class="people_meta_detail_item_header">
<div class="people_meta_detail_icon">{{ icon('phone') }}</div>
<div class="people_meta_detail_hint">{{ phone.label }}</div>
</div>
<div class="people_meta_detail_info">
<a class="people_meta_detail_info_link" href="tel:{{ tel(phone.number) }}">{{ phone.number }}</a>
</div>
</div>
{% endfor %}
{% endif %}
<div class="people_meta_detail_item">
<div class="people_meta_detail_item_header">
<div class="people_meta_detail_icon">{{ icon('mail') }}</div>
<div class="people_meta_detail_hint">email</div>
</div>
<div class="people_meta_detail_info">
<a class="people_meta_detail_info_link" href="mailto:{{ item.email }}">{{ item.email }}</a>
</div>
</div>
</div>
{% if item.location %}
<div class="people_meta_detail location">
<div class="people_meta_detail_label">Location</div>
<div class="people_meta_detail_item">
<div class="people_meta_detail_item_header">
<div class="people_meta_detail_icon">{{ icon('place') }}</div>
</div>
<div class="people_meta_detail_info">{{ item.location }}</div>
</div>
</div>
{% endif %}
{% if item.social_links %}
<div class="people_meta_detail social">
<div class="people_meta_detail_label">Social</div>
<ul class="people_meta_socials" aria-label="Social Links for {{ item.name }}">
{% for social in item.social_links %}
<li class="people_meta_social">
<a class="people_meta_social_link" href="{{ social.url }}" aria-label="{{ item.name }} {{ social.title }}" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">{% if social.title == 'Facebook' %}{{ icon('facebook_circle') }}{% else %}{{ icon(social.title|lower) }}{% endif %}</span><span class="people_meta_social_link_label">{{ social.title }}</span></a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if item.personal_links %}
<div class="people_meta_detail personal">
<div class="people_meta_detail_label">Personal Links</div>
<ul class="people_meta_links" aria-label="Personal Links for {{ item.name }}">
{% for personal in item.personal_links %}
<li class="people_meta_links_item">
<a class="people_meta_links_link" href="{{ personal.url }}" aria-label="{{ item.name }} {{ personal.title }}" target="_blank" rel="noopener"><span class="people_meta_links_link_icon">{{ icon('link') }}</span><span class="people_meta_links_link_label">{{ personal.title }}</span></a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Person Meta -->
No notes defined.