-
Notifications
You must be signed in to change notification settings - Fork 0
/
log-in.php
66 lines (61 loc) · 2.29 KB
/
log-in.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<?php
$estaPagina = 'LogIn';
include ('inc/navbar.php');
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Log In | NASCAR</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.php">
<link rel="icon" href="img/favicon.ico">
<style>
body {
visibility: hidden;
}
</style>
</head>
<body class="sitio">
<?php no_admite_logeados(); ?>
<main class="holder login">
<div class="caja logeo" id="caja" name="login">
<h1 style="text-align: center;">Iniciar Sesión</h1>
<form action="utils/user-log-in.php" method="POST" class="formulario">
<div class="campo">
<input type="text" placeholder="Usuario" id="usuario" required pattern="\S+" title="El nombre de usuario no puede tener espacios." name="usuario">
<span class="iconoIzq icon-user" id="iconoUser"></span>
</div>
<div class="campo">
<input type="password" placeholder="Contraseña" id="password" required pattern=".{8,}" title="La contraseña debe tener un mínimo de 8 caracteres." name="password" maxlength="128" autocomplete="off">
<span class="iconoIzq icon-lock" id="iconoCandado1"></span>
<span class="iconoDer icon-eye-blocked" id="toggle1" onclick="passToggle('password', 'login')"></span>
</div>
<p style="text-align: right;"><a href="#">¿Olvidaste tu contraseña?</a></p>
<div class="boton">
<input type="submit" value="Iniciar Sesión" name="IniciarSesion">
</div>
<p>¿No tienes una cuenta? <a href="register.php">Regístrate</a></p>
<?php
if (isset($_GET['logeo']) && $_GET['logeo'] == 'error') {
?>
<p class="textoLogeo" style="position: absolute;">Usuario y/o contraseña incorrectos.</p>
<?php
} ?>
</form>
</div>
</main>
<?php include ('inc/footer.php'); ?>
<script>
// Delay the display of the body content to prevent Flash of Unstyled Content (FOUC)
setTimeout(function() {
document.body.style.visibility = "visible";
}, 10);
</script>
<script src="js/jquery.min.js"></script>
<script src="js/opacity.js"></script>
<script src="js/input-settings-login.js"></script>
<script src="js/pass-toggle.js"></script>
</body>
</html>