{{  $t := (time .Params.event_end) }} 
<div class='card calendar {{ if $t.Before now }}past{{end}}'>
  <div class='date tape-label'><span> {{ substr .Params.date 0 11}}</span></div>
  <article class="h-event calendar ">
    <header>
      <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
    </header>
    {{ range first 1 (.Resources.ByType "image") }} 
    <div class='calendar-image-holder'><a href="{{ $.Permalink }}"> <img class="calendar-image" src="{{ .Permalink }}"></a></div>
    {{ end }}
    <div class='start-scroller'>
      <marquee behavior="scroll" direction="left">
        {{ .Params.localized_begin | markdownify }}
      </marquee>
    </div>
    <div class='calendar metadata'>
      <div class='calendar-duration'>Duration: <b>{{ .Params.duration }}</b></div>
      <input class='descr_button' type='checkbox' id='toggle-{{ .Params.uid }}'/>
      <label class='calendar' for='toggle-{{ .Params.uid }}'>↕</label>
      <div class='calendar-location p-location'>{{ .Params.location | markdownify }}</div>
      
      <div class='calendar description p-description' id='event-{{ .Params.uid }}'>
        {{.Content}}
      </div>
    </div>  
  </article>
</div>