Update bootstrap to 4.0-beta
This commit is contained in:
parent
978f260c64
commit
73080d7d0d
23 changed files with 608 additions and 641 deletions
|
|
@ -3,26 +3,19 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Challenge Forensic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<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">
|
||||
<base href="/">
|
||||
<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">
|
||||
<script src="/js/angular.min.js"></script>
|
||||
</head>
|
||||
<body style="overflow: hidden;" class="container-fluid" ng-controller="DataController">
|
||||
<div class="row" style="margin-top: 10px">
|
||||
<div class="col-xs-8">
|
||||
<body class="bg-light" style="overflow: hidden;" class="container-fluid" ng-controller="DataController">
|
||||
<div class="row" style="margin:10px 0">
|
||||
<div class="col-8">
|
||||
<noscript>
|
||||
<div class="alert alert-danger">
|
||||
<strong>Veuillez activer le JavaScript.</strong> Ce site requiert un navigateur interprêtant le JavaScript pour fonctionner. Veuillez l'activer ou en télécharger un supportant cette technologie.
|
||||
|
|
@ -31,79 +24,87 @@
|
|||
|
||||
<div ng-repeat="(k,s) in scene" class="repeatedd-item">
|
||||
|
||||
<div class="well" ng-if="s.type == 'welcome' && !s.params.hide && s.params.kind == 'init'">
|
||||
<h1>Bienvenue au challenge forensic !</h1>
|
||||
<p class="lead text-justify">
|
||||
Avant de vous installer, venez récupérer votre clef USB auprès
|
||||
de notre équipe. Elle contient le certificat qui vous permettra
|
||||
de vous authentifier auprès de notre serveur.
|
||||
</p>
|
||||
<p class="lead text-justify">
|
||||
Une fois connecté au réseau, contactez notre serveur sur :
|
||||
<span style="display: block; font-size: 200%" class="text-center">
|
||||
<a style="font-family: mono" href="https://fic.srs.epita.fr/"><span class="text-info">https://fic.srs.epita.fr/</span></a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-success" ng-if="s.type == 'welcome' && !s.params.hide && s.params.kind == 'countdown'">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title"><strong>Le {{ settings.title }} est sur le point de commencer !</strong></h3>
|
||||
<div class="card" ng-if="s.type == 'welcome' && !s.params.hide && s.params.kind == 'init'">
|
||||
<div class="card-body">
|
||||
<h1>Bienvenue au challenge forensic !</h1>
|
||||
<p class="lead text-justify">
|
||||
Avant de vous installer, venez récupérer votre clef USB auprès
|
||||
de notre équipe. Elle contient le certificat qui vous permettra
|
||||
de vous authentifier auprès de notre serveur.
|
||||
</p>
|
||||
<p class="lead text-justify">
|
||||
Une fois connecté au réseau, contactez notre serveur sur :
|
||||
<span style="display: block; font-size: 200%" class="text-center">
|
||||
<a style="font-family: mono" href="https://fic.srs.epita.fr/"><span class="text-info">https://fic.srs.epita.fr/</span></a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="panel-body text-center" style="font-size: 450%;" ng-if="startIn">{{ startIn }}</div>
|
||||
<div class="panel-body text-center" style="font-size: 450%;" ng-if="!startIn">Go, go, go !</div>
|
||||
</div>
|
||||
|
||||
<div class="well" ng-if="s.type == 'welcome' && !s.params.hide && s.params.kind == 'public'">
|
||||
<h1>Bienvenue au challenge forensic !</h1>
|
||||
<p class="lead text-justify">
|
||||
Durant ce challenge, les équipes doivent remonter des scénarii
|
||||
d'attaques auxquels nos systèmes d'information font faces
|
||||
chaque jour : fuite de données, compromission d'un poste de
|
||||
travail, exploitation de vulnérabilités d'un site web, ...
|
||||
</p>
|
||||
<p class="lead text-justify">
|
||||
Pour valider un challenge, chaque participant va télécharger :
|
||||
soit des journaux d'évènements, des extraits de trafic réseau
|
||||
ou même des copies figées de la mémoire vive de machines
|
||||
malveillantes, pour essayer de comprendre comment l'attaquant a
|
||||
contourné la sécurité de la machine et quelles actions hostiles
|
||||
ont été effectuées.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="well" ng-if="s.type == 'message' && !s.params.hide">
|
||||
<h1 ng-if="s.params.title"><strong>{{ s.params.title }}</strong></h1>
|
||||
<p ng-if="s.params.lead" class="lead text-justify">{{ s.params.lead }}</p>
|
||||
<p ng-bind-html="s.params.html" ng-if="s.params.html"></p>
|
||||
<p ng-if="s.params.text">{{ s.params.text }}</p>
|
||||
</div>
|
||||
|
||||
<div class="panel {{ s.params.kind }}" ng-if="s.type == 'panel' && !s.params.hide">
|
||||
<div class="panel-heading" ng-if="s.params.title">
|
||||
<h3 class="panel-title">{{ s.params.title }}</h3>
|
||||
<div class="card border-success" ng-if="s.type == 'welcome' && !s.params.hide && s.params.kind == 'countdown'">
|
||||
<div class="card-header bg-success text-white">
|
||||
<h3 style="margin:0"><strong>Le {{ settings.title }} est sur le point de commencer !</strong></h3>
|
||||
</div>
|
||||
<div class="panel-body" ng-if="s.params.text">{{ s.params.text }}</div>
|
||||
<div class="panel-body" ng-if="s.params.html" ng-bind-html="s.params.html"></div>
|
||||
<div class="card-body text-center" style="font-size: 450%;" ng-if="startIn">{{ startIn }}</div>
|
||||
<div class="card-body text-center" style="font-size: 450%;" ng-if="!startIn">Go, go, go !</div>
|
||||
</div>
|
||||
|
||||
<div class="well" ng-if="s.type == 'exercice' && !s.params.hide">
|
||||
<p class="lead">
|
||||
<strong>Challenge <em>{{ themes[my.exercices[s.params.exercice].theme_id].exercices[s.params.exercice].title }}</em> du thème {{ themes[my.exercices[s.params.exercice].theme_id].name }}</strong>
|
||||
<small class="authors" ng-if="themes[my.exercices[s.params.exercice].theme_id].authors">par {{ themes[my.exercices[s.params.exercice].theme_id].authors }}</small>
|
||||
</p>
|
||||
<p ng-bind-html="my.exercices[s.params.exercice].statement"></p>
|
||||
<ul class="list-inline">
|
||||
<li>Rapporte <ng-pluralize count="themes[my.exercices[s.params.exercice].theme_id].exercices[s.params.exercice].gain" when="{'0': 'aucun point', 'one': '{} point', 'other': '{} points'}"></ng-pluralize></li>
|
||||
<li><ng-pluralize count="my.exercices[s.params.exercice].files.length" when="{'0': 'Aucun fichier disponible', 'one': '{} fichier disponible', 'other': '{} fichiers disponibles'}"></ng-pluralize></li>
|
||||
<li ng-if="my.exercices[s.params.exercice].hints.length"><ng-pluralize count="my.exercices[s.params.exercice].hints.length" when="{'0': 'Aucun indice disponible', 'one': '{} indice disponible', 'other': '{} indices disponibles'}"></ng-pluralize></li>
|
||||
<li>Tenté par <ng-pluralize count="themes[my.exercices[s.params.exercice].theme_id].exercices[s.params.exercice].tried" when="{'0': 'aucune équipe', 'one': '{} équipe', 'other': '{} équipes'}"></ng-pluralize></li>
|
||||
<li><ng-pluralize count="my.exercices[s.params.exercice].solved_number" when="{'0': 'aucun tentative', 'one': '{} tentative', 'other': '{} tentatives'}"></ng-pluralize></li>
|
||||
<li>Résolu par <ng-pluralize count="themes[my.exercices[s.params.exercice].theme_id].exercices[s.params.exercice].solved" when="{'0': 'aucune équipe', 'one': '{} équipe', 'other': '{} équipes'}"></ng-pluralize></li>
|
||||
</ul>
|
||||
<div class="card" ng-if="s.type == 'welcome' && !s.params.hide && s.params.kind == 'public'">
|
||||
<div class="card-body">
|
||||
<h1>Bienvenue au challenge forensic !</h1>
|
||||
<p class="lead text-justify">
|
||||
Durant ce challenge, les équipes doivent <strong>remonter des scénarii
|
||||
d'attaques</strong> auxquels nos systèmes d'information <strong>font faces
|
||||
chaque jour</strong> : fuite de données, compromission d'un poste de
|
||||
travail, exploitation de vulnérabilités d'un site web, ...
|
||||
</p>
|
||||
<p class="lead text-justify">
|
||||
Pour valider un challenge, chaque participant va télécharger :
|
||||
soit des <strong>journaux d'évènements</strong>, des extraits de trafic réseau
|
||||
ou même des <strong>copies</strong> figées <strong>de la mémoire vive</strong> de machines
|
||||
malveillantes, pour <strong>essayer de comprendre</strong> comment l'attaquant a
|
||||
<strong>contourné la sécurité</strong> de la machine et quelles actions hostiles
|
||||
ont été effectuées.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel" ng-if="s.type == 'table' && !s.params.hide">
|
||||
<div class="card" ng-if="s.type == 'message' && !s.params.hide">
|
||||
<div class="card-body">
|
||||
<h1 ng-if="s.params.title"><strong>{{ s.params.title }}</strong></h1>
|
||||
<p ng-if="s.params.lead" class="lead text-justify">{{ s.params.lead }}</p>
|
||||
<p ng-bind-html="s.params.html" ng-if="s.params.html"></p>
|
||||
<p ng-if="s.params.text">{{ s.params.text }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" ng-if="s.type == 'panel' && !s.params.hide">
|
||||
<div class="card-header {{ s.params.kind }}" ng-if="s.params.title">
|
||||
<h3 style="margin:0">{{ s.params.title }}</h3>
|
||||
</div>
|
||||
<div class="card-body" ng-if="s.params.text">{{ s.params.text }}</div>
|
||||
<div class="card-body" ng-if="s.params.html" ng-bind-html="s.params.html"></div>
|
||||
</div>
|
||||
|
||||
<div class="card" ng-if="s.type == 'exercice' && !s.params.hide">
|
||||
<div class="card-body">
|
||||
<p class="lead">
|
||||
<strong>Challenge <em>{{ themes[my.exercices[s.params.exercice].theme_id].exercices[s.params.exercice].title }}</em> du thème {{ themes[my.exercices[s.params.exercice].theme_id].name }}</strong>
|
||||
<small class="authors" ng-if="themes[my.exercices[s.params.exercice].theme_id].authors">par {{ themes[my.exercices[s.params.exercice].theme_id].authors }}</small>
|
||||
</p>
|
||||
<p ng-bind-html="my.exercices[s.params.exercice].statement"></p>
|
||||
<ul class="list-inline">
|
||||
<li>Rapporte <ng-pluralize count="themes[my.exercices[s.params.exercice].theme_id].exercices[s.params.exercice].gain" when="{'0': 'aucun point', 'one': '{} point', 'other': '{} points'}"></ng-pluralize></li>
|
||||
<li><ng-pluralize count="my.exercices[s.params.exercice].files.length" when="{'0': 'Aucun fichier disponible', 'one': '{} fichier disponible', 'other': '{} fichiers disponibles'}"></ng-pluralize></li>
|
||||
<li ng-if="my.exercices[s.params.exercice].hints.length"><ng-pluralize count="my.exercices[s.params.exercice].hints.length" when="{'0': 'Aucun indice disponible', 'one': '{} indice disponible', 'other': '{} indices disponibles'}"></ng-pluralize></li>
|
||||
<li>Tenté par <ng-pluralize count="themes[my.exercices[s.params.exercice].theme_id].exercices[s.params.exercice].tried" when="{'0': 'aucune équipe', 'one': '{} équipe', 'other': '{} équipes'}"></ng-pluralize></li>
|
||||
<li><ng-pluralize count="my.exercices[s.params.exercice].solved_number" when="{'0': 'aucun tentative', 'one': '{} tentative', 'other': '{} tentatives'}"></ng-pluralize></li>
|
||||
<li>Résolu par <ng-pluralize count="themes[my.exercices[s.params.exercice].theme_id].exercices[s.params.exercice].solved" when="{'0': 'aucune équipe', 'one': '{} équipe', 'other': '{} équipes'}"></ng-pluralize></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" ng-if="s.type == 'table' && !s.params.hide">
|
||||
<table class="table table-bordered table-striped table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
@ -147,7 +148,7 @@
|
|||
</table>
|
||||
</div>
|
||||
|
||||
<div class="panel" ng-if="s.type == 'rank' && !s.params.hide">
|
||||
<div class="card" ng-if="s.type == 'rank' && !s.params.hide">
|
||||
<table class="table table-bordered table-striped table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
@ -169,7 +170,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<div class="col-4">
|
||||
|
||||
<div ng-controller="EventsController">
|
||||
<div ng-repeat="e in events | limitTo: 7" class="repeated-item">
|
||||
|
|
@ -179,7 +180,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="box-shadow: 0px -5px 5px 5px #272b30; position: fixed; bottom: calc(14vh - 1px); right: 0; width: 33vw;" class="navbar navbar-inverse" ng-controller="TimeController">
|
||||
<div style="box-shadow: 0px -5px 5px 5px #e9ecef; position: fixed; bottom: calc(14vh - 1px); right: 0; width: 33vw;" class="navbar navbar-inverse" ng-controller="TimeController">
|
||||
<div class="text-center" ng-if="time.hours === 0 || time.hours" style="margin-top: -5px;">
|
||||
<div id="clock" ng-class="{expired: time.expired, end: time.end}" style="font-size: 50px" ng-cloak>
|
||||
<span id="hours">{{ time.hours | time }}</span>
|
||||
|
|
@ -199,30 +200,29 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: fixed; bottom: 0; right: 0; width: 33vw; height: 14vh" class="navbar navbar-inverse">
|
||||
<div class="carousel slide" id="carousel-logos" data-ride="carousel">
|
||||
<div style="position: fixed; bottom: 0; right: 0; width: 33vw; height: 14vh" class="bg-primary">
|
||||
<div class="carousel slide" id="carousel-logos" data-ride="carousel" data-interval="10500">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<div class="carousel-item active">
|
||||
<div class="carousel-caption">
|
||||
<a href="http://www.epita.fr/"><img src="/img/epita.png" alt="Epita" style="width:30%"></a>
|
||||
<a href="https://srs.epita.fr/"><img src="/img/srs.png" alt="Laboratoire SRS" style="width:30%"></a>
|
||||
<img src="/img/rcc.png" alt="Réserve Citoyenne Cyberdéfense" style="width:30%">
|
||||
<a href="http://www.epita.fr/"><img src="/img/epita.png" alt="Epita" style="max-height:14vh"></a>
|
||||
<img src="/img/rcc.png" alt="Réserve Citoyenne Cyberdéfense" style="height:14vh">
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="carousel-caption" style="padding: 0 10px">
|
||||
<div class="carousel-item">
|
||||
<div class="carousel-caption">
|
||||
<h2>Bienvenue au challenge forensic !</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="carousel-item">
|
||||
<div class="carousel-caption">
|
||||
<p class="text-justify text-bold" style="padding: 20px 16px; font-size: 111%">
|
||||
<p class="text-justify text-bold" style="padding: 5px 16px; font-size: 111%">
|
||||
Ce challenge met en scène des scénarii d'attaques auxquels
|
||||
nos systèmes d'information font faces chaque jour.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="carousel-item">
|
||||
<div class="carousel-caption">
|
||||
<p class="text-justify text-bold" style="padding: 20px 16px; font-size: 111%">
|
||||
Les 42 équipes doivent, en 4 heures, retracer les attaques à la
|
||||
|
|
@ -230,28 +230,28 @@
|
|||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="carousel-caption row" style="padding: 12px">
|
||||
<div class="col-xs-4">
|
||||
<a href="https://www.epita.fr/"><img src="/img/epita.png" alt="Épita" style="height: 10vh"></a>
|
||||
<div class="carousel-item">
|
||||
<div class="carousel-caption row" style="padding: 10px">
|
||||
<div class="col-4">
|
||||
<a href="https://srs.epita.fr/"><img src="/img/srs.png" alt="Laboratoire SRS" style="height:12vh"></a>
|
||||
</div>
|
||||
<p class="col-xs-8 text-bold" style="font-size: 111%">
|
||||
<p class="col-8 text-bold" style="font-size: 111%">
|
||||
Les challenges ont été réalisés par les étudiants de la
|
||||
spécialisation SRS de l'Épita
|
||||
spécialisation SRS de l'Épita.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="carousel-item">
|
||||
<div class="carousel-caption row" style="padding: 12px">
|
||||
<div class="col-xs-4">
|
||||
<div class="col-4">
|
||||
<img src="/img/rcc.png" alt="Réserve Citoyenne Cyberdéfense" style="max-width:100%; max-height: 11vh">
|
||||
</div>
|
||||
<p class="col-xs-8 text-bold" style="padding: 10px 10px 10px 0; font-size: 111%">
|
||||
<p class="col-8 text-bold" style="padding: 10px 10px 10px 0; font-size: 111%">
|
||||
Avec le parrainage du réseau de la Réserve Citoyenne Cyberdéfense
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="carousel-item">
|
||||
<div class="carousel-caption" style="padding: 3px 25px; width: 32vw;">
|
||||
<table class="table table-bordered table-condensed table-striped">
|
||||
<tbody>
|
||||
|
|
@ -275,10 +275,10 @@
|
|||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="carousel-item">
|
||||
<div class="carousel-caption row" style="padding: 12px">
|
||||
<p class="text-bold" style="padding: 5px; font-size: 105%">
|
||||
Retrouvez la correction des challenges dès demain sur :
|
||||
<p class="text-bold" style="padding: 5px;">
|
||||
Retrouvez les solutions des challenges dès demain sur :
|
||||
<span style="display: block; font-size: 150%" class="text-center">
|
||||
<a style="font-family: mono" href="https://fic.srs.epita.fr/"><span class="text-info">https://fic.srs.epita.fr/</span></a>
|
||||
</span>
|
||||
|
|
@ -295,6 +295,7 @@
|
|||
</div>
|
||||
|
||||
<script src="/js/jquery.min.js"></script>
|
||||
<script src="/js/popper.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
<script src="/js/angular-animate.min.js"></script>
|
||||
<script src="/js/angular-route.min.js"></script>
|
||||
|
|
@ -302,10 +303,5 @@
|
|||
<script src="/js/i18n/angular-locale_fr-fr.js"></script>
|
||||
<script src="/js/public.js"></script>
|
||||
<script src="/js/common.js"></script>
|
||||
<script>
|
||||
$(".carousel").carousel({
|
||||
interval: 21000
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Reference in a new issue