dubhacks2020/info.html at main · ty730/dubhacks2020 · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="info.css" />
    <script src="info.js"></script>
    <title>Dubhacks 2020</title>
  </head>
  <body>

    <header>
    </header>
    <main>
      <img src="./images/info.png" width = 100%/ >
      <form id = 'form'>
        <h1 id = 'pagetitle'>Register to vote!</h1>
        <div id = "main">


          <div id = "labels">
              <label for = 'name'>Name:</label>
              <label for = "months">Date of Birth:</label>

              <label for = 'location'>Location:</label>
              <label for = "purple"> Party Affiliation:</label>
            </div>
            <div id = "inputs">
              <input id = 'name' name = 'name' type = 'text' required><br>


            <select id = "months" required>
              <option value = "January">January</option>
              <option value = "February">February</option>
              <option value = "March">March</option>/
              <option value = "April">April</option>
              <option value = "May">May</option>
              <option value = "June">June</option>
              <option value = "July">July</option>
              <option value = "August">August</option>
              <option value = "September">September</option>
              <option value = "October">October</option>
              <option value = "November">November</option>
              <option value = "December">December</option>
              </select>
              <input id = 'year' year = 'year' placeholder = "Year" type = 'text' required><br>


            <select id = 'location' placeholder = "State:" required>
              <option value = "HUB">HUB</option>
              <option value = "ODE">ODE</option>
              <option value = "SUZ">SUZ</option>
              <option value = "MGH">MGH</option>


              </select> <br>
            <input type = "radio" id = "purple" name = "browser" for="form" value = 'Purple' required>Purple
            <input type = "radio" id = "gold" name = 'browser' value = 'Gold' required> Gold<br>
          </div>


        </div>
        <div id = "submit">
          <button id = 'input' for = 'form'>SUBMIT</button>
        </div>


      </form>
      <form>
        <section id="info" class = "hidden">
          <div id = "heading1">
            <h1 id= "heading">Hi, <span id = "names"></span>! </h1>
            <img src="./images/player.png" width = 2.5% height = 2.5% >
            <h2>You are registered to vote!</h2>
          </div>

          <p id = "maintext">

            For more information on registering to vote, visit <a href= "https://www.usa.gov/how-to-vote">
              www.usa.gov/how-to-vote</a>.<br>

            Based on your information, being <span id="age"></span> years old,

            you can vote in the election on November 3rd.<br>

            Registering is just the first step.

          </p>
          <button id = 'backtoGame' for = 'form'>Time to research candidates!</button>
        </section>
      </form>

    </main>
    <footer>

    </footer>
  </body>
</html>