Custom theme (replace with client name)

News Listing: Default 

<div class="news-listing">
    <div class="listing-content">
        <div class="listing-content__content">

            <form class="taxonomy-filter" data-taxonomy-filter method="get">
                <div class="taxonomy-filter__container">
                    <div class="taxonomy-filter__local-taxonomy">
                        <label class="taxonomy-filter__select-label" for="local-taxonomy-select">Tags</label>
                        <select class="taxonomy-filter__select" name="local-taxonomy" id="local-taxonomy-select">
                            <option class="taxonomy-filter__select-option" value="all">All
                            </option>
                        </select>
                    </div>
                    <div class="taxonomy-filter__buttons">
                        <button type="tertiary" class="
            standard-button
            standard-button--natural-width
            
        ">
                            <div class="standard-button__container">
                                <span class="standard-button__text">
                                    View
                                </span>
                            </div>
                        </button>
                        <button type="tertiary" class="
            standard-button
            standard-button--natural-width
            
        ">
                            <div class="standard-button__container">
                                <span class="standard-button__text">
                                    Clear
                                </span>
                            </div>
                        </button>
                    </div>
                </div>
            </form>
            <div class="listing-content__list">
                <article class="card-with-image">
                    <div class="card-with-image__content">
                        <div class="news-card-content">
                            <div class="news-card-content__date">
                                November 19, 2019
                            </div>
                            <a class="news-card-content__title" href="http://localhost:3000/components/detail/news">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit
                            </a>
                        </div>
                    </div>
                    <div class="card-with-image__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="" height="" width="">
                            </picture>
                        </figure>
                    </div>
                </article>
                <article class="card-with-image">
                    <div class="card-with-image__content">
                        <div class="news-card-content">
                            <div class="news-card-content__date">
                                November 19, 2019
                            </div>
                            <a class="news-card-content__title" href="http://localhost:3000/components/detail/news">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit
                            </a>
                        </div>
                    </div>
                    <div class="card-with-image__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="" height="" width="">
                            </picture>
                        </figure>
                    </div>
                </article>
            </div>
        </div>
    </div>
</div>
 
<div class="news-listing">
    {% embed "templates/listing-content/listing-content.twig" with {
        withCards: true,
    } %}
        {% block filter %}
            {% include 'partials/taxonomy-filter/taxonomy-filter.twig' with {
                includeSearch: false
            } %}
        {% endblock %}
        {% block content %}
            {% if post.list | length > 0 %}
                {% for post in post.list %}
                    {% include 'partials/news/news-card/news-card.twig' %}
                {% endfor %}
            {% else %}
                    {% include 'partials/empty-listing-error/empty-listing-error.twig' %}
            {% endif %}
        {% endblock %}
    {% endembed %}
</div>
 
{
  "post": {
    "title": "News",
    "list": [
      {
        "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
        "permalink": "http://localhost:3000/components/detail/news",
        "publishDate": "November 19, 2019",
        "featuredImage": {
          "src": "https://placekitten.com/320/228",
          "altText": "friendly kitten"
        }
      },
      {
        "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
        "permalink": "http://localhost:3000/components/detail/news",
        "publishDate": "November 19, 2019",
        "featuredImage": {
          "src": "https://placekitten.com/320/228",
          "altText": "friendly kitten"
        }
      }
    ]
  }
}

No notes defined.