Add welcome and error pages

This commit is contained in:
nemunaire 2016-01-24 16:49:24 +01:00
parent 257a9977ea
commit 2ff39500b0
4 changed files with 241 additions and 0 deletions

57
frontend/static/e404.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge FIC2016</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="screen">
<link href="/css/slate.min.css" type="text/css" rel="stylesheet" media="screen">
<link href="/css/fic.css" type="text/css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<meta name="author" content="EPITA Laboratoire SRS">
<meta name="robots" content="all">
</head>
<body>
<div class="navbar navbar-default">
<div class="container">
<div class="row">
<div class="navbar-header col-sm-3">
<a href="/">
<img src="/img/fic.png" alt="Forum International de la Cybersécurité" class="center-block">
</a>
</div>
<div class="navbar-right col-sm-2">
<a href="http://www.epita.fr/">
<img src="/img/epita.png" alt="Epita" class="center-block">
</a>
</div>
<div id="clock" class="col-sm-7">
Challenge forensic
</div>
</div>
</div>
</div>
<div class="container" style="margin-top:20px;">
<div class="jumbotron">
<div class="text-center">
<img src="http://http.cat/404" alt="cat not found!">
</div>
<h1>Page introuvable <small>Erreur 404</small></h1>
<p>
La page &agrave; laquelle vous tentez d'acc&eacute;der n'existe pas ou l'adresse que vous avez tap&eacute;e est incorrecte.
</p>
</div>
</div>
</body>
</html>

57
frontend/static/e413.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge FIC2016</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="screen">
<link href="/css/slate.min.css" type="text/css" rel="stylesheet" media="screen">
<link href="/css/fic.css" type="text/css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<meta name="author" content="EPITA Laboratoire SRS">
<meta name="robots" content="all">
</head>
<body>
<div class="navbar navbar-default">
<div class="container">
<div class="row">
<div class="navbar-header col-sm-3">
<a href="/">
<img src="/img/fic.png" alt="Forum International de la Cybersécurité" class="center-block">
</a>
</div>
<div class="navbar-right col-sm-2">
<a href="http://www.epita.fr/">
<img src="/img/epita.png" alt="Epita" class="center-block">
</a>
</div>
<div id="clock" class="col-sm-7">
Challenge forensic
</div>
</div>
</div>
</div>
<div class="container" style="margin-top:20px;">
<div class="jumbotron">
<div class="text-center">
<img src="http://http.cat/413" alt="cat not found!">
</div>
<h1>Requête trop grosse <small>Erreur 413</small></h1>
<p>
La quantité de données que vous souhaitez envoyer au serveur est trop importante pour qu'il accepte de la traiter.
</p>
</div>
</div>
</body>
</html>

57
frontend/static/e500.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge FIC2016</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="screen">
<link href="/css/slate.min.css" type="text/css" rel="stylesheet" media="screen">
<link href="/css/fic.css" type="text/css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<meta name="author" content="EPITA Laboratoire SRS">
<meta name="robots" content="all">
</head>
<body>
<div class="navbar navbar-default">
<div class="container">
<div class="row">
<div class="navbar-header col-sm-3">
<a href="/">
<img src="/img/fic.png" alt="Forum International de la Cybersécurité" class="center-block">
</a>
</div>
<div class="navbar-right col-sm-2">
<a href="http://www.epita.fr/">
<img src="/img/epita.png" alt="Epita" class="center-block">
</a>
</div>
<div id="clock" class="col-sm-7">
Challenge forensic
</div>
</div>
</div>
</div>
<div class="container" style="margin-top:20px;">
<div class="jumbotron">
<div class="text-center">
<img src="http://http.cat/500" alt="cat not found!">
</div>
<h1>Erreur interne <small>Erreur 500</small></h1>
<p>
Notre serveur est actuellement dans l'incapacit&eacute; de repondre &agrave; votre requ&ecirc;te.<br>Veuillez recommencer dans quelques instants.
</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge FIC2016</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="screen">
<link href="/css/fic.css" type="text/css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<meta name="author" content="EPITA Laboratoire SRS">
<meta name="robots" content="all">
</head>
<body>
<div class="navbar navbar-inverse">
<div class="container">
<div class="row">
<div class="navbar-header col-sm-3">
<a href="/">
<img src="/img/fic.png" alt="Forum International de la Cybersécurité" class="center-block">
</a>
</div>
<div class="navbar-right col-sm-2">
<a href="http://www.epita.fr/">
<img src="/img/epita.png" alt="Epita" class="center-block">
</a>
</div>
<div id="clock" class="col-sm-7">
Challenge forensic
</div>
</div>
</div>
</div>
<div class="container" style="margin-top:20px;">
<div class="jumbotron text-justify">
<h1>Bienvenue !</h1>
<p>
Vous n'êtes pas encore connecté en tant qu'équipe sur notre serveur.
</p>
<p>
Après avoir suivi le guide présent sur la clef USB que nous vous
avons remis et ajouté votre certificat dans votre système ou votre
navigateur, ce dernier devrait vous afficher une boîte de dialogue
vous demandant de choisir parmi les certificats installés sur votre
machine.
</p>
<p>
Si vous avez accédé à cette page avant d'avoir ajouté le certificat,
il peut être nécessaire de relancer votre navigateur, afin qu'il
démarre une nouvelle session.
</p>
<p>
Si malgré tout, vous n'arrivez pas à accéder à l'espace de votre
équipe ou si votre clef USB est illisible, n'hésitez pas à nous
solliciter !
</p>
</div>
</div>
</body>
</html>