<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 
    class="EventCard{% if eventModifier %} EventCard{{eventModifier}}{% endif %}
    {% if eventIsInverted %} EventCard--inverted{% endif %}" 
    {% if eventBackground %} style="background:{{eventBackground}}" {% endif %}>

    {% if eventSrc %}
        <img class="EventCard-image" src="{{eventSrc}}" alt="{{eventAlt}}">
    {% endif %}
    {% if eventName %}
        <div class="EventCard-eventName">{{ eventName }}</div>
    {% endif %}

    <div class="EventCard-section Prose">
        {{ eventDescription }}
    </div>

    
    {% set modifier = (eventIsInverted ? 'inverted' : '') %}
    {% if eventLocation or eventDate %}
    {% include '@event-info' with {eventDate: eventDate, eventLocation: eventLocation, infoListModifiers: modifier} only %}
    {% endif %}

    {% if eventTicketTiers %}
        {% set modifier = (eventIsInverted ? 'full TicketTiers--inverted' : 'full') %}
        {% include '@ticket-tiers' with {ticketTiers: eventTicketTiers, ticketTiersModifiers: modifier } only %}
    {% endif %}

    {% if eventPastVersions | length %}
        <div class="EventCard-section">
            <div class="EventCard-context">{{eventListTitle}}</div>
            <ul class="EventCard-list">
                {% for pastVersion in eventPastVersions %}
                    <li class="EventCard-listItem ">
                        <a href="{{pastVersion.versionURL}}">{{pastVersion.versionText}}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    {% endif %}

    {% if eventUrl %}
        {% set modifier = ((eventStatus == 'current') ? '--block EventCard-link': ' EventCard-link' ) %}
        {% set modifier = (eventIsInverted ? modifier ~ ' MegaLink--inverted' : modifier) %}
        {% include '@mega-link' with {
            megaLinkURL: eventUrl,
            megaLinkText: eventLink,
            megaLinkLabel: eventLabel,
            megaLinkModifier: modifier
        }%}
    {% endif %}
</div>
{
  "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": "#"
    }
  ]
}

There are no notes for this item.