This repository has been archived by the owner on Aug 5, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 8
/
events.tmpl
95 lines (84 loc) · 2.54 KB
/
events.tmpl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
{>base_smartphone/}
{<body}
{#content}
{marketingBanners}
<div id="x-currentevents">
{#currentEvents}
<div class="x-event">
<a href="{href}">
<img src="{src}" class="{class}" data-original="{original}" />
{text}
</a>
</div>
{/currentEvents}
</div>
{?endingEvents}
<div id="x-endingevents">
<h3>
Events Ending Soon
</h3>
{#endingEvents}
<div class="x-event">
<div>
{?href}
<a href="{href}">
{/href}
{text}
<span class="time">{time}</span>
{?href}
</a>
{/href}
</div>
</div>
{/endingEvents}
{?showMoreEnding}
<a class="toggle button">See all events ending soon</a>
{/showMoreEnding}
</div>
{/endingEvents}
{?upcomingEvents}
<div id="x-upcomingevents">
<h3>
Upcoming Events
</h3>
{#upcomingEvents}
<div class="x-event">
<div>
{?href}
<a href="{href}">
{/href}
{text}
<span class="time">{time}</span>
{?href}
</a>
{/href}
</div>
</div>
{/upcomingEvents}
{?showMoreUpcoming}
<a class="toggle button">See all upcoming events</a>
{/showMoreUpcoming}
</div>
{/upcomingEvents}
{jQuery}
{/content}
{%script}
(function($) {
// Drop Events Menu by default on Events pages
$('body').addClass('x-nav-active');
$('#x-header-bar .x-nav, #x-top-nav').addClass('x-active');
$(document).ready(function() {
setTimeout(function() {
$('img.x-lazy').each(function() {
var $img = $(this);
$img.attr('src', $img.attr('data-original'));
});
}, 1000);
});
// Toggle Events.
$('a.toggle').click(function() {
$(this).parent().toggleClass('x-expanded');
});
})(Mobify.$);
{/script}
{/body}