<div class="u-vertical-center u-border-top-n2    ">
    <div class="EventCard    ">

        <img class="EventCard-image" src="/assets/img/logos/clearleft-presents-med.svg" alt="Clearleft presents: Blair Enns The Four Conversations">

        <div class="EventCard-section Prose">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
        </div>

        <div class="EventCard-section">
            <div class="EventCard-context">Who</div>
            <ul class="EventCard-list">
                <li class="EventCard-listItem ">
                    <a href="#">Jake Knapp</a>
                </li>
                <li class="EventCard-listItem ">
                    <a href="#">Blair Ennis</a>
                </li>
                <li class="EventCard-listItem ">
                    <a href="#">Mike Monteiro</a>
                </li>
                <li class="EventCard-listItem ">
                    <a href="#">Jan Chipchase</a>
                </li>
            </ul>
        </div>

    </div>
</div>

<picture>
    <source srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 57.5em)">
    <source srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 42.5em)">
    <img class="l-img-con" src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" alt=" " style="object-position: 0% 50%">
</picture>

<picture class="u-hide-sm">
    <source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 57.5em)">
    <source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 42.5em)">
    <img class="l-img-con" data-src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" alt=" " style="object-position: 0% 50%">
</picture>
<picture class="u-hide-sm">
    <source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 57.5em)">
    <source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 42.5em)">
    <img class="l-img-con" data-src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" alt=" " style="object-position: 0% 50%">
</picture>
{% import '@events-macros' as output %}
{% set eventPictures = eventCard.eventPictures|slice(0,3) %}
{% if eventPictures|length is divisibleby(2) %}
    {% set eventPictures = eventPictures|slice(0,1) %}
{% endif %}
{% if eventSide is not defined %}
    {% set eventSide = 'left' %}
{% endif %}

{% set headPictures = eventPictures|slice(0,1) %}
{% set tailPictures = eventPictures|slice(1) %}

{{ output.card(eventCard, eventSide) }}
{{ output.pictures(headPictures, true, eventCard.eventBackground) }}
{{ output.picturesLsOnly(tailPictures, false) }}
{
  "eventSide": "left",
  "eventCard": {
    "eventSrc": "/assets/img/logos/clearleft-presents-med.svg",
    "eventAlt": "Clearleft presents: Blair Enns The Four Conversations",
    "eventDescription": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>",
    "eventListTitle": "Who",
    "eventPastVersions": [
      {
        "versionText": "Jake Knapp",
        "versionURL": "#"
      },
      {
        "versionText": "Blair Ennis",
        "versionURL": "#"
      },
      {
        "versionText": "Mike Monteiro",
        "versionURL": "#"
      },
      {
        "versionText": "Jan Chipchase",
        "versionURL": "#"
      }
    ],
    "eventPictures": [
      {
        "sources": [
          {
            "srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
            "media": "(min-width: 57.5em)"
          },
          {
            "srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
            "media": "(min-width: 42.5em)"
          }
        ],
        "img": {
          "src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
          "style": "object-position: 0% 50%"
        }
      },
      {
        "sources": [
          {
            "srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
            "media": "(min-width: 57.5em)"
          },
          {
            "srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
            "media": "(min-width: 42.5em)"
          }
        ],
        "img": {
          "src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
          "style": "object-position: 0% 50%"
        }
      },
      {
        "sources": [
          {
            "srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
            "media": "(min-width: 57.5em)"
          },
          {
            "srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
            "media": "(min-width: 42.5em)"
          }
        ],
        "img": {
          "src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
          "style": "object-position: 0% 50%"
        }
      }
    ]
  }
}

There are no notes for this item.