From 05e7b966237c6ad1d1326cedd730ed393b5af772 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Tue, 14 Nov 2017 19:10:12 +0100
Subject: UI: welcome page

---
 ishtar_common/utils.py | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

(limited to 'ishtar_common/utils.py')

diff --git a/ishtar_common/utils.py b/ishtar_common/utils.py
index 5d9e85c60..db7a3640a 100644
--- a/ishtar_common/utils.py
+++ b/ishtar_common/utils.py
@@ -155,20 +155,24 @@ def _get_image_link(item):
     if not item.thumbnail or not item.thumbnail.url:
         return ""
     return mark_safe(u"""
-    <div class="welcome-image">
-        <img src="{}"/><br/>
-        <em>{} - {}</em>
-        <a href="#" onclick="load_window(\'{}\')">
-          <i class="fa fa-info-circle" aria-hidden="true"></i>
-        </a>
-        <a href="." title="{}">
-            <i class="fa fa-random" aria-hidden="true"></i>
-        </a><br/>
+    <div class="card">
+        <img class="card-img-top" src="{}"/>
+        <div class="card-body">
+            <h4 class="card-title">{}</h4>
+            <p class="card-text">{}</p>
+            <a href="#" onclick="load_window(\'{}\')" class="btn btn-info">
+                <i class="fa fa-info-circle" aria-hidden="true"></i> {}
+            </a>
+            <a href="." title="{}" class="btn btn-secondary">
+                <i class="fa fa-random" aria-hidden="true"></i>
+            </a><br/>
+        </div>
     </div>""".format(
         item.thumbnail.url,
         unicode(item.__class__._meta.verbose_name),
         unicode(item),
         reverse(item.SHOW_URL, args=[item.pk, '']),
+        unicode(_(u"Information")),
         unicode(_(u"Load another random image?"))))
 
 
-- 
cgit v1.2.3