SIA Web Design Library

Press mention: Featured

No notes defined.

<article class='c-press-mention press-mention type-press-mention c-press-mention--featured'>
    <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>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in accumsan massa, sit amet eleifend dolor. Ut at facilisis erat. Proin tincidunt sem dolor, ac iaculis ex laoreet et.</p>

        <figure class="c-quote">
            <blockquote class='c-quote__content'>
                After six years at the helm of the Social Impact Awards, Jakob Detering is handing over the management to Ana Janošev and Jonas Dinger at the turn of the year. "We feel very honored and look forward to taking over the leadership of SIA," say Ana Janošev and Jonas Dinger.
            </blockquote>
            <figcaption class='c-quote__citation'>
                <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>
            </figcaption>
        </figure>
    </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"
    }
  },
  "display": {
    "view_mode": "featured"
  },
  "content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in accumsan massa, sit amet eleifend dolor. Ut at facilisis erat. Proin tincidunt sem dolor, ac iaculis ex laoreet et.</p>",
  "quote": "After six years at the helm of the Social Impact Awards, Jakob Detering is handing over the management to Ana Janošev and Jonas Dinger at the turn of the year. \"We feel very honored and look forward to taking over the leadership of SIA,\" say Ana Janošev and Jonas Dinger."
}