<div class="
mini
">
<div class="mini__title-and-cta">
<div class="mini__cta-container" data-cy="event-mini__cta-container" data-show-cta="true">
<a href="#" class="standard-button standard-button--light
standard-button---width standard-button--tertiary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Read more news</span><span class="standard-button__underline"></span></span></div>
</a>
</div>
</div>
<div class="mini__cards">
<article class="card-with-image">
<div class="card-with-image__image">
<div class="news-card-image">
<figure class="image ">
<picture class="image__picture">
<source srcset="https://placekitten.com/320/228" type="image/webp">
<source srcset="https://placekitten.com/320/228" type="image/jpeg">
<img class="image__image" loading="lazy" type="image/jpeg" src="https://placekitten.com/320/228" alt="" style="object-position: 50% 5%">
</picture>
</figure>
</div>
</div>
<div class="card-with-image__content">
<div class="news-card-content">
<div class="news-card-content__date">
November 19, 2019
</div>
<div class="news-card-content__title-container">
<h3 class="linked-title linked-title--h3">
<a href="http://localhost:3000/components/detail/news" class="linked-title__link">
<span class="linked-title__link-text">Etiam fermentum nibh vitae viverra laoreet</span>
</a>
</h3>
</div>
</div>
</div>
</article>
<article class="card-with-image">
<div class="card-with-image__image">
<div class="news-card-image">
<figure class="image ">
<picture class="image__picture">
<source srcset="https://placekitten.com/320/228" type="image/webp">
<source srcset="https://placekitten.com/320/228" type="image/jpeg">
<img class="image__image" loading="lazy" type="image/jpeg" src="https://placekitten.com/320/228" alt="" style="object-position: 50% 5%">
</picture>
</figure>
</div>
</div>
<div class="card-with-image__content">
<div class="news-card-content">
<div class="news-card-content__date">
</div>
<div class="news-card-content__title-container">
<h3 class="linked-title linked-title--h3">
<a href="http://localhost:3000/components/detail/news" class="linked-title__link">
<span class="linked-title__link-text">Nulla ipsum libero, aliquam et dictum sed, porttitor eget lorem</span>
</a>
</h3>
</div>
</div>
</div>
</article>
<article class="card-with-image">
<div class="card-with-image__image">
<div class="news-card-image">
<figure class="image ">
<picture class="image__picture">
<source srcset="https://placekitten.com/320/228" type="image/webp">
<source srcset="https://placekitten.com/320/228" type="image/jpeg">
<img class="image__image" loading="lazy" type="image/jpeg" src="https://placekitten.com/320/228" alt="" style="object-position: 50% 5%">
</picture>
</figure>
</div>
</div>
<div class="card-with-image__content">
<div class="news-card-content">
<div class="news-card-content__date">
</div>
<div class="news-card-content__title-container">
<h3 class="linked-title linked-title--h3">
<a href="http://localhost:3000/components/detail/news" class="linked-title__link">
<span class="linked-title__link-text">Aliquam condimentum velit sed nisl euismod, sit amet interdum erat vestibulum</span>
</a>
</h3>
</div>
</div>
</div>
</article>
<article class="card-with-image">
<div class="card-with-image__image">
<div class="news-card-image">
<figure class="image ">
<picture class="image__picture">
<source srcset="https://placekitten.com/320/228" type="image/webp">
<source srcset="https://placekitten.com/320/228" type="image/jpeg">
<img class="image__image" loading="lazy" type="image/jpeg" src="https://placekitten.com/320/228" alt="" style="object-position: 50% 5%">
</picture>
</figure>
</div>
</div>
<div class="card-with-image__content">
<div class="news-card-content">
<div class="news-card-content__date">
</div>
<div class="news-card-content__title-container">
<h3 class="linked-title linked-title--h3">
<a href="http://localhost:3000/components/detail/news" class="linked-title__link">
<span class="linked-title__link-text">Integer eget suscipit erat</span>
</a>
</h3>
</div>
</div>
</div>
</article>
</div>
</div>
{% extends 'templates/mini/mini.twig' %}
{% block content %}
{% for post in fields.items %}
{% include 'partials/news-card/news-card.twig' with {
includeExcerpt: true,
includeUnits: false,
}%}
{% endfor %}
{% endblock %}
{
"fields": {
"type": "news-mini",
"showTitle": false,
"title": "The latest news about kittens",
"items": [
{
"title": "Etiam fermentum nibh vitae viverra laoreet",
"permalink": "http://localhost:3000/components/detail/news",
"date": "November 19, 2019",
"summary": "The Music Building at the UF College of the Arts is among the priority line items identified by the UF Board of Trustees for State budgetary allocations toward major construction projects at the University of Florida.\nThe Music Building at the UF College of the Arts is among the priority line items identified by the UF Board of Trustees for State budgetary allocations toward major construction projects at the University of Florida.\n",
"featuredImage": {
"src": "https://placekitten.com/320/228",
"altText": "friendly kitten",
"focalPoint": {
"x": 50,
"y": 5
}
},
"units": [
{
"term_id": 5,
"name": "Deans Office",
"slug": "deans-office",
"term_taxonomy_id": 5,
"taxonomy": "units_and_areas",
"parent": 0
},
{
"term_id": 6,
"name": "School of Music",
"slug": "school-of-music",
"term_taxonomy_id": 6,
"taxonomy": "units_and_areas",
"parent": 0
}
]
},
{
"title": "Nulla ipsum libero, aliquam et dictum sed, porttitor eget lorem",
"summary": "The Music Building at the UF College of the Arts is among the priority line items identified by the UF Board of Trustees for State budgetary allocations toward major construction projects at the University of Florida. The Music Building at the UF College of the Arts is among the priority line items identified by the UF Board of Trustees for State budgetary allocations toward major construction projects at the University of Florida.\n",
"permalink": "http://localhost:3000/components/detail/news",
"publishDate": "November 19, 2019",
"featuredImage": {
"src": "https://placekitten.com/320/228",
"altText": "friendly kitten",
"focalPoint": {
"x": 50,
"y": 5
}
},
"tags": [
{
"term_id": 5,
"name": "Deans Office",
"slug": "deans-office",
"term_taxonomy_id": 5,
"taxonomy": "units_and_areas",
"parent": 0
},
{
"term_id": 6,
"name": "School of Music",
"slug": "school-of-music",
"term_taxonomy_id": 6,
"taxonomy": "units_and_areas",
"parent": 0
}
]
},
{
"title": "Aliquam condimentum velit sed nisl euismod, sit amet interdum erat vestibulum",
"permalink": "http://localhost:3000/components/detail/news",
"publishDate": "November 19, 2019",
"featuredImage": {
"src": "https://placekitten.com/320/228",
"altText": "friendly kitten",
"focalPoint": {
"x": 50,
"y": 5
}
},
"tags": [
{
"term_id": 5,
"name": "Deans Office",
"slug": "deans-office",
"term_taxonomy_id": 5,
"taxonomy": "units_and_areas",
"parent": 0
},
{
"term_id": 6,
"name": "School of Music",
"slug": "school-of-music",
"term_taxonomy_id": 6,
"taxonomy": "units_and_areas",
"parent": 0
}
]
},
{
"title": "Integer eget suscipit erat",
"permalink": "http://localhost:3000/components/detail/news",
"publishDate": "November 19, 2019",
"featuredImage": {
"src": "https://placekitten.com/320/228",
"altText": "friendly kitten",
"focalPoint": {
"x": 50,
"y": 5
}
},
"tags": [
{
"term_id": 5,
"name": "Deans Office",
"slug": "deans-office",
"term_taxonomy_id": 5,
"taxonomy": "units_and_areas",
"parent": 0
},
{
"term_id": 6,
"name": "School of Music",
"slug": "school-of-music",
"term_taxonomy_id": 6,
"taxonomy": "units_and_areas",
"parent": 0
}
]
}
],
"showCTALink": true,
"linkText": "Read more news",
"linkUrl": "#"
}
}
.news-mini
@extends $componentWithMargin
No notes defined.