90 lines
2.5 KiB
HTML
90 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Authentification requise</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style type="text/css">
|
|
body {
|
|
background: url(captiveportal-background.jpg) white center no-repeat fixed;
|
|
}
|
|
|
|
#login {
|
|
padding:0 1%;
|
|
background-color:white;
|
|
background: rgba(255, 255, 255, 0.9);
|
|
border:1px solid black;
|
|
width:650px;
|
|
height:350px;
|
|
text-align:center;
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
margin-top:-160px;
|
|
margin-left:-325px;
|
|
}
|
|
|
|
form {
|
|
width:520px;
|
|
margin:auto;
|
|
}
|
|
|
|
#logo {
|
|
float: left;
|
|
padding-right:20px;
|
|
}
|
|
|
|
#fields {
|
|
padding-top:30px;
|
|
}
|
|
|
|
.formrow {
|
|
text-align:left;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
label {
|
|
float:left;
|
|
width:150px;
|
|
}
|
|
|
|
input[type=submit] {
|
|
clear:both;
|
|
margin-top:10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="login">
|
|
<div id="formulaire">
|
|
<h3 class="title">Portail d'authentification de l'IUT de Sénart/Fontainebleau</h3>
|
|
<h3 class="title">Site de Fontainebleau</h3>
|
|
<form method="post" action="$PORTAL_ACTION$">
|
|
<div style="display: flex;">
|
|
<img id="logo" src="captiveportal-logoiut.png" alt="Département Informatique" height="100" width="150">
|
|
<div>
|
|
<p style="color:red">$PORTAL_MESSAGE$</p>
|
|
<div id="fields">
|
|
<div class="formrow">
|
|
<label for="user">Identifiant :</label>
|
|
<input id="user" name="auth_user" type="text">
|
|
</div>
|
|
<div class="formrow">
|
|
<label for="mdp">Mot de passe :</label>
|
|
<input id="mdp" name="auth_pass" type="password">
|
|
</div>
|
|
</div>
|
|
<input name="auth_voucher" value="" type="hidden">
|
|
<input name="redirurl" value="$PORTAL_REDIRURL$" type="hidden">
|
|
<input name="zone" type="hidden" value="$PORTAL_ZONE$">
|
|
<input name="accept" type="submit">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<p style="clear:left; margin-bottom:0;"><small>Utilisez votre compte informatique de l'IUT pour vous connecter.</small></p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|