frontend: css: add bottom border to most of cards and jumboframe

This commit is contained in:
nemunaire 2018-12-02 00:45:22 +01:00
parent a06a256c21
commit cf290732dc
9 changed files with 16 additions and 16 deletions

View File

@ -60,7 +60,7 @@ body {
.navbar { .navbar {
margin-bottom: 0; margin-bottom: 0;
} }
.navbar.niceborder { .niceborder {
border-bottom: 5px #4eaee6 solid; border-bottom: 5px #4eaee6 solid;
} }
.navbar img { .navbar img {

View File

@ -82,7 +82,7 @@
<a class="nav-link dropdown-toogle" href="#" id="themesMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="nav-link dropdown-toogle" href="#" id="themesMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Scénarii Scénarii
</a> </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> <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> </div>
</li> </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"> <a class="nav-link dropdown-toogle" href="#" id="tagsMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Tags Tags
</a> </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> <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> </div>
</li> </li>

View File

@ -19,10 +19,10 @@
<div class="alert alert-warning mt-3" ng-if="!(my.exercices[current_exercice])"> <div class="alert alert-warning mt-3" ng-if="!(my.exercices[current_exercice])">
Vous n'avez pas encore accès à cet exercice. Vous n'avez pas encore accès à cet exercice.
</div> </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> <p class="lead text-justify" ng-bind-html="themes[current_theme].intro"></p>
</div> </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> <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> <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> <p class="lead text-justify" ng-bind-html="my.exercices[current_exercice].statement"></p>
@ -73,7 +73,7 @@
</div> </div>
</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 border-danger" ng-if="my.exercices[current_exercice] && !(my.exercices[current_exercice].solved)">
<div class="card-header bg-danger text-white"> <div class="card-header bg-danger text-white">
<span class="glyphicon glyphicon-flag" aria-hidden="true"></span> Faire son rapport <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> <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> </ul>
<div class="card-body" ng-if="!my.exercices[current_exercice].submitted || sberr"> <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"> <div class="form-group" ng-repeat="(kid,key) in my.exercices[current_exercice].flags">
<label for="sol_{{ kid }}">{{ key.label }}&nbsp;:</label> <label for="sol_{{ kid }}">{{ key.label }}&nbsp;:</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"> <input type="text" class="form-control" id="sol_{{ kid }}" autocomplete="off" name="sol_{{ kid }}" ng-model="key.value" ng-if="!key.found && !key.choices">

View File

@ -1,7 +1,7 @@
<div class="alert alert-danger" ng-if="!(my.team_id)"> <div class="alert alert-danger" ng-if="!(my.team_id)">
<strong>Attention&nbsp;:</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&nbsp;! <strong>Attention&nbsp;:</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&nbsp;!
</div> </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>&nbsp;!</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>. <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>&nbsp;!</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>
<div class="alert alert-warning text-justify" ng-if="(my.team_id && !my.members.length)"> <div class="alert alert-warning text-justify" ng-if="(my.team_id && !my.members.length)">
@ -9,7 +9,7 @@
</div> </div>
<div class="card-columns"> <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-img-top theme-card" ng-show="theme.image" style="background-image: url({{ theme.image }})"></div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">

View File

@ -1,4 +1,4 @@
<div class="card bg-primary text-light"> <div class="card niceborder bg-primary text-light">
<div class="card-body"> <div class="card-body">
<input type="search" class="form-control" placeholder="Rechercher" ng-model="query"> <input type="search" class="form-control" placeholder="Rechercher" ng-model="query">
</div> </div>

View File

@ -1,5 +1,5 @@
<div class="card-group text-justify mb-5"> <div class="card-group text-justify mb-5">
<div class="card"> <div class="card niceborder">
<div class="card-body text-indent"> <div class="card-body text-indent">
<h2>Débloquage des challenges</h2> <h2>Débloquage des challenges</h2>
<p> <p>
@ -68,7 +68,7 @@
</table> </table>
</div> </div>
</div> </div>
<div class="card"> <div class="card niceborder">
<div class="card-body text-indent"> <div class="card-body text-indent">
<p> <p>
Par exemple&nbsp;: Par exemple&nbsp;:

View File

@ -1,5 +1,5 @@
<div class="card-columns"> <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"> <div class="card-body">
<h6 class="card-title"> <h6 class="card-title">
<a ng-href="/{{ex.theme.urlid}}">{{ex.theme.name}}</a> &gt; <a ng-href="/{{ex.theme.urlid}}">{{ex.theme.name}}</a> &gt;

View File

@ -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-header">Votre équipe est composée de :</div>
<div class="card-body" ng-if="!my.members.length"> <div class="card-body" ng-if="!my.members.length">
Passez voir l'équipe serveur pour compléter ces informations. Passez voir l'équipe serveur pour compléter ces informations.

View File

@ -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> <p class="lead text-justify" ng-bind-html="themes[current_theme].intro"></p>
</div> </div>
<div class="card-group mb-5"> <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"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">
<a ng-href="/{{ themes[current_theme].urlid }}/{{ themes[current_theme].exercices[k].urlid }}" ng-if="my.exercices[k]"> <a ng-href="/{{ themes[current_theme].urlid }}/{{ themes[current_theme].exercices[k].urlid }}" ng-if="my.exercices[k]">