aboutsummaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html22
1 files changed, 16 insertions, 6 deletions
diff --git a/index.html b/index.html
index 5a60526..6a2018b 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>shady file upload</title>
- <link rel="stylesheet" type="text/css" href="style.css">
+ <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
@@ -16,7 +16,7 @@
<div id="page">
<div id="hero" class="overlay">
<div id="arrows">
- <img src="arrow.svg" id="protoarrow" style="display: none">
+ <img src="svg/arrow.svg" id="protoarrow" style="display: none">
</div>
<div class="vcenter">
@@ -27,17 +27,26 @@
</div>
<div class="vcenter">
- <form action="/register.php">
+ <form name="hero_form" action="/php/register.php" method="post" onsubmit="return validate_hero_form()">
<h2>Get started</h2>
<div class="content">
<p>Username</p>
<input type="text" id="username" name="username">
+ <p id="username-length-error" class="hero_form_error" hidden>Please specify a username</p>
+
+ <p>Email address</p>
+ <input type="text" id="email" name="email">
+ <p id="email-error" class="hero_form_error" hidden>Invalid email address</p>
+
<p>Password</p>
<input type="password" id="password" name="password">
+ <p id="password-length-error" class="hero_form_error" hidden>Please provide a password</p>
+
<p>Repeat Password</p>
<input type="password" id="password2" name="password2">
+ <p id="password-match-error" class="hero_form_error" hidden>Passwords didn't match</p>
<input type="submit" value="Sign up">
- <p style="font-size: 1.1em;">Already have an account? <a href="login.php">Sign in</a>
+ <p style="font-size: 1.1em;">Don't have an account? <a href="login.html">Log in</a>
</div>
</form>
</div>
@@ -46,10 +55,11 @@
</div>
</div>
- <img src="bottom.svg" class="bgbottom">
+ <img src="svg/bottom.svg" class="bgbottom">
</div>
- <script src="arrows.js"></script>
+ <script src="js/arrows.js"></script>
+ <script src="js/validate_hero.js"></script>
</body>
<html>