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