<article class="featured-work featured-work--durp">
    <div class="featured-work__image featured-work__image--durp">
        <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--durp linked-title--dark">
            <a href="" class="
            linked-title__link linked-title__link--dark
            
    ">
        Midtown - Bridging the Gap<span class="linked-title__link-icon">&nbsp;<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": "durp",
  "departmentName": "Department of Urban and Regional Planning",
  "background": "dark",
  "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."
  }
}
  • Content:
    .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)
    
  • URL: /components/raw/featured-work/featured-work.styl
  • Filesystem Path: components/partials/featured-work/featured-work.styl
  • Size: 1.2 KB

There are no notes for this item.