-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (124 loc) · 6.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="WCA Notifier: Notifies you of relevant cubing competitions by email when they get announced.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google-site-verification" content="QJJKVhISH_SxSxu2MMscsBUvqSZEVSv0qD0CDGgb0dI" />
<title>WCA Notifier</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="index.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="main.js"></script>
<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBM9uHDUCFhgPrQffoMU4G1HktIPfpVtQc&libraries=places&callback=initAutocomplete"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<body>
<div class="title">
<h1>WCA Notifier</h1>
<img class="cube" src="./img/cube.png">
</div>
<p class="description">A Service that notifies you of relevant cubing competitions by Email.</p>
<p class="disclaimer">
<u>Disclaimer: This service only notifies you when a competition gets announced. To get notified when a specific competition opens for registration, please use the Bookmark system in the WCA Website.</u>
</p>
<p class="disclaimer">For concerns or inquires: Send an email to <a href="mailto:wcaalert@gmail.com">wcaalert@gmail.com</a>.</p>
<form onsubmit="validate()" action="https://pjnwribfowbtfwzskc6tpagzfm0qheem.lambda-url.us-east-2.on.aws/" method="post">
<label for="email" class="heading">The email the notifications will go to:</label>
<input id="email" name="email" type="email" required/>
<label class="heading">Events you want to be notified for: (Please check at least one)</label>
<input type="checkbox" id="222" value="222">
<label for="222">2x2x2 Cube</label>
<br>
<input type="checkbox" id="333" value="333">
<label for="333">3x3x3 Cube</label>
<br>
<input type="checkbox" id="444" value="444">
<label for="444">4x4x4 Cube</label>
<br>
<input type="checkbox" id="555" value="555">
<label for="555">5x5x5 Cube</label>
<br>
<input type="checkbox" id="666" value="666">
<label for="666">6x6x6 Cube</label>
<br>
<input type="checkbox" id="777" value="777">
<label for="777">7x7x7 Cube</label>
<br>
<input type="checkbox" id="333bf" value="333bf">
<label for="333bf">3x3x3 Blindfold</label>
<br>
<input type="checkbox" id="444bf" value="444bf">
<label for="444bf">4x4x4 Blindfold</label>
<br>
<input type="checkbox" id="555bf" value="555bf">
<label for="555bf">5x5x5 Blindfold</label>
<br>
<input type="checkbox" id="333mbf" value="333mbf">
<label for="333mbf">3x3x3 Multi-Blind</label>
<br>
<input type="checkbox" id="333fm" value="333fm">
<label for="333fm">3x3x3 Fewest Moves</label>
<br>
<input type="checkbox" id="333oh" value="333oh">
<label for="333oh">3x3x3 One-handed</label>
<br>
<input type="checkbox" id="clock" value="clock">
<label for="clock">Clock</label>
<br>
<input type="checkbox" id="minx" value="minx">
<label for="minx">Megaminx</label>
<br>
<input type="checkbox" id="pyram" value="pyram">
<label for="pyram">Pyraminx</label>
<br>
<input type="checkbox" id="skewb" value="skewb">
<label for="skewb">Skewb</label>
<br>
<input type="checkbox" id="sq1" value="sq1">
<label for="sq1">Square-1</label>
<br>
<input type="hidden" name="events" id="events">
<div class="buttons">
<input type="button" value="Select All" onclick="setCheckbox(true)">
<input type="button" value="Deselect All" onclick="setCheckbox(false)">
</div>
<label for="autocomplete" class="heading">Which city's area around it do you want to be notified for: (Leave blank for unlimited range)</label>
<input id="autocomplete" placeholder="" type="text"/>
<input id="latitude" name="latitude" type="hidden"/>
<input id="longitude" name="longitude" type="hidden"/>
<input id="country" name="country" type="hidden"/>
<label for="radius" id="radiusLabel" class="heading">The radius (in km) around the center of the city to check:</label>
<div class="radius">
<input id="radius" name="radius" type="number" min="1" max="15000" class="cityControlled km" disabled required/>
<p class="km">kilometers</p>
</div>
<label for="crossCountry" class="heading">Do you want to be notified of competitions across country borders?</label>
<select id="crossCountry" name="crossCountry" class="cityControlled" disabled>
<option value="no">No</option>
<option value="yes">Yes</option>
</select>
<label for="fee" class="heading">Registration fee limit: (Leave blank for unlimited budget)</label>
<input id="fee" name="fee" type="number" class="cityControlled" disabled/>
<label for="fee" id="currLabel"></label>
<input hidden name="curr" id="curr">
<label id="datesLabel" class="heading">Date range to check for [Dates are processed using computer local time]: (Leave a date blank for all dates before and/or all dates after)</label>
<div class="dates">
<label for="start">Start: </label>
<input id="start" type="date" onchange="updateTime()"/>
<label for="end">End: </label>
<input id="end" type="date" onchange="updateTime()"/>
</div>
<input id="startUnix" type="hidden" name="start">
<input id="endUnix" type="hidden" name="end">
<div class="g-recaptcha" data-sitekey="6Ldlo-AlAAAAAFEmc4Jhx9-hr9rMQe-kXW5G873G" data-callback="recaptchaDone" data-expired-callback="recaptchaExpired"></div>
<input id="submit" type="submit" disabled/>
</form>
</body>
<footer>
<p class="nonaffiliation">This website and service is not affiliated with the World Cube Association.</p>
<div class="links">
<a class="footer" href="https://github.com/miclol/WCANotifier">Source Code</a>
<a class="footer" href="https://github.com/miclol/WCANotifier/issues">Report Issues</a>
</footer>
</html>