Mejoras portal cautivo

This commit is contained in:
kleper 2019-04-05 08:01:46 -05:00
parent 69f5facd79
commit d93d45e9a6
7 changed files with 137 additions and 1166 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,48 +1,6 @@
body {
padding-top: 40px;
padding-bottom: 40px;
background-color: #eee;
overflow: auto;
}
.form-signin {
max-width: 330px;
padding: 15px;
margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin .checkbox {
font-weight: normal;
}
.form-signin .form-control {
position: relative;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
font-size: 16px;
}
.form-signin .form-control:focus {
z-index: 2;
}
.form-signin input[type="text"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
html { html {
overflow: hidden; overflow: hidden;
background: url(images/captiveportal-imagen_central.jpg) no-repeat center center fixed; background: url(../images/captiveportal-imagen_central.jpg) no-repeat center center fixed;
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
@ -272,3 +230,40 @@ body {
background: #f8f9fab5; background: #f8f9fab5;
} }
} }
.form-signin {
max-width: 330px;
padding: 15px;
margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin .checkbox {
font-weight: normal;
}
.form-signin .form-control {
position: relative;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
font-size: 16px;
}
.form-signin .form-control:focus {
z-index: 2;
}
.form-signin input[type="text"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

View File

@ -13,12 +13,13 @@
<title>Acceso a la red comunitaria NuestraRed.org</title> <title>Acceso a la red comunitaria NuestraRed.org</title>
<!-- Bootstrap --> <!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/captiveportal-bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/captiveportal-all.css" crossorigin="anonymous">
<link href="css/signin.css" rel="stylesheet"> <link href="css/signin.css" rel="stylesheet">
<!-- static zone info --> <!-- static zone info -->
<script src="js/zone.js"></script> <script src="js/zone.js"></script>
<script src="js/jquery-1.11.2.min.js"></script>
<script> <script>
function getURLparams() function getURLparams()
{ {
@ -155,6 +156,7 @@
</script> </script>
</head> </head>
<body> <body>
<!--
<header class="page-head"> <header class="page-head">
<nav class="navbar navbar-default" > <nav class="navbar navbar-default" >
<div class="container-fluid"> <div class="container-fluid">
@ -166,8 +168,11 @@
</div> </div>
</nav> </nav>
</header> </header>
<main class="page-content col-sm-6 col-sm-push-3"> <main class="page-content col-sm-6 col-sm-push-3">
-->
<!-- User option 1: login needed with name and password --> <!-- User option 1: login needed with name and password -->
<!--
<div id="login_password" class="hidden"> <div id="login_password" class="hidden">
<form class="form-signin"> <form class="form-signin">
<h2 class="form-signin-heading">Please sign in</h2> <h2 class="form-signin-heading">Please sign in</h2>
@ -178,26 +183,87 @@
<button class="btn btn-primary btn-block" id="signin" type="button">Sign in</button> <button class="btn btn-primary btn-block" id="signin" type="button">Sign in</button>
</form> </form>
</div> </div>
-->
<!-- User option 2: login needed, without username, password --> <!-- User option 2: login needed, without username, password -->
<!--
<div id="login_none" class="hidden"> <div id="login_none" class="hidden">
<form class="form-signin"> <form class="form-signin">
<button class="btn btn-primary btn-block" id="signin_anon" type="button">Sign in</button> <button class="btn btn-primary btn-block" id="signin_anon" type="button">Sign in</button>
</form> </form>
</div> </div>
<!-- User option 3: Already logged in, show logout button --> <!-- User option 3: Already logged in, show logout button -->
<!--
<div id="logout_frm" class="hidden"> <div id="logout_frm" class="hidden">
<form class="form-signin"> <form class="form-signin">
<button class="btn btn-primary btn-block" id="logoff" type="button">Logout</button> <button class="btn btn-primary btn-block" id="logoff" type="button">Logout</button>
</form> </form>
</div> </div>
<!-- Message dialog --> <!-- Message dialog -->
<div class="alert alert-danger alert-dismissible hidden" role="alert" id="alertMSG">
<button type="button" class="close" id="btnCloseError" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<span id="errorMSGtext"></span>
</div>
</main>
<!-- bootstrap script -->
<script src="js/bootstrap.min.js"></script> <div class="container register">
<div class="row">
<div class="col-md-3 register-left">
<img src="images/captiveportal-logoNRwhite.png" alt="" />
<h3>¡Bienvenid@!</h3>
<p>¡Estás muy cerca de entrar al mundo Web!</p>
</div>
<div class="col-md-9 register-right">
<ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="true">Sin Internet</a>
</li>
<li class="nav-item">
<a class="nav-link " id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="false">Con Internet</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show" id="home" role="tabpanel" aria-labelledby="home-tab">
<h3 class="register-heading">Entrar con Internet</h3>
<div class="row register-form">
<div class="col-md-12">
<form class="form-signin">
<!--<h2 class="form-signin-heading">Please sign in</h2>-->
<label for="inputUsername" class="sr-only">Usuario</label>
<input type="text" id="inputUsername" class="form-control" placeholder="Username" required autofocus autocomplete="none" autocapitalize="none" autocorrect="off">
<label for="inputPassword" class="sr-only">Contraseña</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
<button class="btn btn-primary btn-block" id="signin" type="button">Ingresar</button>
</form>
</div>
</div>
</div>
<div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<h3 class="register-heading">Ver contenidos sin Internet</h3>
<div class="row register-form">
<div class="boton_entrar">
<div class="container boton_entrar">
<div class="col-md-12 ">
<a href="https://nuestrared.org">
<button class="btn btn-default circle_button" > <strong style="font-size: 25px">Entrar</strong> <span class="circle-greater-than"></span></button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/captiveportal-jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/captiveportal-bootstrap.min.js"></script>
</body> </body>
</html> </html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long