From c43bafa21b746a0f29583c7f478a309e0faa666d Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sun, 25 Nov 2018 05:00:18 +0100
Subject: [PATCH] frontend: cap the size of heading image

---
 frontend/static/css/fic.css     | 9 +++++++++
 frontend/static/views/home.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/static/css/fic.css b/frontend/static/css/fic.css
index 34258b0a..6e5d8319 100644
--- a/frontend/static/css/fic.css
+++ b/frontend/static/css/fic.css
@@ -31,6 +31,15 @@ body {
     background-size: cover;
 }
 
+.card-img-top {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+.theme-card {
+    height: 10rem;
+}
+
 .beautiful {
     font-family: "Linux Biolinum",Helvetica,Arial,sans-serif;
 }
diff --git a/frontend/static/views/home.html b/frontend/static/views/home.html
index e31aa2a2..5c9ea626 100644
--- a/frontend/static/views/home.html
+++ b/frontend/static/views/home.html
@@ -10,7 +10,7 @@
 
 <div class="card-columns">
   <div class="card" ng-repeat="(k,theme) in themes">
-    <img class="card-img-top" src="{{ theme.image }}" alt="">
+    <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">
 	<a ng-href="/{{ theme.urlid }}">{{ theme.name }}</a>