added register form and required attribute. Edited input field spacing

5 files changed, 130 insertions, 59 deletions

diff --git a/www/login.css b/www/login.css
new file mode 100644
index 0000000..6bd8a5e
--- /dev/null
+++ b/www/login.css
@@ -0,0 +1,56 @@
+/*********************************************************
+				Login-Form
+**********************************************************/
+div.login-area{
+	height: 200px;
+	width: 400px;
+	position: relative;
+	top: 50%;
+	/*transform: translateY(-50%);
+	-ms-transform: translateY(-50%);
+	-webkit-transform: translateY(-50%);*/
+	margin-top: -100px;
+	
+	margin-left: auto;
+	margin-right: auto;
+	vertical-align: middle;
+	border: 1px solid #1F3D4C;
+	padding: 10px;
+}
+
+h1.login-area{
+	font-weight: 200;
+}
+
+form.login-form{
+	
+}
+
+input.login-input[type=text], input.login-input[type=password]{
+	border: none;
+	box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+	border-radius: 0;
+	height: 40px;
+	font-size: 25px;
+	margin-top: 15px;
+	width: 395px;
+	display:block;
+	padding-left: 5px;
+}
+
+input.login-input:focus{
+	background: #D6E0E5
+}
+#button-input{
+	height: 40px;
+	width: 120px;
+	display:inline;
+	border: none;
+	box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+	border-radius: 0;
+	font-size: 25px;
+	margin-top: 15px;
+}
+#recover-password-link{
+
+}
diff --git a/www/login.php b/www/login.php
index e65cfef..470065d 100644
--- a/www/login.php
+++ b/www/login.php
@@ -1,5 +1,7 @@
 <?php include("header.html");?>
 	
+	<link rel="stylesheet" type="text/css" href="login.css">
+	
 	<div class="login-area">
 		<h1 class="login-area"> Log in </h1>
 		<form id="login-form" method='post' action='/login'>
diff --git a/www/register.css b/www/register.css
new file mode 100644
index 0000000..58f645d
--- /dev/null
+++ b/www/register.css
@@ -0,0 +1,53 @@
+/*********************************************************
+				Register-Form
+**********************************************************/
+div.register-area{
+	height: 370px;
+	width: 400px;
+	position: relative;
+	top: 50%;
+	/*transform: translateY(-50%);
+	-ms-transform: translateY(-50%);
+	-webkit-transform: translateY(-50%);*/
+	margin-top: -185px;
+	
+	margin-left: auto;
+	margin-right: auto;
+	vertical-align: middle;
+	border: 1px solid #1F3D4C;
+	padding: 10px;
+}
+
+h1.register-area{
+	font-weight: 200;
+}
+
+form.register-form{
+	
+}
+
+input.register-input[type=text], input.register-input[type=password], input.register-input[type=email]{
+	border: none;
+	box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+	border-radius: 0;
+	height: 40px;
+	font-size: 25px;
+	margin-top: 15px;
+	width: 395px;
+	display:block;
+	padding-left: 5px;
+}
+
+input.register-input:focus{
+	background: #D6E0E5
+}
+#button-input{
+	height: 40px;
+	width: 120px;
+	display:inline;
+	border: none;
+	box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+	border-radius: 0;
+	font-size: 25px;
+	margin-top: 15px;
+}
diff --git a/www/register.php b/www/register.php
new file mode 100644
index 0000000..993b099
--- /dev/null
+++ b/www/register.php
@@ -0,0 +1,19 @@
+<?php include("header.html");?>
+	<link rel="stylesheet" type="text/css" href="register.css">
+	
+	<div class="register-area">
+		<h1 class="register-area"> Register </h1>
+		<form id="register-form">
+			<input type="text" placeholder="username" name="username" id="username-input" class="register-input" required>
+			
+			<input type="password" placeholder="password" name="password" id="password-input" class="register-input" required>
+			<input type="password" placeholder="repeat password" name="password" id="password-repeat-input" class="register-input" required>
+			
+			<input type="text" placeholder="invite-key" name="key" id="key-input" class="register-input" required>
+			<input type="email" placeholder="email" name="email" id="email-input" class="register-input" required>
+			
+			<input type="submit" name="register" id="button-input" class="register-input" value="register">
+		</form>
+	</div>
+
+<?php include("footer.html");?>
diff --git a/www/style.css b/www/style.css
index 0e6db18..a1af6aa 100644
--- a/www/style.css
+++ b/www/style.css
@@ -76,65 +76,6 @@ a.logo:hover{
 }
 
 
-/*********************************************************
-				Login-Form
-**********************************************************/
-div.login-area{
-	height: 200px;
-	width: 400px;
-	position: relative;
-	top: 50%;
-	/*transform: translateY(-50%);
-	-ms-transform: translateY(-50%);
-	-webkit-transform: translateY(-50%);*/
-	margin-top: -100px;
-	
-	margin-left: auto;
-	margin-right: auto;
-	vertical-align: middle;
-	border: 1px solid #1F3D4C;
-	padding: 10px;
-}
-
-h1.login-area{
-	font-weight: 200;
-}
-
-form.login-form{
-	
-}
-
-input.login-input[type=text], input.login-input[type=password]{
-	border: none;
-	box-shadow: inset 0px 0px 1px 1px #1F3D4C;
-	border-radius: 0;
-	height: 40px;
-	font-size: 25px;
-	margin-top: 15px;
-	width: 100%;
-	display:block;
-}
-
-input.login-input:focus{
-	background: #D6E0E5
-}
-#button-input{
-	height: 40px;
-	width: 120px;
-	display:inline;
-	border: none;
-	box-shadow: inset 0px 0px 1px 1px #1F3D4C;
-	border-radius: 0;
-	font-size: 25px;
-	margin-top: 15px;
-}
-#recover-password-link{
-
-}
-
-
-
-
 /******************************************************
 				FOOTER
 *******************************************************/