Add fallback image (fixes opengaming#2102)

RoyVB-Git · May 13, 2023 · 70c2756 · 70c2756
1 parent a4fa236
commit 70c2756
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/static/main.css b/static/main.css
@@ -14,6 +14,21 @@ pre { margin: 0 0 1em 1em; overflow: auto; }
   text-align: center;
   vertical-align: middle;
 }
+/* Fallback image style */
+img.thumb::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: #999;
+  text-align: center;
+  line-height: 2;
+  display: block;
+  width: 96px;
+  height: 64px;
+  overflow: hidden;
+}
 .fa.thumb-icon {
   height: 64px;
   width: 96px;

diff --git a/templates/games.html b/templates/games.html
@@ -131,7 +131,7 @@
               href="{{ imageUrl }}"
               data-fancybox="gallery-{{ game['name'] }}"
             >
-              <img class="thumb" src="{{ imageUrl }}" itemprop="image" alt="{{ game['name'] }}">
+              <img class="thumb fa-solid fa-image" src="{{ imageUrl }}" itemprop="image" alt="{{ game['name'] }}">
             </a>
           {% endfor %}
         </script>