frontend: css: add bottom border to most of cards and jumboframe
This commit is contained in:
parent
a06a256c21
commit
cf290732dc
@ -60,7 +60,7 @@ body {
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.navbar.niceborder {
|
||||
.niceborder {
|
||||
border-bottom: 5px #4eaee6 solid;
|
||||
}
|
||||
.navbar img {
|
||||
|
@ -82,7 +82,7 @@
|
||||
<a class="nav-link dropdown-toogle" href="#" id="themesMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Scénarii
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu niceborder">
|
||||
<a ng-repeat="(k,theme) in themes" ng-class="{active: k == current_theme}" class="dropdown-item" ng-href="/{{ theme.urlid }}">{{ theme.name }} <span class="badge badge-light"><span class="glyphicon glyphicon-fire" aria-hidden="true" ng-if="max_solved > 1 && theme.solved == max_solved" alt="Déjà {{ theme.solved }} challenges résolus dans ce thème"></span> <span class="glyphicon glyphicon-gift" aria-hidden="true" ng-if="theme.exercice_coeff_max > 1" alt="Des bonus existent pour au moins un challenge de ce thème"></span> <span ng-if="(my.team_id)">{{ theme.exercice_solved }}/</span>{{ theme.exercice_count }}</span></a>
|
||||
</div>
|
||||
</li>
|
||||
@ -90,7 +90,7 @@
|
||||
<a class="nav-link dropdown-toogle" href="#" id="tagsMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Tags
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu niceborder">
|
||||
<a ng-repeat="(tname,tag) in tags" ng-class="{active: tname == current_tag}" class="dropdown-item" ng-href="/tags/{{ tname }}">#{{ tname }} <span class="badge badge-light"><span ng-if="(my.team_id)">{{ tag.solved }}/</span>{{ tag.count }}</span></a>
|
||||
</div>
|
||||
</li>
|
||||
|
@ -19,10 +19,10 @@
|
||||
<div class="alert alert-warning mt-3" ng-if="!(my.exercices[current_exercice])">
|
||||
Vous n'avez pas encore accès à cet exercice.
|
||||
</div>
|
||||
<div class="jumbotron text-indent mt-3" ng-if="!(my.exercices[current_exercice])">
|
||||
<div class="jumbotron niceborder text-indent mt-3" ng-if="!(my.exercices[current_exercice])">
|
||||
<p class="lead text-justify" ng-bind-html="themes[current_theme].intro"></p>
|
||||
</div>
|
||||
<div class="jumbotron text-indent mt-3" ng-if="(my.exercices[current_exercice])">
|
||||
<div class="jumbotron niceborder text-indent mt-3" ng-if="(my.exercices[current_exercice])">
|
||||
<h3 class="display-4">{{ themes[current_theme].exercices[current_exercice].title }}</h3>
|
||||
<a ng-href="/tags/{{tag}}" class="badge badge-pill badge-secondary mr-2 mb-2" ng-repeat="tag in themes[current_theme].exercices[current_exercice].tags">#{{ tag }}</a>
|
||||
<p class="lead text-justify" ng-bind-html="my.exercices[current_exercice].statement"></p>
|
||||
@ -73,7 +73,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl mb-5">
|
||||
<div class="col-xl mb-5" ng-controller="SubmissionController">
|
||||
<div class="card border-danger" ng-if="my.exercices[current_exercice] && !(my.exercices[current_exercice].solved)">
|
||||
<div class="card-header bg-danger text-white">
|
||||
<span class="glyphicon glyphicon-flag" aria-hidden="true"></span> Faire son rapport
|
||||
@ -83,7 +83,7 @@
|
||||
<li class="list-group-item" ng-class="messageClass" ng-if="my.exercices[current_exercice].submitted || sberr"><strong ng-if="!sberr">Votre solution a bien été envoyée !</strong><strong ng-if="sberr">{{ sberr }}</strong> {{ message }}</li>
|
||||
</ul>
|
||||
<div class="card-body" ng-if="!my.exercices[current_exercice].submitted || sberr">
|
||||
<form ng-controller="SubmissionController" ng-submit="ssubmit()">
|
||||
<form ng-submit="ssubmit()">
|
||||
<div class="form-group" ng-repeat="(kid,key) in my.exercices[current_exercice].flags">
|
||||
<label for="sol_{{ kid }}">{{ key.label }} :</label>
|
||||
<input type="text" class="form-control" id="sol_{{ kid }}" autocomplete="off" name="sol_{{ kid }}" ng-model="key.value" ng-if="!key.found && !key.choices">
|
||||
|
@ -1,7 +1,7 @@
|
||||
<div class="alert alert-danger" ng-if="!(my.team_id)">
|
||||
<strong>Attention :</strong> puisqu'il s'agit de captures effectuées dans le but de découvrir si des actes malveillants ont été commis sur différents systèmes d'information, les contenus qui sont téléchargeables <em>peuvent</em> contenir du contenu malveillant !
|
||||
</div>
|
||||
<div class="alert alert-primary text-justify" ng-if="(my.team_id)">
|
||||
<div class="alert text-justify" ng-if="(my.team_id)" style="background-color: #4eaee6;">
|
||||
<strong>Félicitations <span ng-repeat="member in my.members"><span ng-if="$last && !$first"> et </span><span ng-if="$middle">, </span>{{ member.firstname | capitalize }} {{ member.lastname | capitalize }}</span> !</strong> vous êtes maintenant connecté à l'espace de votre équipe <em>{{ teams[my.team_id].name }}</em>. Vous pouvez changer ce nom dès maintenant en vous rendant sur la page de <a href="/edit">votre équipe</a>.
|
||||
</div>
|
||||
<div class="alert alert-warning text-justify" ng-if="(my.team_id && !my.members.length)">
|
||||
@ -9,7 +9,7 @@
|
||||
</div>
|
||||
|
||||
<div class="card-columns">
|
||||
<div class="card" ng-repeat="(k,theme) in themes">
|
||||
<div class="card niceborder" ng-repeat="(k,theme) in themes">
|
||||
<div class="card-img-top theme-card" ng-show="theme.image" style="background-image: url({{ theme.image }})"></div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="card bg-primary text-light">
|
||||
<div class="card niceborder bg-primary text-light">
|
||||
<div class="card-body">
|
||||
<input type="search" class="form-control" placeholder="Rechercher" ng-model="query">
|
||||
</div>
|
||||
|
@ -1,5 +1,5 @@
|
||||
<div class="card-group text-justify mb-5">
|
||||
<div class="card">
|
||||
<div class="card niceborder">
|
||||
<div class="card-body text-indent">
|
||||
<h2>Débloquage des challenges</h2>
|
||||
<p>
|
||||
@ -68,7 +68,7 @@
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card niceborder">
|
||||
<div class="card-body text-indent">
|
||||
<p>
|
||||
Par exemple :
|
||||
|
@ -1,5 +1,5 @@
|
||||
<div class="card-columns">
|
||||
<div class="card" ng-repeat="ex in exercices">
|
||||
<div class="card niceborder" ng-repeat="ex in exercices">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">
|
||||
<a ng-href="/{{ex.theme.urlid}}">{{ex.theme.name}}</a> >
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="card">
|
||||
<div class="card niceborder">
|
||||
<div class="card-header">Votre équipe est composée de :</div>
|
||||
<div class="card-body" ng-if="!my.members.length">
|
||||
Passez voir l'équipe serveur pour compléter ces informations.
|
||||
|
@ -1,9 +1,9 @@
|
||||
<div class="jumbotron text-indent mt-2 mb-4">
|
||||
<div class="jumbotron niceborder text-indent mt-2 mb-4">
|
||||
<p class="lead text-justify" ng-bind-html="themes[current_theme].intro"></p>
|
||||
</div>
|
||||
|
||||
<div class="card-group mb-5">
|
||||
<div class="card" ng-repeat="(k,exercice) in themes[current_theme].exercices">
|
||||
<div class="card niceborder" ng-repeat="(k,exercice) in themes[current_theme].exercices">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">
|
||||
<a ng-href="/{{ themes[current_theme].urlid }}/{{ themes[current_theme].exercices[k].urlid }}" ng-if="my.exercices[k]">
|
||||
|
Loading…
Reference in New Issue
Block a user