-
Notifications
You must be signed in to change notification settings - Fork 0
/
signup.html
151 lines (144 loc) · 9 KB
/
signup.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
<!-- FILEPATH: /Users/hung/Desktop/macmaindata/code/uncommonhacks/makes23_temp/signup.html -->
<!DOCTYPE html>
<html>
<head>
<title>Register for Makes</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Uncommon Hacks</title>
<meta name="description" content="Learn and build with technology with Uncommon Hacks." />
<!-- Favicon -->
<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<link href="css/signup.css" rel="stylesheet">
</head>
<body>
<script
src="https://js.sentry-cdn.com/9f9be1c035ca4b31d87588fff2b89f91.min.js"
crossorigin="anonymous"
></script>
<div class="container-fluid">
<h1 class="title p-3 pb-0">Register for Makes</h1>
<form class="form-wrapper relative p-3 needs-validation" novalidate>
<div class="mb-3 text-field">
<div class="form-floating mb-3">
<input type="text" class="form-control" name="fname" id="firstname" placeholder="First Name" required/>
<label for="firstname">First Name*</label>
<div class="invalid-feedback">Missing First Name!</div>
</div>
</div>
<div class="mb-3 text-field">
<div class="form-floating mb-3">
<input type="text" class="form-control" name="lname" id="lastname" placeholder="Last Name" required />
<label for="lastname">Last Name*</label>
<div class="invalid-feedback">Missing Last Name!</div>
</div>
</div>
<div class="mb-3 text-field">
<div class="form-floating mb-3">
<input type="email" class="form-control" name="email" id="email" placeholder="Last Name" required />
<label for="email">Email*</label>
<div class="invalid-feedback">Invalid email!</div>
</div>
</div>
<div class="mb-3 radio-group">
<label class="text-white form-label" for="">Graduation Year*</label><br />
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="year" value="2024" id="year_2024"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="year_2024">2024</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="year" value="2025" id="year_2025"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="year_2025">2025</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="year" value="2026" id="year_2026"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="year_2026">2026</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="year" value="2027" id="year_2027"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="year_2027">2027</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="year" value="Other" id="year_other"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="year_other">Other</label>
<div class="invalid-feedback">Missing Graduation Year!</div>
</div>
</div>
<div class="mb-3 radio-group">
<label class="text-white form-label" for="">Do you have a team?*</label><br />
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="team" value="Yes" id="team_yes"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="team_yes">Yes</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="team" value="No" id="team_no"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="team_no">No, I'm looking to form
a team at the event!</label>
<div class="invalid-feedback">Missing Team Preference!</div>
</div>
</div>
<div class="mb-3 radio-group">
<label class="text-white form-label">Which workshop are you more interested in?*</label><br />
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="workshop" value="Figma" id="workshop_figma"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="workshop_figma">Figma,
prototyping tool</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="workshop" value="React" id="workshop_react"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="workshop_react">React, web
programming framework</label>
<div class="invalid-feedback">Missing Workshop Preference!</div>
</div>
</div>
<div class="mb-3 radio-group">
<label class="text-white form-label" for="">Most importantly, choose your spaceship! Beware, choices have consequences.*</label><br />
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="spaceship" value="1" id="spaceship_1"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="spaceship_1"><img src="./images/spaceship1.png" alt=""></label>
</div>
<!-- <div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="spaceship" value="2" id="spaceship_2"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="spaceship_2"><img src="./images/spaceship2.png" alt=""></label>
</div> -->
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="spaceship" value="2" id="spaceship_2"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="spaceship_2"><img src="./images/spaceship3.png" alt=""></label>
</div>
<!-- <div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="spaceship" value="4" id="spaceship_4"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="spaceship_4"><img style="margin-left: 10px;" src="./images/spaceship4.png" alt=""></label>
</div> -->
<div class="form-check">
<input type="radio" class="form-check-input btn-check ml-2" name="spaceship" value="3" id="spaceship_3"
autocomplete="off" required/>
<label class="form-check-label btn btn-outline-secondary mb-2" for="spaceship_3"><img src="./images/spaceship5.png" alt=""></label>
<div class="invalid-feedback">Missing Spaceship Preference!</div>
</div>
</div>
<div>
<button id="submit-button" class="btn btn-outline-warning" type="submit">Submit!</button>
</div>
</form>
</div>
</div>
<iframe id="frame" style="display: none;"></iframe>
<script src="js/signup.js"></script>
</body>
</html>