<!-- Person Meta -->
<div class="people_meta">
<div class="fs-row">
<div class="fs-cell">
<div class="people_meta_inner">
<div class="people_meta_detail contact">
<h2 class="people_meta_detail_title">Contact</h2>
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</span>
<span class="people_meta_detail_label">mobile</span>
<div class="people_meta_detail_info">
<a href="tel:4105551234" class="people_meta_detail_info_link">
<span class="people_meta_detail_info_link_inner">
<span class="people_meta_detail_info_link_label">(410) 555-1234</span>
</span>
</a>
</div>
</div>
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</span>
<span class="people_meta_detail_label">office</span>
<div class="people_meta_detail_info">
<a href="tel:4105551234" class="people_meta_detail_info_link">
<span class="people_meta_detail_info_link_inner">
<span class="people_meta_detail_info_link_label">(410) 555-1234</span>
</span>
</a>
</div>
</div>
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">
<svg class="icon icon_mail">
<use href="/images/icons.svg#mail" />
</svg>
</span>
<span class="people_meta_detail_label">email</span>
<div class="people_meta_detail_info">
<a href="mailto:rrobertson@lemoyne.edu" class="people_meta_detail_info_link">
<span class="people_meta_detail_info_link_inner">
<span class="people_meta_detail_info_link_label">rrobertson<wbr />@lemoyne.edu</span>
</span>
</a>
</div>
</div>
</div>
<div class="people_meta_detail location">
<h2 class="people_meta_detail_title">Location</h2>
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">
<svg class="icon icon_place">
<use href="/images/icons.svg#place" />
</svg>
</span>
<span class="people_meta_detail_label">Appleseed Library<br>Room 214</span>
</div>
</div>
<div class="people_meta_detail hours">
<h2 class="people_meta_detail_title">Office Hours</h2>
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="people_meta_detail_label">Monday</span>
<div class="people_meta_detail_info">8am – 5pm</div>
</div>
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="people_meta_detail_label">Monday</span>
<div class="people_meta_detail_info">9am – 11pm</div>
</div>
</div>
<div class="people_meta_detail social">
<h2 class="people_meta_detail_title">Social</h2>
<ul class="people_meta_socials" aria-label="Social Links for Royce Robertson">
<li class="people_meta_social">
<a href="#" class="people_meta_social_link">
<span class="people_meta_social_link_inner">
<span class="people_meta_social_link_label">Facebook</span>
<span class="people_meta_social_link_icon" aria-hidden="true">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
</span>
</a>
</li>
<li class="people_meta_social">
<a href="#" class="people_meta_social_link">
<span class="people_meta_social_link_inner">
<span class="people_meta_social_link_label">Instagram</span>
<span class="people_meta_social_link_icon" aria-hidden="true">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</span>
</span>
</a>
</li>
<li class="people_meta_social">
<a href="#" class="people_meta_social_link">
<span class="people_meta_social_link_inner">
<span class="people_meta_social_link_label">Twitter</span>
<span class="people_meta_social_link_icon" aria-hidden="true">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
</span>
</a>
</li>
<li class="people_meta_social">
<a href="#" class="people_meta_social_link">
<span class="people_meta_social_link_inner">
<span class="people_meta_social_link_label">Linkedin</span>
<span class="people_meta_social_link_icon" aria-hidden="true">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Person Meta -->
{#
{% include '@partial-people-meta' with {
item: {
name: 'Person name'
phone_numbers: [
{
type: 'Phone Type',
number: '(410) 555-1234'
}
],
email: 'email@address.com',
office_hours: [
{
label: 'Monday',
hours: '9am - 5pm'
}
],
location: 'Location',
social_links: [
{
title: 'Linkedin',
url: '#'
}
]
}
} %}
#}
<!-- Person Meta -->
<div class="people_meta">
<div class="fs-row">
<div class="fs-cell">
<div class="people_meta_inner">
{% if item.phone_numbers or item.email %}
<div class="people_meta_detail contact">
<h2 class="people_meta_detail_title">Contact</h2>
{% if item.phone_numbers %}
{% for phone in item.phone_numbers %}
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">{{ icon('phone') }}</span>
<span class="people_meta_detail_label">{{ phone.type }}</span>
<div class="people_meta_detail_info">
{% include '@partial-link' with {
class: 'people_meta_detail_info',
title: phone.number,
url: 'tel:' ~ tel(phone.number),
icon: '',
} %}
</div>
</div>
{% endfor %}
{% endif %}
{% if item.email %}
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">{{ icon('mail') }}</span>
<span class="people_meta_detail_label">email</span>
<div class="people_meta_detail_info">
{% include '@partial-link' with {
class: 'people_meta_detail_info',
title: format_email(item.email),
url: 'mailto:' ~ item.email,
icon: '',
} %}
</div>
</div>
{% endif %}
</div>
{% endif %}
{% if item.location %}
<div class="people_meta_detail location">
<h2 class="people_meta_detail_title">Location</h2>
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">{{ icon('place') }}</span>
<span class="people_meta_detail_label">{{ item.location }}</span>
</div>
</div>
{% endif %}
{% if item.office_hours %}
<div class="people_meta_detail hours">
<h2 class="people_meta_detail_title">Office Hours</h2>
{% for office_hours in item.office_hours %}
<div class="people_meta_detail_item">
<span class="people_meta_detail_icon">{{ icon('clock') }}</span>
<span class="people_meta_detail_label">{{ office_hours.label }}</span>
<div class="people_meta_detail_info">{{ office_hours.hours }}</div>
</div>
{% endfor %}
</div>
{% endif %}
{% if item.social_links %}
<div class="people_meta_detail social">
<h2 class="people_meta_detail_title">Social</h2>
<ul class="people_meta_socials" aria-label="Social Links for {{ item.name }}">
{% for social in item.social_links %}
<li class="people_meta_social">
{% include '@partial-link' with {
class: 'people_meta_social',
title: social.title,
url: social.url,
icon: social.title|lower,
} %}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</div>
</div>
<!-- END: Person Meta -->
No notes defined.