Skip to content

Commit

Permalink
loggin firme
Browse files Browse the repository at this point in the history
  • Loading branch information
pacho950609 committed Nov 24, 2015
1 parent c0f365b commit 50ad19e
Show file tree
Hide file tree
Showing 3 changed files with 195 additions and 24 deletions.
217 changes: 194 additions & 23 deletions mobibuses.servicios/src/main/webapp/login.html
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,200 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Login Form</title>
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<section class="container">
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>


<style>
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700);
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
* {
margin: 0;
padding: 0;
}

html {
background: url(https://dl.dropboxusercontent.com/u/159328383/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body {
background: transparent;
}

body, input, button {
font-family: 'Source Sans Pro', sans-serif;
}

.login {
padding: 15px;
width: 400px;
min-height: 400px;
margin: 2% auto 0 auto;
}
.login .heading {
text-align: center;
margin-top: 1%;
}
.login .heading h2 {
font-size: 3em;
font-weight: 300;
color: rgba(255, 255, 255, 0.7);
display: inline-block;
padding-bottom: 5px;
text-shadow: 1px 1px 3px #23203b;
}
.login form .input-group {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.login form .input-group:last-of-type {
border-top: none;
}
.login form .input-group span {
background: transparent;
min-width: 53px;
border: none;
}
.login form .input-group span i {
font-size: 1.5em;
color: rgba(255, 255, 255, 0.2);
}
.login form input.form-control {
display: block;
width: auto;
height: auto;
border: none;
outline: none;
box-shadow: none;
background: none;
border-radius: 0px;
padding: 10px;
font-size: 1.6em;
width: 100%;
background: transparent;
color: #c2b8b1;
}
.login form input.form-control:focus {
border: none;
}
.login form button {
margin-top: 20px;
background: #27AE60;
border: none;
font-size: 1.6em;
font-weight: 300;
padding: 5px 0;
width: 100%;
border-radius: 3px;
color: #b3eecc;
border-bottom: 4px solid #1e8449;
}
.login form button:hover {
background: #30b166;
-webkit-animation: hop 1s;
animation: hop 1s;
}

.float {
display: inline-block;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
}

.float:hover, .float:focus, .float:active {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
.login {
width: 600px;
font-size: 2em;
}
}
@media only screen and (max-width: 1100px) {
.login {
margin-top: 2%;
width: 600px;
font-size: 1.7em;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
.login {
margin-top: 1%;
width: 550px;
font-size: 1.7em;
min-height: 0;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
.login {
margin-top: 0;
width: 500px;
font-size: 1.3em;
min-height: 0;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
.login {
margin-top: 0;
width: 400px;
font-size: 1em;
min-height: 0;
}
.login h2 {
margin-top: 0;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
.login {
margin-top: 0;
width: 200px;
font-size: 0.7em;
min-height: 0;
}
}

</style>


<div class="login">
<h1>Login to Web App</h1>
<form method="post" action="j_security_check">
<p><input id="j_username" type="text" name="j_username" value="" placeholder="Username or Email"></p>
<p><input id="j_password" type="password" name="j_password" value="" placeholder="Password"></p>

<p class="submit"><input type="submit" name="commit" value="Login"></p>
</form>
</div>
<div class="heading">
<h2>Sign in</h2>
<form action="http://localhost:8080/mobibuses.interfaz/#">

</section>
<div class="input-group input-group-lg">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" class="form-control" placeholder="Username or email">
</div>

<div class="input-group input-group-lg">
<span class="input-group-addon"><i class="fa fa-lock"></i></span>
<input type="password" class="form-control" placeholder="Password">
</div>

</body>
<button type="submit" class="float">Login</button>
</form>
</div>
</div>



</html>
2 changes: 1 addition & 1 deletion mobibuses.servicios/target/maven-archiver/pom.properties
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
#Generated by Maven
#Tue Nov 24 10:17:10 COT 2015
#Tue Nov 24 16:52:16 COT 2015
version=1.0-SNAPSHOT
groupId=co.edu.uniandes.csw.mobibuses
artifactId=mobibuses.servicios
Binary file modified mobibuses.servicios/target/mobibuses.servicios-1.0-SNAPSHOT.war
View file
Binary file not shown.

0 comments on commit 50ad19e

Please sign in to comment.