SIA Web Design Library

Event: Teaser

No notes defined.

<article class='c-event event type-event c-event--teaser'>

    <figure class='c-event__media-wrapper' style='background-image: url( /images/summit-speaker-balloons-1x1.jpg )' data-src='/images/summit-speaker-balloons-1x1.jpg'>
        <span class='c-media c-event--teaser__media'>
            <img class='c-media__image' src='/images/summit-speaker-balloons-1x1.jpg' alt='Cover journey' />
        </span>
    </figure>

    <div class='c-event__content-wrapper'>
        <div class='c-event__highlight'>

            <time class='c-date c-date--graphic c-event__date  dt-start ' datetime='' />
            <span class='c-date__day'>15</span><span class='c-date__month'>07</span><span class='c-date__year'>2020</span><span class='c-date__time-timezone'><span class='c-date__time'>19:00</span> <span class='c-date__timezone'>CEST</span></span> </time>

        </div>

        <h1 class='c-heading c-heading--minor'>
            <a class='c-link c-link--minor ' href="#" itemprop="item" itemid="#"><span itemprop="name">Milestone Planning Tool</span></a>
        </h1>

        <div class='c-meta c-card__meta'>

            <div class='c-tags c-meta__tags c-tags--tag-icon'>
                <p class='c-tags__items'>
                    [object Object] </p>
            </div>

            <span class='c-meta__freeform'>
                <a class='' href='#'>Austria 2020</a>
            </span>
        </div>

    </div>

</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% include get_template( 'card', 'unit' ) with {  
        highlight: {
            component: 'date',
            type: 'unit',
            config: start_date
        }
    } %}
</article>
 
{
  "theme": "education",
  "entityType": "event",
  "display": {
    "view_mode": "teaser"
  },
  "eventType": "online",
  "focusArea": [
    {
      "text": "<a href='#'>Operations</a>"
    },
    {
      "text": "<a href='#'>Business modeling</a>"
    }
  ],
  "eventLanguage": [
    "English"
  ],
  "heading": {
    "text": "Milestone Planning Tool",
    "url": "#"
  },
  "content": null,
  "gettingStarted": {
    "display": {
      "component": "event",
      "modifiers": [
        "background-notice"
      ]
    },
    "heading": {
      "text": "Before we start"
    },
    "content": "Background Paper: https://drive.google.com/open?id=197NbVpNo78M5NBSoHfrHCIOtl6VHrkhH&authuser=jonas.dinger%40socialimpactaward.net&usp=drive_fs"
  },
  "start_date": {
    "display": {
      "component": "event",
      "modifiers": [
        "graphic"
      ]
    },
    "formatted": null,
    "weekday": "Monday",
    "day": 15,
    "month": "07",
    "year": 2020,
    "time": "19:00",
    "timezone": "CEST"
  },
  "meta": {
    "tags": {
      "items": [
        {
          "text": "Operations",
          "url": "#"
        }
      ]
    },
    "display": {
      "component": "event--teaser"
    },
    "items": [
      "<a class='' href='#'>Austria 2020</a>"
    ]
  },
  "button": {
    "text": "Take action",
    "url": "#"
  },
  "links": [],
  "image": {
    "display": {
      "component": "event--teaser"
    },
    "src": "/images/summit-speaker-balloons-1x1.jpg",
    "alt": "Cover journey"
  }
}