fixup! fixup! WIP esthetic changes

This commit is contained in:
nemunaire 2017-01-15 23:56:28 +01:00
commit 78ce24f3f7
5 changed files with 37 additions and 31 deletions

View file

@ -20,7 +20,7 @@
<base href="/">
<script src="/js/angular.min.js"></script>
</head>
<body style="overflow: hidden" ng-controller="DataController">
<body style="overflow: hidden;" ng-controller="DataController">
<noscript>
<div class="alert alert-danger">
@ -28,27 +28,34 @@
</div>
</noscript>
<div class="navbar navbar-default" ng-controller="TimeController" style="position:relative;z-index:1;">
<div class="navbar navbar-default" ng-controller="TimeController" style="box-shadow: 0px 10px 10px 0px #313539; position:fixed; top:0; width:100vw; z-index:1;">
<div class="container">
<div class="row">
<div class="navbar-header col-sm-2">
<div class="navbar-header" style="width: 100px">
<a href="/">
<img src="/img/fic.png" alt="Forum International de la Cybersécurité">
<img src="/img/fic.png" alt="Forum International de la Cybersécurité" class="center-block">
</a>
</div>
<div class="navbar-right col-sm-2">
<div class="navbar-right" style="width: 100px">
<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" ng-class="{expired: time.expired, end: time.end}" ng-show="time.hours === 0 || time.hours">
<span id="hours">{{ time.hours | time }}</span>
<span class="point">:</span>
<span id="min">{{ time.minutes | time }}</span>
<span class="point">:</span>
<span id="sec">{{ time.seconds | time }}</span>
<div class="text-center" ng-show="time.hours === 0 || time.hours" style="margin-top: -5px; ">
<div id="clock" ng-class="{expired: time.expired, end: time.end}">
<span id="hours">{{ time.hours | time }}</span>
<span class="point">:</span>
<span id="min">{{ time.minutes | time }}</span>
<span class="point">:</span>
<span id="sec">{{ time.seconds | time }}</span>
</div>
<div style="font-size: 18px; margin-top: -15px; text-shadow: 0 0 6px #446688;">
<span ng-show="!time.end && time.duration != time.remaining">Temps restant du challenge forensic</span>
<span ng-show="!time.end && time.duration == time.remaining">Le challenge forensic va bientôt commencer&nbsp;!</span>
<span ng-show="time.end">Le challenge forensic est terminé&nbsp;!</span>
</div>
</div>
<div id="clock" class="col-sm-7" ng-show="!(time.hours === 0 || time.hours)">
<div id="clock" class="col-sm-8" ng-show="!(time.hours === 0 || time.hours)">
{{ time.start | date:"shortDate" }}
</div>
</div>
@ -59,37 +66,38 @@
Bandeau Twitter catchant #FIC2016
</div-->
<div class="text-justify" style="margin: 10px;">
<div class="container-fluid text-justify" style="margin-top: 110px; padding: 10px; width: 99%">
<div class="row">
<div class="col-sm-8">
<div ng-repeat="(k,s) in scene" class="repeatedd-item">
<div class="well" ng-show="s.type == 'welcome' && !s.go">
<h1>Bienvenue au challenge forensic !</h1>
<div class="well" ng-show="true || s.type == 'welcome' && !s.go">
<h1>Bienvenue au challenge forensic&nbsp;!</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, vous pouvez accéder au serveur à :
Une fois connecté au réseau, vous pouvez accéder au serveur à&nbsp;:
<span style="display: block; font-size: 200%" class="text-center">
<a 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-show="s.type == 'welcome' && s.go == 1 && startIn">
<div class="panel panel-success" ng-show="true || s.type == 'welcome' && s.go == 1 && startIn">
<div class="panel-heading">
<h3 class="panel-title"><strong>Le challenge forensic 2017 est sur le point de démarrer !</strong></h3>
<h3 class="panel-title"><strong>Le challenge forensic 2017 est sur le point de démarrer&nbsp;!</strong></h3>
</div>
<div class="panel-body text-center point" style="font-size: 350%;">{{ startIn }}</div>
<div class="panel-body text-center" style="font-size: 450%;" ng-show="startIn">{{ startIn }}</div>
<div class="panel-body text-center" style="font-size: 450%;" ng-show="!startIn">Go, go, go&nbsp;!</div>
</div>
<div class="well" ng-show="s.type == 'welcome' && s.go == 2">
<h1>Bienvenue au challenge forensic !</h1>
<div class="well" ng-show="true || s.type == 'welcome' && s.go == 2">
<h1>Bienvenue au challenge forensic&nbsp;!</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