{articles category="Events" ordering="event-date ASC"}
{if cancelled = "Cancelled"}
<li class="[eventscategory:value]">
<div class="uk-inline-clip">
<div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle" >
<div class="uk-overlay uk-dark uk-position-center uk-text-center">
<img src="/events/cancelled.jpg" />
</div>
</div>
</div>
</li>
{else}
<li class="[eventscategory:value]">
<div class="uk-inline-clip uk-transition-toggle" tabindex="0">
[link][event-image class="uk-border-rounded"][/link]
<div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle" >
<div class="uk-overlay uk-dark uk-position-center uk-text-center">
<p class="uk-margin-remove">[event-date] [end-time]</p>
<p>[venue-name]</p>
[readmore text="More Info" class="button button-bevel"]
</div>
</div>
</div>
</li>
{/if}
{/articles}
[cancelled:value]
{if cancelled = "Cancelled"}
{if cancelled}
[cancelled:value]
{if cancelled:text = "Cancelled"}