<article class="featured-story featured-story--durp">
<div class="featured-story__image featured-story__image--durp">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/880/496?random=1" alt="friendly kitten" width="880" height="496">
</figure>
</div>
<div class="featured-story__title">
<h2 class="linked-title linked-title--durp linked-title--dark">
<a href="" class="
linked-title__link linked-title__link--dark
">
The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists<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="featured-story__date">
January 17, 2020
</div>
<div class="featured-story__summary">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</article>
<article class="featured-story featured-story--{{ siteUnit }}">
{% if post.featuredImage %}
<div class="featured-story__image featured-story__image--{{ siteUnit }}">
{% import "bits/macros/imageSource.twig" as imageMacros %}
{{ imageMacros.create(post.featuredImage, 880, 496, 'light') }}
</div>
{% endif %}
<div class="featured-story__title">
{% include 'bits/linked-title/linked-title.twig' with {
url: post.permalink,
text: post.title
} %}
</div>
<div class="featured-story__date">
{{ post.date }}
</div>
<div class="featured-story__summary">
{{ post.summary }}
</div>
</article>
{
"siteUnit": "durp",
"departmentName": "Department of Urban and Regional Planning",
"background": "dark",
"post": {
"title": "The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists",
"date": "January 17, 2020",
"featuredImage": {
"src": "https://picsum.photos/880/496?random=1",
"altText": "friendly kitten"
},
"summary": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
}
}
.featured-story
&__image--durp
& .captioned-image__picture
display block
position relative
&:after
content ""
display block
width 100vw
background-color illiniOrange
mix-blend-mode multiply
position absolute
top 0
bottom 0
left "calc(100% - %s)" % 11%
&:before
content ""
display block
width 100vw
background-color illiniOrange
position absolute
top 0
bottom 0
left calc(100%)
&__title
margin-bottom 8px
margin-top 32px
a
@extends $primaryLead
&__date
@extends $detail
margin-bottom 16px
&__summary
@extends $richText
@extends $primaryParagraph
&--music &__title a
&--music &__date
color white
&--music &__summary
&--music &__summary *
&--music &__summary p
&--music .captioned-image__caption
color rgba(255, 255, 255, 0.75)
There are no notes for this item.