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

            <img class=" EventCard-image" src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/ux-london-logo.svg" alt="UX London">

    <div class="EventCard-section Prose">
        <p>3 days of inspiration for UX designers. We bring engaging industry leaders from around the world to present a combination of inspirational talks and lively, hands-on workshops.</p>
    </div>

    <div class="EventCard-section">
        <div class="EventCard-context">WHEN</div>
        <ul class="EventCard-list">
            <li class="EventCard-listItem ">
                <a href="#">2016</a>
            </li>
            <li class="EventCard-listItem ">
                <a href="#">2015</a>
            </li>
            <li class="EventCard-listItem ">
                <a href="#">2014</a>
            </li>
            <li class="EventCard-listItem ">
                <a href="#">2013</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": "right",
  "eventCard": {
    "eventSrc": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/ux-london-logo.svg",
    "eventAlt": "UX London",
    "eventDescription": "<p>3 days of inspiration for UX designers. We bring engaging industry leaders from around the world to present a combination of inspirational talks and lively, hands-on workshops.</p>",
    "eventListTitle": "WHEN",
    "eventPastVersions": [
      {
        "versionText": "2016",
        "versionURL": "#"
      },
      {
        "versionText": "2015",
        "versionURL": "#"
      },
      {
        "versionText": "2014",
        "versionURL": "#"
      },
      {
        "versionText": "2013",
        "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.