<div class="art-homepage-news">
<h2 class="art-homepage-news__heading">Recent News</h2>
<div class="art-homepage-news__container">
<div class="art-homepage-news__news">
<div class="art-homepage-news-card">
<div class="art-homepage-news-card__info">
<h3 class="linked-title linked-title--art linked-title--light">
<a href="https://google.com" class="
linked-title__link linked-title__link--light
">
Graphic Design Assistant Professor Juan Salamanca Featured by Scholarly Commons<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>
</h3>
<p class="art-homepage-news-card__date">March 13, 2021</p>
</div>
<div class="art-homepage-news-card__image">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/1920/1080?random=1" type="image/webp">
<img class="captioned-image__gallery-image" loading="lazy" src="https://picsum.photos/1920/1080?random=1" alt="">
</picture>
</figure>
</div>
</div>
<div class="art-homepage-news-card">
<div class="art-homepage-news-card__info">
<h3 class="linked-title linked-title--art linked-title--light">
<a href="https://google.com" class="
linked-title__link linked-title__link--light
">
Celebration of the Life and Work of Ed Zagorski<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>
</h3>
<p class="art-homepage-news-card__date">March 17, 2021</p>
</div>
<div class="art-homepage-news-card__image">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/1080/1920?random=3" type="image/webp">
<img class="captioned-image__gallery-image" loading="lazy" src="https://picsum.photos/1080/1920?random=3" alt="">
</picture>
</figure>
</div>
</div>
<div class="art-homepage-news-card">
<div class="art-homepage-news-card__info">
<h3 class="linked-title linked-title--art linked-title--light">
<a href="https://google.com" class="
linked-title__link linked-title__link--light
">
Alumnus Langston Allston Chosen for Artist-in-Residence Program at Joan Mitchell Center<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>
</h3>
<p class="art-homepage-news-card__date">March 18, 2021</p>
</div>
<div class="art-homepage-news-card__image">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/500/380?random=2" type="image/webp">
<img class="captioned-image__gallery-image" loading="lazy" src="https://picsum.photos/500/380?random=2" alt="">
</picture>
</figure>
</div>
</div>
</div>
<div class="art-homepage-news__call-to-action">
<a href="https://google.com" class="standard-button standard-button--art standard-button--light
standard-button---width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">See all events</span><span class="standard-button__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></span>
</div>
</a>
</div>
</div>
</div>
{% if homepageNews.news %}
<div class="art-homepage-news">
<h2 class="art-homepage-news__heading">{{ homepageNews.heading }}</h2>
<div class="art-homepage-news__container">
<div class="art-homepage-news__news">
{% for post in homepageNews.news %}
{% include 'partials/homepages/art-homepage/art-homepage-news-card/art-homepage-news-card.twig' with {post: post} %}
{% endfor %}
</div>
<div class="art-homepage-news__call-to-action">
{% include 'bits/standard-button/standard-button.twig' with {
button: {
icon: 'right-chevron',
type: 'primary',
text: homepageNews.callToAction.text,
url: homepageNews.callToAction.url
}
} %}
</div>
</div>
</div>
{% endif %}
{
"siteUnit": "art",
"departmentName": "School of Art and Design",
"background": "light",
"homepageNews": {
"heading": "Recent News",
"news": [
{
"title": "Graphic Design Assistant Professor Juan Salamanca Featured by Scholarly Commons",
"permalink": "https://google.com",
"publishDate": "March 13, 2021",
"featuredImage": {
"src": "https://picsum.photos/1920/1080?random=1",
"alText": "some alt text"
}
},
{
"title": "Celebration of the Life and Work of Ed Zagorski",
"permalink": "https://google.com",
"publishDate": "March 17, 2021",
"featuredImage": {
"src": "https://picsum.photos/1080/1920?random=3",
"alText": "some alt text"
}
},
{
"title": "Alumnus Langston Allston Chosen for Artist-in-Residence Program at Joan Mitchell Center",
"permalink": "https://google.com",
"publishDate": "March 18, 2021",
"featuredImage": {
"src": "https://picsum.photos/500/380?random=2",
"alText": "some alt text"
}
}
],
"callToAction": {
"url": "https://google.com",
"text": "See all events"
}
}
}
.art-homepage-news
background-color cloud
padding 128px 0
+above(mediumDeviceBreakpoint)
padding 160px 0
+above(largeDeviceBreakpoint)
padding 208px 0
&__container
@extends $contentContainer
&__news
width 100%
justify-content center
display block
+above(largeDeviceBreakpoint)
display flex
&__heading
@extends $billboardSmallTitle
text-align center
color charcoalLighter
margin-bottom 48px
+above(mediumDeviceBreakpoint)
margin-bottom 64px
&__call-to-action
display flex
justify-content center
align-items center
margin-top 48px
+above(mediumDeviceBreakpoint)
margin-top 64px
There are no notes for this item.