frontend: resize heading pictures as thumb file

This commit is contained in:
nemunaire 2020-01-28 14:02:56 +01:00
parent b387f011d8
commit 0bc42282aa
4 changed files with 14 additions and 4 deletions

View file

@ -331,7 +331,7 @@ img {
margin-bottom: -15rem;
}
.page-header h1 {
text-shadow: 0 0 5px rgba(255,255,255,0.9)
text-shadow: 0 0 15px rgba(255,255,255,0.95), 0 0 5px rgb(255,255,255)
}
.page-header h1, .page-header h1 a {
color: black;

View file

@ -134,7 +134,7 @@
<div style="background-image: url({{ themes[current_theme].image }})" ng-if="(current_theme)" class="page-header">
<div class="container text-primary" ng-cloak>
<h1><a ng-href="{{ themes[current_theme].urlid }}" ng-bind="themes[current_theme].name"></a></h1>
<h1 class="display-2"><a ng-href="{{ themes[current_theme].urlid }}" ng-bind="themes[current_theme].name"></a></h1>
<h2 ng-bind-html="themes[current_theme].authors"></h2>
</div>
<div class="headerfade"></div>

View file

@ -16,7 +16,7 @@
<div class="card-columns">
<div class="card niceborder excard" ng-repeat="(k,theme) in themes" ng-click="goTheme()" ng-class="{'border-success': my.team_id && theme.solved > 0, 'border-warning': theme.exercice_coeff_max > 1}">
<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.substr(0, theme.image.length-3) }}thumb.jpg)"></div>
<div class="card-body text-indent">
<h5 class="card-title">
<a ng-href="{{ theme.urlid }}">{{ theme.name }}</a>