-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
436 lines (428 loc) · 30 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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
<!DOCTYPE html>
<!--
This site is a mobile-first design using several tabs in one load, it means the
users load the site once and clicking through to other "pages" (actually tabs)
is much quicker.
Any tabs with hand-written copy in them will be in this file. Any tabs which generate
their contents based on online data sources (typically google spreadsheets) will
load their information via the corresponding .js files in the background once the
core HTML has loaded.
The navigation is in two parts: a main navigation bar, which is the same everywhere
and a tab-specific sub-navigation bar underneath. Any tabs that need to use
sub-navigation build their own using javascript when their tab is shown and This
navigation is kept at the top of the page using "sticky" javascript (not an
industry-wide term, we just call it that here).
Since this is a mobile-first design it's important to consider phone screen space
when adding new elements (e.g. to navigation bars) and since this is all in one
page, css styles and div ids used for javascript should use tab-specific naming
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-151724595-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-151724595-1');
</script>
<meta name="og:image" content="https://www.millroadwinterfair.org/assets/img/system/mrwf_logo_red.png" />
<meta name="og:locale" content="en_UK" />
<meta name="og:description" content="Mill Road's annual Winter Fair is on the 7th of December this year, come on down between 10am and 4:30pm to join in fun." />
<!-- Tells browsers they're definitely fine assuming this is western text -->
<meta charset="utf-8"/>
<title>Mill Road Winter Fair 2019</title>
<!-- Tells mobile browsers to fit this page to their screen -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap 4 (styling library)-->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<!-- Javascript imports needed by bootstrap 4 (not slim version because we need async queries only in the full version) -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<!-- Allows users to search all the items in the page, library is called Fuse -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.4.5/fuse.min.js"></script>
<!-- Layout library -->
<script src="https://unpkg.com/packery@2/dist/packery.pkgd.js"></script>
<!-- Global styling -->
<link rel="stylesheet" href="css/style.css">
<!-- Useful functions needed by lots of our javascript -->
<script src="js/common.js"></script>
<!-- For the shop tab -->
<link rel="stylesheet" href="css/shop_tab.css">
<script src="js/stalls_tab.js"></script>
<!-- For the performances tab -->
<link rel="stylesheet" href="css/performances_tab.css">
<script src="js/performances_tab.js"></script>
<!-- For the events tab -->
<link rel="stylesheet" href="css/events_tab.css">
<script src="js/events_tab.js"></script>
<!-- For the search tab -->
<link rel="stylesheet" href="css/search_tab.css">
<script src="js/search_tab.js"></script>
<!-- For the map tab -->
<script src="js/map_tab.js"></script>
<!--<link rel="stylesheet" href="css/map_tab.css">-->
<!-- For the thanks tab -->
<link rel="stylesheet" href="css/thanks_tab.css">
<!-- For the Contacts Tab -->
<script src="js/contact_tab.js"></script>
<!-- For the Helping Tab -->
<script src="js/helping_tab.js"></script>
<script>
// Specifically js for this layout
// When the user scrolls the page, keep just the bits of navigation we want at the top of the page.
window.onscroll = function() {keepNavSticky()};
var sticky;
var header;
var body_original_offset;
var body_original_margin_top;
var body;
// Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
function keepNavSticky() {
if (header) {
if (window.pageYOffset > sticky) {
header.addClass("sticky");
body.css({'margin-top': body_original_offset});
} else {
header.removeClass("sticky");
body.css({'margin-top': body_original_margin_top});
}
}
}
var scrollHeight = 0;
// Runs once the whole page is loaded, adds dynamic code to the static elements
$(document).ready(function() {
var url = document.location.toString();
header = $("#stickyHeader");
body = $(".tab-content");
// Get the offset position of the navbar - needed for the sticky logic.
var offset = header.offset();
var original_tab_offset = body.offset();
sticky = offset.top;
body_original_offset = original_tab_offset.top - sticky;
body_original_margin_top = body.css('margin-top');
// These events fire when we switch tabs
$(document).on("show.bs.tab", function (e) {
scrollHeight = $(document).scrollTop();
});
$(document).on("shown.bs.tab", function (e) {
$(window).scrollTop(scrollHeight);
});
if (url.match('#')) {
// Handle other urls used in the past
var target = url.split('#')[1];
switch(target) {
case "stalls":
case "food-and-drink-2019":
target = "shops";
break;
case "whats-on-2019":
case "what-s-new":
target = "events";
break;
case "mill-road-music":
target="performances";
break;
}
$('.nav-tabs a[href="#' + target + '"]').tab('show');
}
// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
window.location.hash = e.target.hash;
});
});
</script>
</head>
<body>
<div id="header-info">
<img class="header-item header-img" src="https://www.millroadwinterfair.org/assets/img/system/mrwf-mobile-logo-negative.png" style="max-width: 85%; max-height:3%;">
<img class="header-item header-img" src="https://www.millroadwinterfair.org/assets/img/system/date-time-inverse.png" style="height:3%;">
<div class="header-item" id="search-box"><input id="search-box-input" type="text" /><button id="search-box-button">Search</button></div>
</div>
<div id="stickyHeader">
<ul class="nav nav-tabs" id="mrwfNav" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab"
data-toggle="tab" href="#home"
role="tab" aria-controls="home" aria-selected="true">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="map-tab"
data-toggle="tab" href="#map"
role="tab" aria-controls="map" aria-selected="false">Map</a>
</li>
<li class="nav-item">
<a class="nav-link" id="events-tab"
data-toggle="tab" href="#events"
role="tab" aria-controls="events" aria-selected="false">What's On</a>
</li>
<li class="nav-item">
<a class="nav-link" id="shops-tab"
data-toggle="tab" href="#shops"
role="tab" aria-controls="shops" aria-selected="false">Stalls</a>
</li>
<li class="nav-item">
<a class="nav-link" id="performances-tab"
data-toggle="tab" href="#performances"
role="tab" aria-controls="music" aria-selected="false">Performances</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab"
data-toggle="tab" href="#contact"
role="tab" aria-controls="contact" aria-selected="false">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" id="helping-tab"
data-toggle="tab" href="#helping"
role="tab" aria-controls="helping" aria-selected="false">Help Us</a>
</li>
<li class="nav-item">
<a class="nav-link" id="thanks-tab"
data-toggle="tab" href="#thanks"
role="tab" aria-controls="thanks" aria-selected="false">Thanks</a>
</li>
<!-- Hidden links for navigation from # -->
<li class="nav-item" style="display:none">
<a class="nav-link" id="search-tab"
data-toggle="tab" href="#search"
role="tab" aria-controls="search" aria-selected="false">Search</a>
</li>
<li class="nav-item" style="display:none">
<a class="nav-link" id="twitter-tab"
data-toggle="tab" href="#twitter"
role="tab" aria-controls="twitter" aria-selected="false">Twitter</a>
</li>
<li class="nav-item" style="display:none">
<a class="nav-link" id="volunteering-tab"
data-toggle="tab" href="#volunteering"
role="tab" aria-controls="volunteering" aria-selected="false">Volunteering</a>
</li>
<li class="nav-item" style="display:none">
<a class="nav-link" id="donate-tab"
data-toggle="tab" href="#donate"
role="tab" aria-controls="donate" aria-selected="false">Donate</a>
</li>
<li class="nav-item" style="display:none">
<a class="nav-link" id="committee-tab"
data-toggle="tab" href="#committee"
role="tab" aria-controls="committee" aria-selected="false">Committee</a>
</li>
</ul>
<ul class="nav nav-tabs" id="mrwfFilters">
</ul>
</div>
<div class="tab-content" id="mrwfNavContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div id="main-container">
<div id="right-panel">
<div id="key-events">
<h3>Key events</h3>
<ul>
<li><div class="event-time">9.00</div>Road closure begins</li>
<li><div class="event-time">10.30</div>Winter Fair begins</li>
<li><div class="event-time">10.30</div>Fire engine pull, East Road to the bridge</li>
<li><div class="event-time">10.30</div>Opening ceremony, Ditchburn Gardens</li>
<li><div class="event-time">11.30</div>Unveiling of bridge artwork</li>
<li><div class="event-time">12.00</div>Parade, Millcroft Court to Petersfield</li>
<li><div class="event-time">15.20</div>Final parade, the bridge to Petersfield</li>
<li><div class="event-time">16.15</div>Winter Fair ends</li>
<li><div class="event-time">17.30</div>Roads re-open</li>
</ul>
</div>
</div>
<h3 style="margin:auto; padding-bottom: 10px;">Welcome to the Mill Road Winter Fair 2019!</h3>
<div id="main-content">
<p>Every year, on the first Saturday in December, Mill Road is transformed. People take over from cars, shopkeepers turn out and set up their stalls, and we provide spaces for local businesses and charities to sell crafts, gifts and refreshments all along the street. Interspersed with the stalls are buskers, circus performers, dancers, poets and storytellers to entertain and inspire.</p>
<p>The theme of this year's fair is 'Nature', so if you are reading this in advance of the fair please start thinking about ideas - for costumes, stall decorations, parade props, etc.</p>
<p>The Winter Fair is run entirely by volunteers and we need your donations to help stage it every year. If you would like to get involved or donate we would very much appreciate it.</p>
<form class="donate-button" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="RNL9TBYJKM9KC">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" border="0">
<img alt="" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1" border="0">
</form>
<a name="safety-and-road-closure" />
<h4>Important information</h4>
<p>Stewards wearing hi-vis jackets with Mill Road Winter Fair on the back, are available to assist you and help ensure your safety. Please comply promptly with any instructions from stewards.</p>
<p>If you see anything suspicious or unsafe, please report it to a steward immediately.</p>
<p>In an emergency, follow instructions from stewards or the emergency services.</p>
<a name="first-aid"/><h5>First Aid</h5>
<p>If you require First Aid ask the nearest steward.</p>
<h5>Event Control</h5>
<p>Event Control and First Aid are both located in the Baptist Church, 178 Mill Road Broadway, on the Corner of Stockwell Street.</p>
<h5>Missing children</h5>
<p>Please arrange your own family meeting point in case you become separated. Report missing children to any steward or Event Control.</p>
<a name="road-closure"/><h5>Road closure</h5>
<p>Between 9.00am and 5.30pm on the day, Mill Road (between East Road and Coleridge Road), the top of Gwydir Street and the top of St Barnabas Road will all be closed to traffic (including cyclists), although activities will stop at 4.15pm. Diversions will be signposted.</p>
<p>Pedestrians should exercise particular care before the road is fully closed.</p>
<p>Re-opening will occur gradually, so drivers and pedestrians should take extreme care.</p>
<p>Pedestrians will be required to make way for emergency and other vehicles within the closure area, from time to time.</p>
<p>If you have any questions about the road closure on the day phone 07591 116145</p>
<a name="parking" /><h4>Parking Information</h4>
<p>During the Fair from 9.00am to 5.30pm Mill Road is closed to traffic. Gwydir Street Car Park is also closed from the previous evening until the end of Fair day as it is the site of the Food Fair. Great Eastern Street Car Park is also closed.</p>
<p>The nearest car parks are Queen Anne Car Park and The Grafton Centre Car Park.</p>
<p>You can look at the <a href="http://www.cambridge.gov.uk/parking">City Council's information on car parks</a>. Information about diversions in place due to the road closure can be found on the County Council website.</p>
<h5>Disabled parking</h5>
<p>With a Blue Badge you can 'park on single or double yellow lines for up to three hours in England and Wales except where there is a ban on loading or unloading or it causes an obstruction'. Look at the <a href="https://www.cambridge.gov.uk/free-parking-for-blue-badge-holders">City Council</a> and <a href="http://www.cambridgeshire.gov.uk/residents/travel-roads-and-parking/parking-permits-and-fines/blue-badges/">County Council</a> websites for more information on this.</p>
<a name="bus" /><h4>Bus Arrangements for Mill Road Winter Fair</h4>
<p>From Queen Edith/Sainsbury's side the last bus would be the 08:46 from Sainsbury's, passing Brookfeilds at 08:49 and the first would be the 17:46 from Sainsbury's, passing Brookfeilds at 17:49.</p>
<p>From Cambridge North side the 08:48 from Emmanuel St will be the last and the first will be 17:48.</p>
<p>Services will be diverted via Coldham’s Lane.</p>
<p>Information wiil be available at <a href="https://www.stagecoachbus.com/about/east">https://www.stagecoachbus.com/about/east</a></p>
</div>
</div>
</div>
<div class="tab-pane fade" id="map" role="tabpanel" aria-labelledby="map-tab">
<img id="map-img" class="map" src="https://www.millroadwinterfair.org/assets/doc/2019/MRWF%202019%20map.jpg">
<embed class="map" id="map-iframe" src="https://www.google.co.uk/maps/d/u/0/embed?mid=1G85f_LiH9m2Vjw-02LxbTVsSx8q2vzRD&zoom=1"></embed>
</div>
<div class="tab-pane fade" id="shops" role="tabpanel" aria-labelledby="shop-tab"><!-- These are the shops --></div>
<div class="tab-pane fade" id="performances" role="tabpanel" aria-labelledby="performances-tab"><!-- This is the busking listing --></div>
<div class="tab-pane fade" id="events" role="tabpanel" aria-labelledby="events-tab"><!-- These are the events throughout the day --></div>
<div class="tab-pane fade" id="twitter" role="tabpanel" aria-labelledby="twitter-tab">
<a class="twitter-timeline" href="https://twitter.com/MillRoadFair?ref_src=twsrc%5Etfw">Tweets by MillRoadWinterFair</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="tab-pane fade" id="thanks" role="tabpanel" aria-labelledby="thanks-tab">
<fieldset class="thanks">
<legend>Thank you to our generous sponsors and donors</legend>
<p>The Mill Road Winter Fair is only made possible with the generous support of our sponsors and donors, a huge thank you to them all.</p>
<p>Thank you also to those individuals in the community who have made personal donations and those who have kindly volunteered their time.</p>
<form class="donate-button" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="RNL9TBYJKM9KC">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" border="0">
<img alt="" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1" border="0">
</form>
</fieldset>
<fieldset class="thanks" id="sponsors">
<legend>Our Sponsors</legend>
<ul>
<li><a target="_blank" href="https://bushsales.co.uk"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/bush.jpg" alt="Bush Sales"/><span class="sponsor-name">Bush sales</span></a></li>
<li><a target="_blank" href="https://aru.ac.uk/"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/aru.png" alt="Anglia Ruskin University"/><span class="sponsor-name">Anglia Ruskin University</span></a></li>
<li><a target="_blank" href="https://www.hughes.cam.ac.uk/"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/hugheshall.png" alt="Hughes Hall"/><span class="sponsor-name">Hughes Hall</span></a></li>
<li><a target="_blank" href="http://www.alamin.co.uk/"> <img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/al-amin.png" alt="Al-amin"/><span class="sponsor-name">Al-Amin</span></a></li>
<li><a target="_blank" href="https://www.trinhall.cam.ac.uk/"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/trinityhall.jpg" alt="Trinity Hall"/><span class="sponsor-name">Trinity Hall</span></a></li>
<li><a target="_blank" href="https://lamaisondusteak.co.uk/"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/regalstarlogos.png" alt="Regalstar Catering Ltd"/><span class="sponsor-name">Regalstar Catering Ltd.</span></a></li>
<li><a target="_blank" href="http://cambridgeclassics.co.uk/"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/cambridgeclassics.png" alt="Cambridge Classics"/><span class="sponsor-name">Cambridge Classics</span></a></li>
<li><a target="_blank" href="https://www.sab.co.uk/"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/sab.png" alt="SAB"/><span class="sponsor-name">St. Andrews bureau</span></a></li>
</ul>
</fieldset>
<fieldset class="thanks" id="donors">
<legend>Our Donors</legend>
<ul>
<li>Thirsty</li>
<li>Churchill College</li>
<li>Queens' College</li>
<li>Trinity College</li>
<li>Emmanuel College</li>
<li>Gonville & Caius College</li>
</ul>
</fieldset>
<fieldset class="thanks" id="special-mentions">
<legend>Special Mentions</legend>
<ul>
<li>
<div class="special-why">Illustrations</div>
<div class="special-who"><a target="_blank" href="https://sammotherwell.weebly.com/">Sam Motherwell</a></div>
</li>
<li>
<div class="special-why">Design</div>
<div class="special-who"><a target="_blank" href="http://www.georgiakingdesign.com"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/gkd.png" alt="Georgia King Design"></a></div>
</li>
<li>
<div class="special-why">Printing</div>
<div class="special-who"><a target="_blank" href="http://www.langhampress.co.uk"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/langham-press.png" alt="Langham Press"></a></div>
</li>
<li>
<div class="special-why">Event Management Advice</div>
<div class="special-who"><a target="_blank" href="http://www.splendidevents.org.uk"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/splendid-events.png" alt="Spendid Events"></a></div>
</li>
<li>
<div class="special-why">Waste & Recycling</div>
<div class="special-who"><a target="_blank" href="http://www.greatercambridgewaste.org/"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/Greater-Cambridge-shared-waste.jpg" alt="Greater Cambridge Shared Waste"/></a></div>
</li>
<li>
<div class="special-why">Web Hosting</div>
<div class="special-who"><a target="_blank" href="http://newtlabs.co.uk/"><img class="donor-logo" src="https://millroadwinterfair.org/assets/img/thanks/newt-labs.png" alt="Newt Labs"/></a></div>
</li>
</ul>
</fieldset>
</div>
<div class="tab-pane fade" id="helping" role="tabpanel" aria-labelledby="helping-tab">
<h3>We would love your help</h3>
<p>The Mill Road Winter Fair is a completely volunteer organised event. We aren't funded by the council, we're just a bunch of enthusiasts who keep the ball rolling.</p>
<p>To register your interest in becoming a committee member or even signing up as steward for next year, fill in the <a href="https://www.millroadwinterfair.org/volunteering/">Volunteer Expression of Interest Form</a>.</p>
<h4>Helping On The Day</h4>
<ul>
<li>Stewarding: We have filled all our spots for 2019 (thank you to everyone who signed up!) but if you want to get ahead of the game you can register for next year, by filling in <a href="https://www.millroadwinterfair.org/volunteering/">this form</a>. By stewarding, you will be an integral part of this wonderful event that showcases Mill Road's amazing community and culture</li>
<li>Support: If you applied too late to get the stewarding briefing there's still roles we can find for you. Any time you can offer will help lighten everyone else's load</li>
</ul>
<h4>Organising</h4>
<p>This whole thing is organised by a small handful of enthusiastic volunteers who meet up once or twice a month to coordinate our efforts.<p>
<p>If you would like to be a member of the committee, or just lighten the load of one of the committee members, please get in touch with <a href="mailto:volunteers@millroadwinterfair.org">volunteers@millroadwinterfair.org</a> who will gladly get the ball rolling</p>
<h4>Donating</h4>
<p>The Mill Road Winter Fair is only made possible with the generous support of our sponsors and donors, a huge thank you to them all!</p>
<p>There will be collection buckets on the day, please give generously.</p>
<p>Personal donations mean so very much to us and we'd gladly accept anything you can spare to keep this wonderful fair going.</p>
<form class="donate-button" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="RNL9TBYJKM9KC">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" border="0">
<img alt="" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1" border="0">
</form>
</div>
<div class="tab-pane fade" id="volunteering" role="tabpanel" aria-labelledby="volunteering-tab">
<p><span style="font-weight: normal;"> </span></p>
<p><iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeD4vKIgY0iifzxlVr-wRRsy0JpebfaXcYJkDqx7g8e3U4-9A/viewform?embedded=true" onload="this.width=window.innerWidth;this.height=window.innerHeight;" frameborder="0" marginwidth="" marginheight="0">Loading&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;hellip;</iframe></p>
</div>
<div class="tab-pane fade" id="donate" role="tabpanel" aria-labelledby="donate-tab">
<h4>Donations</h4>
<p>We rely on donations to pay for the road closure and essential infrastructure that is required to ensure a safe and efficient fair. We are looking for sponsorship from local businesses so please consider whether you can support us.</p>
<p>Individuals can help by becoming a ‘Friend of the Fair’. Please email <a href="mailto:treasurer@millroadwinterfair.org">treasurer@millroadwinterfair.org</a> if you're interested.</p>
<p>The fair does not have charitable status, but will work closely with a new charity, Love Mill Road, which is evolving from
the Suzy Oakes Trust and aims to sustain a thriving Mill Road community. Any profits from the fair will be transferred to Love Mill Road and donations to Love Mill Road will help to fund the fair, as well as the activities and projects of other Mill Road charities and community organisations.</p>
<p>There will be collection buckets on the day, please give generously. Personal donations can also be made online.</p>
<p>However you choose to do so, your donations mean so very much to us and we'd gladly accept anything you can spare to keep this wonderful fair going.</p>
<form class="donate-button" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="RNL9TBYJKM9KC">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" border="0">
<img alt="" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1" border="0">
</form>
</div>
<div class="tab-pane fade" id="search" role="tabpanel" aria-labelledby="search-tab">These are the search results</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<h3>To contact the Mill Road Winter Fair Committee Before or After the Fair</h3>
<p>Please allow a day or two to respond as we are all volunteers and this is not our regular job. That being said, the closer to the Fair it gets, the more frequently we tend to check our emails.</p>
<ul>
<li>For general enquiries: <a class="email" href="mailto:info@millroadwinterfair.org">info@millroadwinterfair.org</a></li>
<li>If you want to volunteer some of your time: <a class="email" href="mailto:volunteers@millroadwinterfair.org">volunteers@millroadwinterfair.org</a></li>
<li>Enquiries regarding events or busking: <a class="email" href="mailto:events@millroadwinterfair.org">events@millroadwinterfair.org</a></li>
<li>Enquiries regarding vendors: <a class="email" href="mailto:stalls@millroadwinterfair.org">stalls@millroadwinterfair.org</a></li>
<li>Enquiries regarding the website: <a class="email" href="mailto:it@millroadwinterfair.org">it@millroadwinterfair.org</a></li>
</ul>
<h3>To contact the Mill Road Winter Fair Committee On the Day</h3>
<p>On the day most of the committee will be out and about on Mill Road. Please approach our very helpful stewards, adorned in their beautiful hi-vis jackets, who will relay anything back to Event Control, which along with First Aid will be located in the Baptist Church, 178 Mill Road Broadway, on the Corner of Stockwell Street.</p>
</div>
<div class="tab-pane fade" id="committee" role="tabpanel" aria-labelledby="committee-tab">
<h3>The Committee</h3>
<h4>What we do</h4>
<p>The Mill Road Winter Fair Committee are the volunteers who plan the rough outlines of the fair. They arrange the road closure, bring in volunteer stewards, book marquees, organise the parade, negotiate stall venues, event venues, busking spots etc. and put out publicity so people know what's going on and all the other details that go with that.</p>
<p>We endeavour to make every reasonable effort to ensure that our direct activities, and those that we manage, are organised in a safe manner and to ensure the safety of those participating in and attending the event. However, all attendees, participants, traders, workers and volunteers have a responsibility for their own safety and those around them and remain responsible for their own actions. Stalls that were arranged via the committee can be identified by official trader certificates issued by the Mill Road Winter Fair Committee.</p>
<h4>What other people do</h4>
<p>Other activities, including those at indoor venues, Perowne St, Hope St Yard and many of the stalls directly outside local shops, are not organised or managed by us. We think that's fantastic. They are part of why we love Mill Road as much as we do and we'll try to list their activities on this site as well so you don't miss them.</p>
<p>It does mean, however, that when it comes to these other activities we and our contractors accept no liability for any accident or loss, whether direct or indirect. The organisers of those individual activities, rather than the Committee, will be responsible for the safety of their own activities at all times.</p>
<p>Nor do we accept any credit for how great they are. We very much encourage you to check them out on the day!</p>
</div>
</div>
</body>
</html>