<article class="person-card person-card--light person-card--network person-card--">
<div class="person-card__image person-card__image--">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/272/352?random=1" alt="friendly kitten" width="152" height="192">
</figure>
</div>
<div class="person-card__info-and-related person-card__info-and-related--">
<div class="person-card__info">
<div class="person-feature-card__name person-feature-card__name--light">
<h2 class="linked-title linked-title--network linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Ana Mendoza<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="person-feature-card__current-job person-feature-card__current-job--light">
Project manager at WeWork
</div>
<div class="person-feature-card__current-location person-feature-card__current-location--light">
Chicago, IL
</div>
<div class="person-feature-card__degree person-feature-card__degree--light">
Bachelor of Arts in Urban Studies & Planning
</div>
<div class="person-feature-card__graduation-year person-feature-card__graduation-year--light">
MUP 2017
</div>
</div>
<div class="person-card__related person-card__related--">
</div>
</div>
</article>
{% embed 'templates/person-card/person-card.twig' %}
{% block image %}
{% import "bits/macros/imageSource.twig" as imageMacros %}
{{ imageMacros.create(person.featuredImage, 152, 192, background) }}
{% endblock %}
{% block info %}
<div class="person-feature-card__name person-feature-card__name--{{ background }}">
{% include 'bits/linked-title/linked-title.twig' with {
url: person.permalink,
text: person.fullName
} %}
</div>
<div class="person-feature-card__current-job person-feature-card__current-job--{{ background }}">
{{ person.currentJobTitle }}
</div>
{% if person.currentLocation %}
<div class="person-feature-card__current-location person-feature-card__current-location--{{ background }}">
{{ person.currentLocation }}
</div>
{% endif %}
{% for degree in person.degrees %}
<div class="person-feature-card__degree person-feature-card__degree--{{ background }}">
{{ degree }}
</div>
{% endfor %}
<div class="person-feature-card__graduation-year person-feature-card__graduation-year--{{ background }}">
{{ person.graduationYear }}
</div>
{% endblock %}
{% block related %}
{% endblock %}
{% endembed %}
{
"siteUnit": "network",
"departmentName": "Network",
"background": "light",
"person": {
"fullName": "Ana Mendoza",
"degrees": [
"Bachelor of Arts in Urban Studies & Planning"
],
"featuredImage": {
"src": "https://picsum.photos/272/352?random=1",
"altText": "friendly kitten"
},
"graduationYear": "MUP 2017",
"currentJobTitle": "Project manager at WeWork",
"currentLocation": "Chicago, IL",
"permalink": "#"
}
}
.person-feature-card
&__name
margin-bottom 8px
&__name .linked-title__link
@extends $primaryLead
&__current-job
@extends $headline3
&__current-location
@extends $secondaryParagraph
margin-bottom 16px
&__degree
@extends $headline5
&__graduation-year
@extends $secondaryParagraph
There are no notes for this item.