<article class="card-with-image card-with-image--dark ">
<div class="card-with-image__content">
<div class="
news-card-content
news-card-content--dark
news-card-content--durp
">
<div class="news-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--dark">
<a href="#" class="
linked-title__link linked-title__link--dark
">
Spring Course: Transnational Community Resilience Workshop in Puerto Rico<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="news-card-content__date news-card-content__date--dark">
November 19, 2020
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=1" alt="Adorable Kitten" width="320" height="228">
</figure>
</div>
</article>
{% embed 'templates/card-with-image/card-with-image.twig' with {'post': story} %}
{% block text %}
<div class="
news-card-content
news-card-content--{{ background }}
news-card-content--{{ siteUnit }}
">
{% if showUnit %}
<div class="news-card-content__unit">{{ story.unitLabel }}</div>
{% endif %}
<div class="news-card-content__title">
{% include 'bits/linked-title/linked-title.twig' with {
url: story.permalink,
text: story.title
} %}
</div>
<div class="news-card-content__date news-card-content__date--{{ background }}">
{{ story.publishDate }}
</div>
</div>
{% endblock %}
{% block image %}
{% import "bits/macros/imageSource.twig" as imageMacros %}
{{ imageMacros.create(story.featuredImage, 320, 228, background) }}
{% endblock %}
{% endembed %}
{
"siteUnit": "durp",
"departmentName": "Department of Urban and Regional Planning",
"background": "dark",
"showUnit": false,
"story": {
"title": "Spring Course: Transnational Community Resilience Workshop in Puerto Rico",
"permalink": "#",
"publishDate": "November 19, 2020",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=1",
"altText": "Adorable Kitten"
}
}
}
.news-card-content
padding 24px
&__title
margin-bottom 4px
& a
color var(--cardTitleColor)
&__date
@extends $detail
color var(--cardDateColor)
&__unit
@extends $headline5
color altgeld
margin-bottom 8px
text-transform uppercase
There are no notes for this item.