2 <div class="vevent event-card">
3 <div class="vevent-header">
4 <div class="event-card-details">
5 {{* The part with the event data (start, end, location, title *}}
6 <div class="event-card-header">
7 {{* On the left we will present the date in short form (e.g. Oct 15) *}}
8 <div class="event-card-left-date">
9 <span class="event-date-wrapper medium">
10 <span class="event-card-short-month">{{$month_short}}</span>
11 <span class="event-card-short-date">{{$date_short}}</span>
14 <div class="event-card-content media-body">
15 <div class="event-title event-card-title summary event-summary">{{$title}}</div>
16 {{* If there is a map, we insert a button for showing/hiding the map *}}
17 {{if $location.map}}<button id="event-map-btn-{{$id}}" class="event-map-btn btn-link fakelink nav nav-pills preferences" data-map-id="event-location-map-{{$id}}" data-show-label="{{$show_map_label}}" data-hide-label="{{$hide_map_label}}">{{$map_btn_label}}</button>{{/if}}
18 <div class="event-property">
19 <span class="event-date">
20 <span class="event-start dtstart" title="{{$dtstart_title}}">{{$start_short}}</span>
21 {{if $finish}} - <span class="event-end dtend" title="{{$dtend_title}}">{{if $same_date}}{{$end_time}}{{else}}{{$end_short}}{{/if}}</span>{{/if}}
24 <span role="presentation" aria-hidden="true"> ยท </span>
25 <span class="event-location event-card-location">{{$location.name}}</span>
28 <div class="event-card-profile-name profile-entry-name">
29 <a href="{{$author_link}}" class="userinfo">{{$author_name}}</a>
32 <div id="event-location-map-{{$id}}" class="event-location-map">{{$location.map}}</div>
35 <div class="clearfix"></div>
39 <div class="clearfix"></div>
41 {{* The content of the event description *}}
43 <div class="description event-description">