From 4362922ba00a22d9177df1731673b5fb4db03fb5 Mon Sep 17 00:00:00 2001
From: Roberto Sánchez <roberto.sanchez@curisit.net>
Date: Thu, 19 Dec 2013 17:58:11 +0000
Subject: [PATCH] #333 feature - Added first page with Bootstrap
---
securis/src/main/resources/static/login.html | 121 +++++++++++++++++++++++++++++++++++-----
1 files changed, 106 insertions(+), 15 deletions(-)
diff --git a/securis/src/main/resources/static/login.html b/securis/src/main/resources/static/login.html
index 60c77dd..094ac7d 100644
--- a/securis/src/main/resources/static/login.html
+++ b/securis/src/main/resources/static/login.html
@@ -1,17 +1,108 @@
<!DOCTYPE html>
-<html>
- <head>
- <title>CurisTEC License server</title>
- </head>
- <body>
- <h1>LOGIN example !!!</h1>
-
- <form action="/login" method="POST">
- <label>User:</label><input type="text" name="user" id="user">
- <br/>
- <label>Password:</label><input type="text" name="password" id="password">
- <button type="submit">Login</button>
- </form>
-
- </body>
+<html class="no-js" lang="en">
+ <head>
+ <base href="/base">
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title></title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
+ <style>
+ body {
+ padding-top: 50px;
+ padding-bottom: 20px;
+ }
+ </style>
+ <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
+ <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
+ <link rel="stylesheet" href="css/main.css">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
+
+ <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+ </head>
+ <body>
+ <div class="navbar navbar-inverse navbar-fixed-top">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="#">SeCuris</a>
+ </div>
+ <div class="navbar-collapse collapse">
+ <ul class="nav navbar-nav">
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ <form class="navbar-form navbar-right">
+ <div class="form-group">
+ <input type="text" placeholder="Email" class="form-control">
+ </div>
+ <div class="form-group">
+ <input type="password" placeholder="Password" class="form-control">
+ </div>
+ <button type="submit" class="btn btn-success">Sign in</button>
+ </form>
+ </div><!--/.navbar-collapse -->
+ </div>
+ </div>
+
+ <!-- Main jumbotron for a primary marketing message or call to action -->
+ <div class="jumbotron">
+ <div class="container">
+ <h2>SeCuris</h2>
+ <p>Server License for CurisTEC products.</p>
+ </div>
+ </div>
+
+<div class="container">
+<div class="col-md-8 col-md-offset-2">
+ <form role="form" class="form-horizontal" action='/login' method="POST">
+ <fieldset>
+ <div id="legend">
+ <legend class="">Login</legend>
+ </div>
+ <div class="form-group">
+ <!-- Username -->
+ <label class="col-sm-3 control-label" for="username">Username</label>
+ <div class="col-sm-5">
+ <input type="text" id="user" name="user" placeholder="" class="form-control">
+ </div>
+ </div>
+ <div class="form-group">
+ <!-- Password-->
+ <label class="col-sm-3 control-label" for="password">Password</label>
+ <div class="col-sm-5">
+ <input type="password" id="password" name="password" placeholder="" class="form-control">
+ </div>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Remember credentials
+ </label>
+ </div>
+ <button type="submit" class="btn btn-primary">Login</button>
+ </fieldset>
+ </form>
+ </div>
+</div>
+
+
+ <hr>
+<div>
+ <footer>
+ <small style="margin: auto; display:block;" class="text-center">© CurisTEC 2014</small>
+ </footer>
+ </div> <!-- /container -->
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
+
+ <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+
+<!-- <script src="js/main.js"></script> -->
+ </body>
</html>
\ No newline at end of file
--
Gitblit v1.3.2