<!-- Bio Card -->
<div class="card card_bio card_type_contained">
<div class="card_inner card_bio_inner">
<div class="card_bio_grid">
<div class="card_bio_header">
<h3 class="card_bio_name">
<a class="card_bio_name_link" href="#">James Diamond, PhD</a>
</h3>
<p class="card_bio_title">Assistant Professor, Assistant to the Professor</p>
</div>
<div class="card_bio_body">
<div class="card_bio_body_group">
<h4 class="card_bio_body_group_title">Affiliation</h4>
<p class="card_bio_body_group_description"><a class="card_bio_body_group_description_link" href="#">Dalet</a>, <a class="card_bio_body_group_description_link" href="#">Education</a></p>
</div>
<div class="card_bio_body_group">
<h4 class="card_bio_body_group_title">Expertise</h4>
<p class="card_bio_body_group_description">Educational Research Design and Evaluation; Civics Education; STEM Education; Computational Thinking;</p>
</div>
</div>
</div>
</div>
<figure class="card_bio_media">
<img class="card_bio_image" srcset="https://images.fastspot.com/jhusoe/300x300/1 300w, https://images.fastspot.com/jhusoe/100x100/1 100w" sizes="110px" src="https://images.fastspot.com/jhusoe/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
<!-- END: Bio Card -->
{#
{% include '@partial-bio-card' with {
item: {
type: 'default',
image: '1',
alt: 'alt',
url: '#',
name: 'Name',
titles: [
'titles'
],
expertise: {
label: 'label',
description: 'description'
},
affiliations: [
{
label: 'label',
url: '#'
}
]
}
} %}
#}
<!-- Bio Card -->
<div class="card card_bio card_type_{{ item.type ?: 'default' }}">
<div class="card_inner card_bio_inner">
<div class="card_bio_grid">
<div class="card_bio_header">
{% if group_title %}
<h2 class="card_bio_name">
<a class="card_bio_name_link" href="{{ item.url }}">{{ item.name }}</a>
</h2>
{% else %}
<h3 class="card_bio_name">
<a class="card_bio_name_link" href="{{ item.url }}">{{ item.name }}</a>
</h3>
{% endif %}
{% if item.titles %}
<p class="card_bio_title">{% for title in item.titles %}{{ title }}{% if not loop.last %}, {% endif %}{% endfor %}</p>
{% endif %}
</div>
<div class="card_bio_body">
{% if item.affiliations %}
<div class="card_bio_body_group">
{% if group_title %}
<h3 class="card_bio_body_group_title">Affiliation</h3>
{% else %}
<h4 class="card_bio_body_group_title">Affiliation</h4>
{% endif %}
<p class="card_bio_body_group_description">{% for affiliation in item.affiliations %}<a class="card_bio_body_group_description_link" href="{{ affiliation.url }}">{{ affiliation.label }}</a>{% if not loop.last %}, {% endif %}{% endfor %}</p>
</div>
{% endif %}
<div class="card_bio_body_group">
{% if group_title %}
<h3 class="card_bio_body_group_title">{{ item.expertise.label }}</h3>
{% else %}
<h4 class="card_bio_body_group_title">{{ item.expertise.label }}</h4>
{% endif %}
<p class="card_bio_body_group_description">{{ item.expertise.description }}</p>
</div>
</div>
</div>
</div>
{% if item.image %}
<figure class="card_bio_media">
{% include '@partial-image' with {
class: 'card_bio',
alt: item.alt,
image: item.image,
loading: 'lazy',
sources: [
img.square.xxsml,
img.square.thumb
],
sizes: [
'110px'
]
} %}
</figure>
{% endif %}
</div>
<!-- END: Bio Card -->
No notes defined.