{{  $t := (time .Params.event_end) }} 
    <div class='card calendar {{ if $t.Before now }}past{{end}}'>
          <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>