<article class="featured-work featured-work--music">
<div class="featured-work__image featured-work__image--music">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/880/496?random=1" alt="building" width="880" height="496">
</figure>
</div>
<div class="featured-work__title">
<h2 class="linked-title linked-title--music linked-title--light">
<a href="" class="
linked-title__link linked-title__link--light
">
Midtown - Bridging the Gap<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-work__creators">
Adjunct Lecturer Kennedy Hutson
</div>
<div class="featured-work__description">
The semester focused on the mixed-use redevelopment of an established neighborhood comprised of several city blocks in Champaign, Illinois. Our studies over the course of the semester began with Team Planning Projects and culminated with Individual Building
Projects. During the initial Research Phase, we met with a panel of stakeholders comprised of City Planners, Owner/Developers and Architects. We presented our completed projects to this group at the end of the semester.
</div>
</article>
<article class="featured-work featured-work--{{ siteUnit }}">
{% if post.featuredImage %}
<div class="featured-work__image featured-work__image--{{ siteUnit }}">
{% import "bits/macros/imageSource.twig" as imageMacros %}
{{ imageMacros.create(post.featuredImage, 880, 496, 'light') }}
</div>
{% endif %}
<div class="featured-work__title">
{% include 'bits/linked-title/linked-title.twig' with {
url: post.permalink,
text: post.title
} %}
</div>
<div class="featured-work__creators">
{{ post.creators }}
</div>
<div class="featured-work__description">
{{ post.description }}
</div>
</article>
{
"siteUnit": "music",
"departmentName": "Music",
"background": "light",
"post": {
"title": "Midtown - Bridging the Gap",
"creators": "Adjunct Lecturer Kennedy Hutson",
"featuredImage": {
"src": "https://picsum.photos/880/496?random=1",
"altText": "building"
},
"description": "The semester focused on the mixed-use redevelopment of an established neighborhood comprised of several city blocks in Champaign, Illinois. Our studies over the course of the semester began with Team Planning Projects and culminated with Individual Building Projects. During the initial Research Phase, we met with a panel of stakeholders comprised of City Planners, Owner/Developers and Architects. We presented our completed projects to this group at the end of the semester."
}
}
.featured-work
&__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
&__creators
@extends $detail
margin-bottom 16px
&__description
@extends $richText
&--music &__title a
&--music &__creators
color white
&--music &__description
&--music &__description p
&--music &__description *
&--music .captioned-image__caption
color rgba(255, 255, 255, 0.75)
There are no notes for this item.