Prettifying landing page and register.html.

3 files changed, 55 insertions, 51 deletions

diff --git a/views/header.html b/views/header.html
index a38c643..8ff6885 100644
--- a/views/header.html
+++ b/views/header.html
@@ -5,7 +5,7 @@
     <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
-    <title>Freemail @ mail.iamfabulous.de</title>
+    <title>Libremail @ mail.iamfabulous.de</title>
     <link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css'>
     <link rel='stylesheet' type='text/css' href='/static/css/main.css'>
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
diff --git a/views/index.html b/views/index.html
index 71bb035..557b103 100644
--- a/views/index.html
+++ b/views/index.html
@@ -25,59 +25,40 @@
 </div>
 {{end}}
 
+<div class="jumbotron">
+	<div class="container">
+		<h1>Libremail</h1>
+		<p>Tired of getting spam daily? You just need quickly a mail adress? Or you own a domain and want to use it to recieve E-Mails?
+			<strong>You are in the right place.</strong>
+			<br>It's completly free and ad-free.</p>
+		<p><a class="btn btn-primary btn-lg btn-raised" href="/about" role="button">Learn more &raquo;</a></p>
+	</div>
+</div>
 <div class="container">
 	<div class="row">
-<form class="form-horizontal" method='post' action='/create'>
-	<fieldset>
-
-		<!-- Form Name -->
-		<div class="text-center">
-		<legend>Freemail @ mail.iamfabulous.de</legend>
-		</div>
-
-		<!-- Text input-->
-		<div class="form-group">
-			<label class="col-md-4 control-label" for="Email">Email:</label>  
-			<div class="col-md-4">
-				<input id="Email" name="Email" placeholder="Your desired mail adress." class="form-control input-md" required="" type="text">
-			</div>
-		</div>
-
-		<!-- Text input-->
-		<div class="form-group">
-			<label class="col-md-4 control-label" for="ConfirmEmail">Confirm Email:</label>  
-			<div class="col-md-4">
-				<input id="ConfirmEmail" name="ConfirmEmail" placeholder="Confirm your choice." class="form-control input-md" required="" type="text">
-			</div>
+		<div class="col-md-4">
+			<h2>Easy & Quick</h2>
+			<p>It's just 2 clicks away.<br>
+				Choose a free mail adress and sign up.</p>
+			<p><a class="btn btn-primary btn-raised" href="/register" role="button">Sign up &raquo;</a></p>
 		</div>
-
-		<!-- Text input-->
-		<div class="form-group">
-			<label class="col-md-4 control-label" for="Password">Password:</label>  
-			<div class="col-md-4">
-				<input id="Password" name="Password" placeholder="Your password." class="form-control input-md" required="" type="password">
-			</div>
+		<div class="col-md-4">
+			<h2>Secure</h2>
+			<p>We are using state of the art technologies and enforcing encryption on every step.</p>
+			<p><a class="btn btn-primary btn-raised" href="/about" role="button">About us &raquo;</a></p>
 		</div>
-
-		<!-- Text input-->
-		<div class="form-group">
-			<label class="col-md-4 control-label" for="ConfirmPassword">Confirm Password:</label>  
-			<div class="col-md-4">
-				<input id="ConfirmPassword" name="ConfirmPassword" placeholder="Confirm your password." class="form-control input-md" required="" type="password">
-			</div>
+		<div class="col-md-4">
+			<h2>Customziable</h2>
+			<p>Point your own domain to this server. Get everything out of the box.</p>
+			<p><a class="btn btn-primary btn-raised" href="/features" role="button">Features &raquo;</a></p>
 		</div>
-
-		<!-- Button -->
-		<div class="form-group">
-			<label class="col-md-4 control-label" for="submit"></label>
-			<div class="col-md-4">
-				<button class="btn btn-primary btn-raised">Submit</button>
-			</div>
+	</div>
+	<div class="row">
+		<div class="col-md-4">
+			<h2>Open Source</h2>
+			<p>We only use free and open source software. You can use it to host your own solution.</p>
+			<p><a class="btn btn-primary btn-raised" href="/about" role="button">Read the source &raquo;</a></p>
 		</div>
-
-	</fieldset>
-</form>
-
 	</div>
 </div>
 {{template "footer.html"}}
diff --git a/views/navbar.html b/views/navbar.html
index 48e3877..4c3fc71 100644
--- a/views/navbar.html
+++ b/views/navbar.html
@@ -1,14 +1,37 @@
 <nav class='navbar navbar-default navbar-custom shadow-z-2' role='navigation'>
 	<div class='container'>
 		<div class='navbar-header'>
+			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+				<span class="sr-only">Toggle navigation</span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+			</button>
 			<a class='navbar-brand' href='/'><span class='glyphicon glyphicon-home'></span> Home</a>
 		</div>
-		<!--div class="collapse navbar-collapse" id="navbarCollapse">
+		<div class="collapse navbar-collapse" id="navbarCollapse">
+			<ul class="nav navbar-nav navbar-left">
+				<li>
+					<a class="" href="/about" title="About us"><span class="glyphicon glyphicon-file"></span> About</a>
+				</li>
+				<li>
+					<a class="" href="/features" title="Features"><span class="glyphicon glyphicon-star"></span> Features</a>
+				</li>
+				<li>
+					<a class="" href="/server" title="Server"><span class="glyphicon glyphicon-cog"></span> Server</a>
+				</li>
+				<li>
+					<a class="" href="/contact" title="Contact"><span class="glyphicon glyphicon-phone-alt"></span> Contact</a>
+				</li>
+			</ul>
 			<ul class="nav navbar-nav navbar-right">
 				<li>
-				<a class="" href="/admin" title="admin"><span class="glyphicon glyphicon-cog"></span> Admin</a>
+					<a class="" href="https://webmail.iamfabulous.de/" title="Webmail"><span class="glyphicon glyphicon-envelope"></span> Webmail</a>
+				</li>
+				<li>
+					<a class="" href="/register" title="Sign up"><span class="glyphicon glyphicon-user"></span> Sign up</a>
 				</li>
 			</ul>
-		</div-->
+		</div>
 	</div>
 </nav>