No notes defined.

<div class='c-articles'>
    <h1 class='c-heading c-heading--minor'>
        Latest articles
    </h1>

    <div class='c-lead'>
        <p>Together with the Vienna University of Economics and Business and HIL Foundation we started to research and implement our findings on wellbeing since 2018.</p>
    </div>
    <div class='c-articles c-articles--teaser c-articles--entities c-articles--articles c-articles__articles'>
        <ul class='c-articles__items l-grid u-list--unstyled'>
            <li class='c-articles__items__item l-grid__item'>

                <article class='c-post post type-post c-post--with-workflow-info c-articles__post c-articles__post--teaser c-post--teaser'>
                    <div class='c-workflow-info c-workflow-info--with-workflow-info c-articles__workflow-info'>
                        <h2 class='sr-only'>Workflow</h2>
                        <ul class='c-workflow-info__items c-worklow-info__items--2'>
                            <li class='c-workflow-info__items__item c-workflow-info__items__item--0'>Published</li>
                            <li class='c-workflow-info__items__item c-workflow-info__items__item--1'>Is reviewed</li>
                        </ul>
                    </div>
                    <figure class='c-post__media-wrapper' style='background-image: url( /images/cover-journey-16x9.jpg )' data-src='/images/cover-journey-16x9.jpg'>
                        <span class='c-media c-event--teaser__media'>
                            <img class='c-media__image' src='/images/cover-journey-16x9.jpg' alt='Cover journey' />
                        </span>
                    </figure>

                    <div class='c-post__content-wrapper'>

                        <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], [object Object] </p>
                            </div>

                            <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>

                    </div>

                </article>
            </li>
            <li class='c-articles__items__item l-grid__item'>

                <article class='c-post post type-post c-articles__post c-articles__post--teaser c-post--teaser'>

                    <figure class='c-post__media-wrapper' style='background-image: url( /images/cover-journey-16x9.jpg )' data-src='/images/cover-journey-16x9.jpg'>
                        <span class='c-media c-event--teaser__media'>
                            <img class='c-media__image' src='/images/cover-journey-16x9.jpg' alt='Cover journey' />
                        </span>
                    </figure>

                    <div class='c-post__content-wrapper'>

                        <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], [object Object] </p>
                            </div>

                            <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>

                    </div>

                </article>
            </li>
        </ul>

    </div>
</div>
<div class='{{ get_component_class( 'articles', display ) }}'>
    {% if heading %}
        {% include get_template( 'heading', 'unit' ) with heading|merge( { display: { modifiers: [ 'minor' ] } } ) %}
    {% endif %}
    
    {% if lead %}
        {% include get_template( 'lead', 'unit' ) with lead %}
    {% endif %}
    
    {% if entities %}
        {% include '@group/entities/entities.twig' with entities %}
    {% endif %}
</div>
{
  "heading": {
    "text": "Latest articles",
    "display": {
      "modifiers": [
        "minor"
      ]
    }
  },
  "lead": {
    "content": "<p>Together with the Vienna University of Economics and Business and HIL Foundation we started to research and implement our findings on wellbeing since 2018.</p>"
  },
  "entities": {
    "display": {
      "component": "articles"
    },
    "collection": {
      "entityType": "post",
      "display": {
        "component": "articles",
        "view_mode": "teaser",
        "listClass": [
          "l-grid"
        ],
        "itemClass": [
          "l-grid__item"
        ]
      },
      "items": [
        {
          "display": {
            "modifiers": [
              "with-workflow-info"
            ]
          },
          "workflowInfo": {
            "items": {
              "status": {
                "label": "Published",
                "value": 0
              },
              "is_reviewed": {
                "label": "Is reviewed",
                "value": 1
              }
            }
          },
          "image": {
            "display": {
              "component": "event--teaser"
            },
            "src": "/images/cover-journey-16x9.jpg",
            "alt": "Cover journey"
          },
          "meta": {
            "tags": {
              "items": [
                {
                  "text": "SIA News",
                  "url": "#"
                },
                {
                  "text": "Social entrepreneurship",
                  "url": "#"
                }
              ]
            },
            "created": {
              "formatted": "15.07.2020",
              "isotime": "2020-07-015T16:00:00+0200",
              "weekday": "Monday",
              "day": 15,
              "month": "07",
              "year": 2020,
              "time": "19:00",
              "timezone": "CEST"
            }
          },
          "heading": {
            "text": "Milestone Planning Tool",
            "url": "#"
          },
          "content": "<p>You should lay this out here. Think of every possible resource you need (for our example, it can be guidelines on how to do interviews, help of someone else to reach your customers, an online survey tool, etc.).</p>"
        },
        {
          "image": {
            "display": {
              "component": "event--teaser"
            },
            "src": "/images/cover-journey-16x9.jpg",
            "alt": "Cover journey"
          },
          "meta": {
            "tags": {
              "items": [
                {
                  "text": "SIA News",
                  "url": "#"
                },
                {
                  "text": "Social entrepreneurship",
                  "url": "#"
                }
              ]
            },
            "created": {
              "formatted": "15.07.2020",
              "isotime": "2020-07-015T16:00:00+0200",
              "weekday": "Monday",
              "day": 15,
              "month": "07",
              "year": 2020,
              "time": "19:00",
              "timezone": "CEST"
            }
          },
          "heading": {
            "text": "Milestone Planning Tool",
            "url": "#"
          },
          "content": "<p>You should lay this out here. Think of every possible resource you need (for our example, it can be guidelines on how to do interviews, help of someone else to reach your customers, an online survey tool, etc.).</p>"
        }
      ]
    }
  }
}