JHU SOE Component Library

People Meta 

<!-- People Meta -->
<div class="people_meta" id="meta" data-type="entity">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="people_meta_inner">
                <div class="people_meta_body">
                    <div class="people_meta_details">
                    </div>
                </div>
                <div class="people_meta_share">

                    <div class="share_tools ">
                        <div class="share_tools_header">
                            <h2 class="share_tools_title">Share Options</h2>
                        </div>
                        <ul class="share_tools_list" aria-label="Share Options">
                            <li class="share_tool_item">
                                <a class="share_tool" href="#" target="_blank" rel="noopener">
                                    <span class="share_tool_icon">
                                        <svg class="icon icon_twitter">
                                            <use href="/images/icons.svg#twitter" />
                                        </svg>
                                    </span>
                                    <span class="share_tool_label">Share to Twitter</span>
                                </a>
                            </li>
                            <li class="share_tool_item">
                                <a class="share_tool" href="#" target="_blank" rel="noopener">
                                    <span class="share_tool_icon">
                                        <svg class="icon icon_linkedin">
                                            <use href="/images/icons.svg#linkedin" />
                                        </svg>
                                    </span>
                                    <span class="share_tool_label">Share to Linkedin</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="people_meta_action">
                    <a class="people_meta_action_link" href="#">
                        <span class="people_meta_action_link_label">Download CV</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: People Meta -->
 
{#
	{% include '@partial-people-meta' with {
		page: page
	} %}
#}

<!-- People Meta -->
<div class="people_meta" id="meta" data-type="entity">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="people_meta_inner">
				<div class="people_meta_body">
					<div class="people_meta_details">
						{% if page.meta.phone %}
							<div class="people_meta_detail people_meta_phone">
								<span class="people_meta_detail_hint">Phone</span>
								<span class="people_meta_detail_label">
									<a class="people_meta_detail_label_link" href="tel:{{ tel(page.meta.phone) }}">
										<span class="people_meta_detail_label_link_label">{{ page.meta.phone }}</span>
									</a>
								</span>
							</div>
						{% endif %}
						{% if page.meta.email %}
							<div class="people_meta_detail people_meta_email">
								<span class="people_meta_detail_hint">Email</span>
								<span class="people_meta_detail_label">
									<a class="people_meta_detail_label_link" href="tel:{{ tel(page.meta.email) }}">
										<span class="people_meta_detail_label_link_label">{{ page.meta.email }}</span>
									</a>
								</span>
							</div>
						{% endif %}
					</div>
				</div>
				<div class="people_meta_share">
					{% include '@partial-share' with {
						print: false,
						items: ['Twitter', 'Linkedin']
					} %}
				</div>
				<div class="people_meta_action">
					<a class="people_meta_action_link" href="#">
						<span class="people_meta_action_link_label">Download CV</span>
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: People Meta -->

No notes defined.