-
Notifications
You must be signed in to change notification settings - Fork 0
/
createAccount.html
83 lines (83 loc) · 4.92 KB
/
createAccount.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
<!DOCTYPE html>
<html>
<head>
<title>Solarity | Create Account</title>
<meta name="viewport" content="width=device-width">
<link href="css/stylesheet.css" rel="stylesheet"/>
<script src="js/utils.js" type="text/javascript"></script>
<script src="js/login.js" type="text/javascript"></script>
<script src="js/createAccount.js" type="text/javascript"></script>
<script src="js/feedbackDonate.js" type="text/javascript"></script>
</head>
<body onload="initLogin(); initCA();">
<nav class="opaque">
<div>
<a href="index.html"><div class="nav-logo">☀ SOLARITY</div></a>
<div class="nav-button">
LEARN
<br/>
<div class="drop-interface">
<a href="explorer.html"><button>EXPLORE</button><br/></a>
<a href="learnMore.html"><button>LEARN MORE</button><br/></a>
<a href="employment.html"><button>EMPLOYMENT</button><br/></a>
</div>
</div>
<a href="about.html"><div class="nav-button">ABOUT</div></a>
<a href="shop.html"><div class="nav-button">SHOP</div></a>
<div class="nav-button" id="login-button"><span id="login-text">LOGIN</span><br/>
<div class="drop-interface" id="login-interface">
<form id="login-form" name="loginForm">
Username <input id="login-username" type="text" placeholder="myUsername"/><br/>
Password <input id="login-password" type="password" placeholder="myPassword123"/><br/>
<span id="login-error-text"></span>
<input onclick="login(loginUsername.value, loginPassword.value);" value="LOGIN" type="button"/><br/>
Don't have an account?<br/><a href="createAccount.html"><input value="CREATE ACCOUNT" type="button"/></a>
</form>
</div>
</div>
</div>
</nav>
<div class="cover small" id="cover"></div>
<div class="container">
<article style="text-align: center;">
<h1>CREATE AN ACCOUNT</h1>
<h3>TO BEGIN YOUR JOURNEY</h3><br/>
<form name="createAccountForm" id="create-account-form">
Choose username <input placeholder="JohnSmith" type="text" name="username"/><br/><br/>
Your email address <input placeholder="john@smith.com" type="email" name="emailAddress"/><br/><br/>
Create a password <input placeholder="password123" type="password" name="createPassword"/><br/><br/>
Confirm password <input placeholder="password123" type="password" name="confirmPassword"/><br/><br/>
I agree to the terms and conditions <input type="checkbox" name="agreeToTerms"/><br/><br/>
<span id="create-account-error-text"></span>
</form>
<button onclick="createAccount();">CREATE ACCOUNT</button>
</article>
<aside class="right">
<h3>FEEDBACK</h3>
Want to help us improve our services? Submit your feedback and/or suggestions below - it'll help us more than you think!
<br/><textarea id="feedback-text-area" placeholder="Enter your feedback/suggestions here."></textarea>
<button onclick="submitFeedback();">SUBMIT</button>
<hr/>
<h3>DONATE</h3>
Want to support us even further? You can now donate! Any amount is greatly appreciated.
<br/><button onclick="donate();">DONATE</button>
<hr/>
<div class="image-button-container">
<a href="employment.html">
<div class="image-button">
<h3 style="background-image: url(img/buttons/employment-button.jpg);">WE'RE HIRING</h3>
<span>We are searching for new staff! If you are in search for a job, we'd love to see your resume!</span>
</div>
</a>
<a href="shop.html">
<div class="image-button">
<h3 style="background-image: url(img/buttons/shop-button.jpg);">SHOP</h3>
<span>Browse and purchase some of our awesome collectable items, accessories, and other merch!</span>
</div>
</a>
</div>
</aside>
</div>
<footer>Copyright © Vishnu Gunapathi 2016</footer>
</body>
</html>