SIA Web Design Library

Meta

No notes defined.

<div class='c-meta'>

    <div class='c-likes c-likes--heart-icon'>
        <p class='c-likes__count'>1203 votes</p>
    </div>
    <div class='c-location c-location--location-icon'>
        <p class='c-location__text p-location'>University of Novi Sad</p>
    </div>
    <div class='c-categories c-meta__categories'>
        <p class='c-categories__items'>
            <a class='c-link c-link--minimal c-link--muted c-categories__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">News</span></a>
        </p>
    </div>
    <div class='c-audience c-meta__audience c-audience--audience-icon'>
        <p class='c-audience__items'>
            Mentor </p>
    </div>
    <span class='c-content-type c-content-type--document'>Video</span>
    <div class='c-focus-areas c-meta__focus-areas c-focus-areas--focus-areas-icon'>
        <p class='c-focus-areas__items'>
            <a class='c-link c-link--muted c-focus-areas__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">Business Model</span></a>, <a class='c-link c-link--muted c-focus-areas__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">Operations</span></a>
        </p>
    </div>
    <div class='c-tags c-meta__tags c-tags--tag-icon'>
        <p class='c-tags__items'>
            <a class='c-link c-link--minimal c-link--muted c-tags__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">Simplify</span></a>, <a class='c-link c-link--minimal c-link--muted c-tags__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">Social entrepreneurship</span></a>
        </p>
    </div>

    <div class='c-sdgs c-meta__sdgs c-sdgs--un-sdgs-icon'>
        <p class='c-sdgs__items'>
            <a class='c-link c-link--muted c-tags__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">SIA News</span></a>, <a class='c-link c-link--muted c-tags__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">Social entrepreneurship</span></a>
        </p>
    </div>
    <div class='c-byline c-meta__byline'>
        <dl class='c-byline__items'>
            <dt class='c-byline__items__item__label'>Created on</dt>
            <dd class='c-byline__items__item__value c-byline__created'>

                <time class='c-date c-meta__date  dt-start ' datetime='15.07.2020, 19:17 CEST' />
                15.07.2020, 19:17 CEST
                </time>

            </dd>
            <dt class='c-byline__items__item__label'>Author</dt>
            <dd class='c-byline__items__item__value c-byline__author'>
                <div class='h-card c-index-card c-index-card--author'>
                    <div class="c-index-card__media-wrapper">
                        <span class='u-photo c-headshot c-index-card__headshot'>
                            <a href='https://peter.vandor' class='c-headshot__link ' title='Dr. Peter Vandor'>
                                <img class='c-headshot__image' src='/images/portrait-Peter-Vandor-1x1.jpg' alt='' title='' />
                            </a>
                        </span>
                    </div>
                    <div class='c-index-card__entity c-index-card__content-wrapper'>

                        <span class='p-name'><a class='u-url ' href='https://peter.vandor'>Dr. Peter Vandor</a></span>

                        <span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>

                            <span class='p-job-title'>Founder and Academic Director</span>

                            <span class='p-org'>Social Impact Award</span>
                        </span>
                        <span class='c-index-card__entity__links'>

                            <span class='u-email'>
                                <a class='u-email c-link--muted c-link--minimal' href='mailto:peter@vandor.mail'>peter@vandor.mail</a>
                            </span>

                            <span class='p-tel'>
                                <a class='p-tel c-link--muted c-link--minimal' href='tel:+436606493214'>+436606493214</a>
                            </span>
                        </span>
                    </div>
                </div>
            </dd>
        </dl>
    </div>
</div>
 
<div class='{{ get_component_class( 'meta', display ) }}'>
    {% if venture_stage %}
        {% include get_template( 'venture-stage', 'unit' ) with venture_stage %}
    {% endif %}

    {% if likes %}
        {% include get_template( 'likes', 'unit' ) with likes %}
    {% endif %}

    {% if location %}
        {% include get_template( 'location', 'unit' ) with location %}
    {% endif %}

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

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

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

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

    {% if tags %}
        {% include get_template( 'tags', 'unit' ) with tags|merge( { display: { component: 'meta' } } ) %}
    {% endif %}
    
    {% if sdgs %}
        {% include get_template( 'sdgs', 'unit' ) with sdgs|merge( { display: { component: 'meta' } } ) %}
    {% endif %}
    
    {% if byline %}
        {% include get_template( 'byline', 'unit' ) with byline|merge( { display: { component: 'meta' } } ) %}
    {% elseif created %}
        {% include get_template( 'date', 'unit' ) with created|merge( { display: { component: 'meta', modifiers: [ 'date', 'with-icon' ] } } ) %}
    {% endif %}
    
    {% if items %}
        <span class='c-meta__freeform'>
            {{ items|join( ' | ' )|raw }}
        </span>
    {% endif %}
</div>
 
{
  "likes": {
    "count": 1203,
    "text": "votes"
  },
  "sdgs": {
    "items": [
      {
        "text": "SIA News",
        "href": "#"
      },
      {
        "text": "Social entrepreneurship",
        "href": "#"
      }
    ]
  },
  "audience": {
    "items": [
      {
        "text": "Mentor"
      }
    ]
  },
  "content_type": {
    "type": "document",
    "text": "Video"
  },
  "focus_areas": {
    "items": [
      {
        "text": "Business Model",
        "href": "#"
      },
      {
        "text": "Operations",
        "href": "#"
      }
    ]
  },
  "categories": {
    "items": [
      {
        "text": "News",
        "href": "#"
      }
    ]
  },
  "location": {
    "text": "University of Novi Sad"
  },
  "tags": {
    "items": [
      {
        "text": "Simplify",
        "href": "#"
      },
      {
        "text": "Social entrepreneurship",
        "href": "#"
      }
    ]
  },
  "byline": {
    "author": {
      "display": {
        "modifiers": [
          "author"
        ]
      },
      "headshot": {
        "src": "/images/portrait-Peter-Vandor-1x1.jpg"
      },
      "name": "Dr. Peter Vandor",
      "role": "Founder and Academic Director",
      "organisation": "Social Impact Award",
      "url": "https://peter.vandor",
      "email": "peter@vandor.mail",
      "tel": "+436606493214"
    },
    "created": {
      "formatted": "15.07.2020, 19:17 CEST"
    }
  }
}