ClearFractal

Event Card: Current 

<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>We bring engaging industry leaders from around the world to present a combination of inspirational talks and lively, hands-on workshops.</p>
    </div>

    <dl class="InfoList">
        <dt class="InfoList-term InfoList-term--date"><span>Date</span></dt>
        <dd class="InfoList-description">May 24-26 2017</dd>
        <dt class="InfoList-term InfoList-term--location"><span>Location</span></dt>
        <dd class="InfoList-description">Laban, London</dd>
    </dl>

    <table class="TicketTiers TicketTiers--full">
        <tr class="Tier">
            <td class="Tier-cell Tier-cell--name">Super Early Bird tickets</td>
            <td class="Tier-cell Tier-cell--price"><span class="Tier-price Tier-price--soldout">£445 + VAT</span> <span class="Tier-soldout">Sold&nbsp;out</span></td>
        </tr>
        <tr class="Tier">
            <td class="Tier-cell Tier-cell--name">Early Bird tickets</td>
            <td class="Tier-cell Tier-cell--price"><span class="Tier-price">£495 + VAT</span> </td>
        </tr>
        <tr class="Tier">
            <td class="Tier-cell Tier-cell--name">Standard tickets</td>
            <td class="Tier-cell Tier-cell--price"><span class="Tier-price">£595 + VAT</span> </td>
        </tr>
    </table>

    <a href="#" class="MegaLink MegaLink EventCard-link" aria-label="Full UX London details & tickets">
        Full event details & tickets
    </a>
</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": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/ux-london-logo.svg",
  "eventAlt": "UX London",
  "eventUrl": "#",
  "eventLink": "Full event details & tickets",
  "eventLabel": "Full UX London details & tickets",
  "eventLocation": "Laban, London",
  "eventDate": "May 24-26 2017",
  "eventDescription": "<p>We bring engaging industry leaders from around the world to present a combination of inspirational talks and lively, hands-on workshops.</p>",
  "eventTicketTiers": [
    {
      "tierName": "Super Early Bird tickets",
      "tierPrice": "£445 + VAT",
      "tierSoldOut": true
    },
    {
      "tierName": "Early Bird tickets",
      "tierPrice": "£495 + VAT"
    },
    {
      "tierName": "Standard tickets",
      "tierPrice": "£595 + VAT"
    }
  ]
}

There are no notes for this item.