-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathregistration.html
151 lines (146 loc) · 7.17 KB
/
registration.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
<!DOCTYPE html>
<html>
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- CSS -->
<link rel="stylesheet" href="css/registration.css">
<link rel="stylesheet" href="css/animate.css">
<!-- Java Script -->
<script src="js/index.js"></script>
<script src="js/registration.js"></script>
</head>
<body>
<!-- Sidebar Navigation Content -->
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">Home</a>
<a href="candidates.html">Candidates</a>
<a href="information.html">Why Vote?</a>
<a href="registration.html">Registration</a>
</div>
<!-- Content -->
<span style="font-size:40px;cursor:pointer" onclick="openNav()"><span id="whiteHamburger">☰</span></span>
<div class="headerContainer">
<span style="display: inline-block;" class="zoomInLeft delay-1s">
<div id="headerText">
<a href="index.html">
<img src="css/voterTurnout.png">
</a>
</div>
</span>
</div>
<div id="question">What best applies to you?</div>
<div id="question1Container">
<div id="answer1A" onclick="question1Atoggle()">I have never<br> registered to vote.</div>
<a href="unknown.html" style="text-decoration: none;"><div id="answer1B">I don't know if<br> I'm registered to vote.</div></a>
<a href="absentee.html" style="text-decoration: none;"><div id="answer1C">I want to request <br>an absentee ballot.</div></a>
</div>
<div id="question1A2" style="display: none">
<div id="question">Are you a U.S. citizen?</div>
<div id="question1A2Container">
<div id="answer1A2A" onclick="question1A2Atoggle()"><div id="filler"></div>Yes</div>
<div id="answer1A2B" onclick="question1A2Btoggle()"><div id="filler"></div>No</div>
</div>
</div>
<div id="question1A2A3" style="display: none">
<div class="question1A2A3">Will you be at least 17 years old on or before the date of the primary election, and turn 18 on or before the date of the General Election? </div>
<div id="question1A2A3Container">
<div id="answer1A2A3A" onclick="question1A2A3Atoggle()"><div id="filler"></div>Yes</div>
<div id="answer1A2A3B" onclick="question1A2A3Btoggle()"><div id="filler"></div>No</div>
</div>
</div>
<div id="warning1A2B" style="display: none">
<div class="warningBanner">✗</div>
<div class="warningText">If you are not a U.S. citizen, you will not be able to vote.</div>
<a href="index.html">
<button class="warningButton">Return to Home Page</button></a>
</div>
<div id="dataEntry1A2A3A" style="display: none">
<div class="dataEntry1A2A3A">Please enter your state of residence.</div>
<div id="dataEntry1A2A3AContainer">
<div id="dropDown1A2A3A">
<select id="states" name="states" onchange="stateToLicense()">
<option value="---">---</option>
<option value="Arizona">Arizona</option>
<option value="Illinois">Illinois</option>
<option value="Ohio">Ohio</option>
</select>
</div>
</div>
</div>
<div id="ageWarning" style="display: none">
<div class="warningBanner">✗</div>
<div class="warningText">If you are not of age you will not be able to vote in the election.</div>
<a href="index.html">
<button class="warningButton">Return to Home Page</button></a>
</div>
<div id="question1A2A3A4" style="display: none;">
<p class="question1A2A3A4">Do you have a valid <b id="stateName">test</b> driver's license?</p>
<div id="question1A2A3A4Container">
<div id="answer1A2A3A4A" onclick="question1A2A3A4Atoggle()"><div id="filler"></div>Yes</div>
<div id="answer1A2A3A4B" onclick="question1A2A3A4Btoggle()"><div id="filler"></div>No, but I have a valid license from another state.</div>
<div id="answer1A2A3A4C" onclick="question1A2A3A4Ctoggle()"><div id="filler"></div>No</div>
</div>
</div>
<!-- Results of Question1A2A3A4 -->
<div id="question1A2A3A4A5" style="display: none;">
<div class="question1A2A3A4A5">If you have confirmed all of this information, please press proceed. </div>
<a href="input.html"><button class="proceed">Proceed</button></a>
</div>
<div id="licenseNext" style="display: none">
<div class="nextBanner">✓</div>
<div class="warningText2">Even if you don't have a local license, you can still vote locally! Just make sure to
bring proof of residency to your polling location. Click Yes on the left to continue to register.</div>
<a href="https://www.wikihow.com/Prove-Residency" style="text-decoration: none"><div class="OKButton">See Types of Proof of Residency</div></a>
</div>
<div id="question1A2A3A4C5" style="display: none;">
<div class="question1A2A3A4C5">Do you have another form of identification, such as a passport or state ID? </div>
<div id="question1A2A3A4C5Container">
<div id="answer1A2A3A4C5A" onclick="question1A2A3A4C5Atoggle()"><div id="filler"></div>Yes</div>
<div id="answer1A2A3A4C5B" onclick="question1A2A3A4C5Btoggle()"><div id="filler"></div>No</div>
</div>
</div>
<!-- Results of Question1A2A3A4A5 -->
<div id="identificationWarning" style="display: none">
<div class="nextBanner">✓</div>
<div class="warningText2">Even if you don't have a license, you can still vote using your alternate ID! Just make sure to bring proof of residency to your polling location. Click Yes on the left to continue to register.</div>
<a href="https://www.wikihow.com/Prove-Residency" style="text-decoration: none"><div class="OKButton">See Types of Proof of Residency</div></a>
</div>
<div id="identificationOK" style="display: none">
<div class="warningBanner">✗</div>
<div class="warningText2">If you do not have a valid form of identification, you will not be able to vote. Please contact your local voting office for more information or alternative options.</div>
<a href="index.html" style="text-decoration: none"><div class="OKButton">Return to Home Page</div></a>
</div>
<!-- Results of Question1A2A3A4C5 -->
<div class="footer"></div>
</body>
</html>
<script>
function stateToLicense() {
var x = document.getElementById("states");
state = x.options[x.selectedIndex].value;
if (state === "Arizona") {
document.getElementById("stateName").innerHTML = "Arizona"
}
if (state === "Illinois") {
document.getElementById("stateName").innerHTML = "Illinois"
}
if (state === "Ohio") {
document.getElementById("stateName").innerHTML = "Ohio"
}
var question1A2A3A4 = document.getElementById("question1A2A3A4");
if (question1A2A3A4.style.display === "none") {
question1A2A3A4.style.display = "grid";
document.getElementById("statename").innerHTML = x;
question1A2A3A4C5.style.display = "none";
licenseNext.style.display = "none";
question1A2A3A4A5.style.display = "none";
}
if (state === "---") {
question1A2A3A4.style.display = "none";
}
console.log("hi Atlas")
}
</script>