SIA Web Design Library

Press mention: List Item

No notes defined.

<article class='c-press-mention press-mention type-press-mention c-press-mention--full'>
    <figure class='c-press-mention__media-wrapper'>
        <span class='c-logo'>
            <a href='#' class='c-logo__link ' target='_blank'>
                <img class='c-logo__image' src='/images/logo-businessart.png' title='' alt='Cover journey' />
            </a>
        </span>
    </figure>

    <div class='c-press-mention__content-wrapper'>
        <h1 class='c-heading c-heading--minor c-heading--muted'>
            <a class='c-link c-link--minor c-link--muted ' href="#" itemprop="item" itemid="#"><span itemprop="name">Social Impact Award starts the new year with a new leadership duo</span></a>
        </h1>

        <div class='c-meta c-list-item__meta'>

            <time class='c-date c-date--date c-date--with-icon c-meta__date  dt-start ' datetime='2020-07-015T16:00:00+0200' />
            15.07.2020
            </time>

        </div>

        <a class='c-link c-link--forward c-link--with-icon c-link--with-icon--reversed c-link--minimal ' href="#" itemprop="item" itemid="#"><span itemprop="name">Trending Topics</span></a>
    </div>

</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% if logo %}
        <figure class='c-{{ entityType }}__media-wrapper'>
            {% include get_template( 'logo', 'unit' ) with logo %}
        </figure>
    {% endif %}

    <div class='c-{{ entityType }}__content-wrapper'>
        {% include get_template( 'heading', 'unit' ) with heading|merge( { display: { modifiers: [ 'minor', 'muted' ] } } ) %}

        {% if meta %}
            {% include get_template( 'meta', 'unit') with meta|merge( { display: { component: 'list-item' } } ) %}
        {% endif %}

        {% if content %}
            {{ content|raw }}
        {% endif %}

        {% if quote %}
            {% include get_template( 'quote', 'unit' ) with { 
                content: quote,
                cite: { 
                    display: { modifiers: [ 'forward', 'with-icon', 'with-icon--reversed', 'minimal' ] },
                    href: url,
                    text: publisher
                }
                } %}
        {% elseif url %}
             {% include get_template( 'link', 'base' ) with { 
                display: { modifiers: [ 'forward', 'with-icon', 'with-icon--reversed', 'minimal' ] },
                href: url,
                text: publisher
                } %}
        {% endif %}
    </div>

    {% if links or issues %}
        <footer class='c-{{ entityType }}__footer'>
            {% if issues %}
                {% include get_template( 'task-list', 'unit' ) with issues|merge( { display: { component: entityType } } ) %}
            {% endif %}

            {% if links or button %}
                {% if display.view_mode == 'full' %}
                    {% include get_template( 'app-bar', 'region' ) with {
                        links: links,
                        button: button
                    } %}
                {% else %}
                    {% include get_template( 'action-bar', 'unit' ) with {
                        display: {
                            component: display.view_mode,
                        },
                        links: links,
                        button: button
                    } %}
                {% endif %}
            {% endif %}
        </footer>
    {% endif %}
</article>
 
{
  "entityType": "press-mention",
  "publisher": "Trending Topics",
  "url": "#",
  "logo": {
    "url": "#",
    "thumbnail": {
      "src": "/images/logo-businessart.png",
      "alt": "Cover journey"
    }
  },
  "heading": {
    "text": "Social Impact Award starts the new year with a new leadership duo"
  },
  "meta": {
    "created": {
      "display": {
        "modifiers": null
      },
      "formatted": "15.07.2020",
      "isotime": "2020-07-015T16:00:00+0200",
      "weekday": "Monday",
      "day": 15,
      "month": "07",
      "year": 2020,
      "time": "19:00",
      "timezone": "CEST"
    }
  }
}