forked from CloudCannon/malt-jekyll-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (163 loc) · 7.74 KB
/
index.html
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
---
title: Malt Festival
start_datetime: 2016-11-10 9:00:00
end_datetime: 2016-11-10 18:00:00
timezone: America/Los_Angeles
description: A fun filled day with friends and beer.
background_image: /uploads/2015/12.jpeg
map:
address: 1 Market Street, San Francisco
zoom: 16
latitude: 37.7938462
longitude: -122.3970253
featured_brews:
- label_image: /uploads/beers/label-1.png
title: Count Chocula
link: #
- label_image: /uploads/beers/label-2.png
title: Professor Pope
link: #
- label_image: /uploads/beers/label-3.png
title: Blazing Dog
link: #
- label_image: /uploads/beers/label-4.png
title: Extravagant Bartender
link: #
- label_image: /uploads/beers/label-5.png
title: Brain Sour
link: #
- label_image: /uploads/beers/label-6.png
title: Chinchilla
link: #
- label_image: /uploads/beers/label-7.png
title: Frosty Boots
link: #
- label_image: /uploads/beers/label-8.png
title: Grape Pirate
link: #
- label_image: /uploads/beers/label-9.png
title: Blue Bus
link: #
- label_image: /uploads/beers/label-10.png
title: Orange Tank
link: #
- label_image: /uploads/beers/label-11.png
title: Kangaroo
link: #
- label_image: /uploads/beers/label-12.png
title: CloudCannon
link: #
photos:
- image: /uploads/2015/1.jpeg
title: Malt Festival 1
- image: /uploads/2015/2.jpeg
title: Malt Festival 2
- image: /uploads/2015/3.jpeg
title: Malt Festival 3
- image: /uploads/2015/4.jpeg
title: Malt Festival 4
- image: /uploads/2015/5.jpeg
title: Malt Festival 5
- image: /uploads/2015/6.jpeg
title: Malt Festival 6
- image: /uploads/2015/7.jpeg
title: Malt Festival 7
- image: /uploads/2015/8.jpeg
title: Malt Festival 8
- image: /uploads/2015/9.jpeg
title: Malt Festival 9
- image: /uploads/2015/10.jpeg
title: Malt Festival 10
- image: /uploads/2015/11.jpeg
title: Malt Festival 11
- image: /uploads/2015/12.jpeg
title: Malt Festival 12
- image: /uploads/2015/13.jpeg
title: Malt Festival 13
_options:
label_image:
width: 400
height: 400
image:
width: 600
height: 1200
---
<p class="success">Message sent, we'll be in touch soon.</p>
<p class="dates">
{{ page.start_datetime | date: "%A %-d of %B %Y %-I%P" }} - {{ page.end_datetime | date: "%-I%P" }}
<span class="addtocalendar atc-style-button-icon atc-style-menu-wb">
<a class="atcb-link">{% include icons/date.svg %}</a>
<var class="atc_event">
<var class="atc_date_start">{{ page.start_datetime | date: "%Y-%m-%d %H:%M:%S" }}</var>
<var class="atc_date_end">{{ page.end_datetime | date: "%Y-%m-%d %H:%M:%S" }}</var>
<var class="atc_timezone">{{ page.timezone }}</var>
<var class="atc_title">{{ page.title }}</var>
<var class="atc_description">{{ page.description }}</var>
<var class="atc_location">{{ page.map.address }}</var>
</var>
</span>
</p>
<p class="editable">Malt is an annual festival celebrating the finest craft beer in San Francisco. This year we have over 50 craft beers on tap, food trucks, live music and entertainment. Tickets are available right here for $45. Valid government issued ID required on entry.</p>
<h3 class="editable">Featured brews</h3>
<div class="gallery">
{% for feature in page.featured_brews %}
<a href="{% include relative-src.html src=feature.link %}">
<div class="inner-wrapper">
<img src="{% include relative-src.html src=feature.label_image %}" alt="{{ feature.title }}">
</div>
<p class="caption">{{ feature.title }}</p>
</a>
{% endfor %}
</div>
<h3 class="editable">Get your tickets</h3>
{{ site.eventbrite_embed }}
<h3 class="editable">Tell your friends</h3>
<div class="sharing">
{% assign share_url = page.url | absolute_url | cgi_escape %}
<a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ share_url }}">{% include icons/social-icon.html icon="Facebook" %}</a>
<a class="twitter" href="https://twitter.com/intent/tweet?url={{ share_url }}&text=I'm%20going%20to%20this%20event!">{% include icons/social-icon.html icon="Twitter" %}</a>
<a class="google-plus" href="https://plus.google.com/share?url={{ share_url }}">{% include icons/social-icon.html icon="Google Plus" %}</a>
<a class="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url={{ share_url }}">{% include icons/social-icon.html icon="LinkedIn" %}</a>
<a class="email" href="mailto:?subject=I'm going to this event&body=Check%20it%20out%20-%20{{ share_url }}">{% include icons/social-icon.html icon="Email" %}</a>
</div>
<h3 class="editable">Location</h3>
<div class="map" id="gmap_canvas"></div>
<address><a href="https://www.google.com/maps/place/{{ page.map.address | url_encode }}">{% include icons/place.svg %} {{ page.map.address }}</a></address>
<h3 class="editable">Photos from 2015</h3>
<div class="grid">
{% for photo in page.photos %}
<div class="grid-item"><a class="fancybox" rel="group" href="{% include relative-src.html src=photo.image %}"><img src="{% include relative-src.html src=photo.image %}" alt="{{ photo.title }}"/></a></div>
{% endfor %}
</div>
<h3 class="editable">Contact</h3>
<p class="editable">Send us a message with any questions about sponsoring the event, tickets or anything else.</p>
<form method="post" action="{{ site.baseurl }}/index.html?submit=success">
<label for="email_address">Email Address</label>
<input id="email_address" type="text" name="email">
<label for="name">Name</label>
<input id="name" type="text" name="name">
<label for="message">Message</label>
<textarea id="message" name="message"></textarea>
<input type="hidden" name="_to" value="contact@example.com">
<input type="text" name="_gotcha" style="display: none;">
<input type="submit" value="Send Message">
</form>
<script type="text/javascript">
window.mapData = {{ page.map | jsonify }};
function initMap() {
var myOptions = {
styles: [{"featureType":"landscape.man_made","elementType":"geometry","stylers":[{"color":"#f7f1df"}]},{"featureType":"landscape.natural","elementType":"geometry","stylers":[{"color":"#d0e3b4"}]},{"featureType":"landscape.natural.terrain","elementType":"geometry","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.medical","elementType":"geometry","stylers":[{"color":"#fbd3da"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#bde6ab"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffe15f"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#efd151"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"color":"black"}]},{"featureType":"transit.station.airport","elementType":"geometry.fill","stylers":[{"color":"#cfb2db"}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#a2daf2"}]}],
zoom: window.mapData.zoom,
center: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude)
};
var map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude)
});
google.maps.event.addDomListener(window, "resize", function () {
map.setCenter(myOptions.center);
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key={{ site.google_maps_javascript_api_key }}&callback=initMap"></script>