-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (71 loc) · 3.79 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
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="MyFontsWebfontsKit.js"></script>
<link rel="stylesheet" href="style.css?v=20">
</head>
<body>
<div id="container">
<!--The div element for the map -->
<div id="map"></div>
<div id="controls">
<div class="logo"><img src="SmallGroupLogo.png" class="logo" /></div>
<h1>Group Finder</h1>
<div class="filter">
Type<br />
<input type="checkbox" id="typeMixed" checked /> <label for="typeMixed">Mixed</label><br />
<input type="checkbox" id="typeMens" checked /> <label for="typeMens">Mens</label><br />
<input type="checkbox" id="typeWomens" checked /> <label for="typeWomens">Womens</label>
</div>
<div class="filter">
Age Range<br />
<input type="checkbox" id="age20s" checked /> <label for="age20s">College-20s</label><br />
<input type="checkbox" id="age30s" checked /> <label for="age30s">30s</label><br />
<input type="checkbox" id="age40s" checked /> <label for="age40s">40s</label><br />
<input type="checkbox" id="age50s" checked /> <label for="age50s">50s</label><br />
<input type="checkbox" id="age60splus" checked /> <label for="age60splus">60s+</label><br />
</div>
<div class="filter">
Meeting Day<br />
<input type="checkbox" id="daySun" checked /> <label for="daySun">Sunday</label><br />
<input type="checkbox" id="dayMon" checked /> <label for="dayMon">Monday</label><br />
<input type="checkbox" id="dayTues" checked /> <label for="dayTues">Tuesday</label><br />
<input type="checkbox" id="dayWed" checked /> <label for="dayWed">Wednesday</label><br />
<input type="checkbox" id="dayThurs" checked /> <label for="dayThurs">Thursday</label><br />
<input type="checkbox" id="dayFri" checked /> <label for="dayFri">Friday</label><br />
<input type="checkbox" id="daySat" checked /> <label for="daySat">Saturday</label>
</div>
<div class="filter">
Meeting Time<br />
<input type="checkbox" id="timeMorning" checked /> <label for="timeMorning">Morning</label><br />
<input type="checkbox" id="timeAfternoon" checked /> <label for="timeAfternoon">Afternoon</label><br />
<input type="checkbox" id="timeEvening" checked /> <label for="timeEvening">Evening</label>
</div>
<div class="filter">
Childcare Needed<br />
<input type="checkbox" id="childcare" checked /> <label for="childcare">Yes</label><br />
<input type="checkbox" id="noChildcare" checked /> <label for="noChildcare">No</label><br />
</div>
<div class="filter">
<button id="reset" onclick="resetMapFilters()">Reset Map & Filters</button>
</div>
</div>
</div>
<!-- Load all the groups -->
<script type="text/javascript" src="groups.js"></script>
<!-- Load the scripts & config file & Google Maps API-->
<script type="text/javascript" src="scripts.js?v=20"></script>
<script type='text/javascript' src='config.js'></script>
<script>
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.defer = true;
script.src = 'https://maps.googleapis.com/maps/api/js?v=3' + '&key=' + config.GOOGLE_API_KEY + '&callback=onLoad';
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</body>
</html>