-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
96 lines (78 loc) · 4.76 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
<!-- Waleed Masoom
ICS4UO
April 3RD, 2015
Signup Program -->
<!Doctype html>
<html>
<head>
<!-- Styling the page in accordance to the rest of the site -->
<!-- the name of the page -->
<title>UniQuest | Register Now</title>
<!-- the css that styles the page depends on screen size -->
<link type="text/css" min-width:1601px rel="stylesheet" href="css/signup.css" />
<link type="text/css" min-width: 1024px rel="stylesheet" href="css/midsignup.css" />
<!-- the jquery library hosted by google being used -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- codes that we developed to make the site more fluid and have additional little aesthetic items that appeals to users -->
<!-- this code makes the button animated when you click on them, they fade out for a short duration before coming back to the full opacity -->
<script src="js/bani.js"></script>
<!-- this changes the height of the banner as you scroll down the page allowing for more content to be seen and lower the overall dominance that it has on the screen -->
<script src="js/scroll.js"></script>
<!-- this code is specific to this page because this is the one that appends user input on this page to the local storage as a JSON string -->
<script src="js/signup.js"></script>
<!-- the icon for UniQuest -->
<link rel="icon" type="image" href="images/favicon.png" />
</head>
<body>
<!-- the header/ white banner that appears across the top is coded below -->
<div id="banner">
<a id="clear"href="UniQuest.html">
<img class ="icon" src="images/Icon.png"/>
</a>
<!-- container for the buttons and links -->
<div class="header">
<a href="/Users/569222/Desktop/aboutus.html" id="link1">About Us</a>
<a href="/Users/569222/Desktop/contact.html" id="link">Contact Us</a>
<a href="/Users/569222/Desktop/universities.html" id="link2">Universities</a>
<a href="/Users/569222/Desktop/programs.html" id="link3">Programs</a>
<a href="/Users/569222/Desktop/locations.html" id="link4">Locations</a>
<!-- linking to the login and signup pages with buttons-->
<form action="login.html">
<button id="log">Log In</button>
</form>
<form action="signup.html">
<button id="sign">Sign Up</button>
</form>
</div>
</div>
<!-- the following is specifically for the signup html document -->
<!-- the div that contains all the input boxes-->
<div id="test">
<h1>Enter Your Information Below:</h1>
<form>
<!-- the first name input text box -->
<br><input type="text" id="fname" placeholder="First Name"></br>
<!-- the last name input text box -->
<br><input type="text" id="lname" placeholder="Last Name"></br>
<!-- the high school name input text box -->
<br><input type="text" id="hs" placeholder="High School"></br>
<!-- the drop down menu for gender -->
<br><select id="gender">
<option selected="selected" disabled="disabled" value="null">Gender</option>
<option value="Male">Male</option>
<option value="Female">Female</option></select></br>
<!-- the special text boxes for grade and student number respectively -->
<br><input type="number" id="grade" placeholder="Grade" min="9" max="12"></br>
<br><input type="number" id="studnumber" placeholder="Student Number" onblur="if(value.length > 6){value=value.slice(0,6)}else if (value.length < 2){value='00000' + value}else if (value.length < 3){value='0000' + value}else if (value.length < 4){value='000' + value}else if (value.length < 5){value='00' + value}else if (value.length < 6){value='0' + value}else if (value.length < 2){value='00000' + value}"></br>
<!-- the email input text box -->
<br><input type="text" id="email" placeholder="Email"></br>
<!-- the username input text box -->
<br><input type="text" id="username" placeholder="Username"></br>
<!-- the special password input text box -->
<br><input type="password" id="password" placeholder="Password"></br>
</form>
<!-- the button that submits all the data -->
<button id="submit" type="submit" onclick="saveProfile()">Submit</button>
</div>
</body>
</html>