From ce90f06e1e6cec4ba6ca6bee31163ee7d3e89c70 Mon Sep 17 00:00:00 2001
From: Florian Festi <florian@festi.info>
Date: Sun, 24 May 2020 13:52:24 +0200
Subject: [PATCH] Show image underneath the settings

just before the long description (if there is one)
---
 scripts/boxesserver | 7 +++++++
 static/self.css     | 1 +
 2 files changed, 8 insertions(+)

diff --git a/scripts/boxesserver b/scripts/boxesserver
index d82157e..2e72e76 100755
--- a/scripts/boxesserver
+++ b/scripts/boxesserver
@@ -263,6 +263,13 @@ class BServer:
 <div class="clear"></div>
 <hr />
 """)
+        no_img_msg = _('There is no image yet. Please donate an image of your project on <a href=&quot;https://github.com/florianfesti/boxes/issues/140&quot;>GitHub</a>!')
+
+        result.append(f'''<div>
+<img src="static/samples/{box.__class__.__name__}.jpg" width="100%" onerror="this.parentElement.innerHTML = '{no_img_msg}';"/>
+</div>
+''')
+
         if box.description:
             result.append(markdown.markdown(_(box.description)))
         result.append("""
diff --git a/static/self.css b/static/self.css
index 61c5fae..3f359ff 100644
--- a/static/self.css
+++ b/static/self.css
@@ -76,6 +76,7 @@ table {
      margin-left: auto;
      margin-right: auto;
      padding: 10px;
+     padding-bottom: 15px;
      width: 996px;
      -webkit-border-radius: 30px;
 	border-radius: 30px;