Card

No notes defined.

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

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

</div>

<footer class='c-post__footer'>
    <div class='c-action-bar c-card__action-bar'>
        <div class='c-action-bar__links '>
            <a class='c-link c-link--undefined c-link--with-icon c-link--minimal ' href="https://socialimpactaward.net/volunteering-gave-me-more-than-just-the-skills/" itemprop="item" itemid="https://socialimpactaward.net/volunteering-gave-me-more-than-just-the-skills/"><span itemprop="name">View</span></a>
        </div>
    </div>
</footer>
{% if workflowInfo %}
    {% include get_template( 'workflow-info', 'unit' ) with workflowInfo %}
{% endif %}

{% if image or countryMap or logo %}
    <figure 
        class='c-{{ entityType }}__media-wrapper'
        {% if image %}
            {% if image.lazy %}data-{% endif %}style='background-image: url( {{ image.src }} )' 
            data-src='{{ image.src }}' 
        {% endif %}>
        {% if image and not image.backgroundOnly %}
            {% include get_template( 'media', 'unit' ) with image %}
        {% elseif logo %}
            {% include get_template( 'logo', 'unit' ) with logo %}
        {% elseif countryMap %}
            {% include get_template( 'country-map', 'unit' ) with countryMap %}
        {% endif %}
    </figure>
{% endif %}

<div class='c-{{ entityType }}__content-wrapper'>
    {% if highlight %}
        <div class='c-{{ entityType }}__highlight'>
            {% include get_template( highlight.component, highlight.type ) with highlight.config|merge( { showInModal: FALSE } ) %}
        </div>
    {% endif %}

    {% include get_template( 'heading', 'unit' ) with heading|merge( { 
        display: { 
            modifiers: [ 'minor' ] 
        },
        showInModal: showInModal
    } ) %}

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

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

    {% if content %}
        {{ content|raw }}
    {% endif %}
    
    {% if socialLinks %}
        {% include get_template( 'social-links', 'unit' ) with socialLinks %}
    {% endif %}
</div>

{% if links %}
    <footer class='c-{{ entityType }}__footer'>
        {% include get_template( 'action-bar', 'unit' ) with {
            display: {
                component: 'card'
            },
            links: links,
            button: NULL
        } %}
    </footer>
{% endif %}
{
  "entityType": "post",
  "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>",
  "meta": {
    "created": {
      "formatted": "15.07.2020",
      "isotime": "2020-07-015T16:00:00+0200",
      "time": "19:00",
      "timezone": "CEST"
    },
    "tags": {
      "items": [
        {
          "text": "SIA News",
          "url": "#"
        },
        {
          "text": "Social entrepreneurship",
          "url": "#"
        }
      ]
    }
  },
  "image": {
    "display": {
      "component": "teaser"
    },
    "src": "/images/cover-journey-16x9.jpg",
    "alt": "Cover journey"
  },
  "links": {
    "view": {
      "text": "View",
      "href": "https://socialimpactaward.net/volunteering-gave-me-more-than-just-the-skills/"
    }
  },
  "button": {
    "text": "Take action",
    "url": "#"
  }
}