From 33f29dd3bca1aa35d1459b63c447b83eef01e70d Mon Sep 17 00:00:00 2001
From: Zuhair AlSader <zalsader@hotmail.com>
Date: Sat, 4 Feb 2023 21:16:23 -0500
Subject: [PATCH] Use figure for bib entry preview (#1152)

This makes sure that the image is resized per media type by imagemagick.
The result is still a bit too big (1400 width on desktop), but better
than nothing.

Signed-off-by: Zuhair AlSader <zalsader@hotmail.com>
---
 _layouts/bib.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/_layouts/bib.html b/_layouts/bib.html
index 718570a98d5c..7629cbd4e693 100644
--- a/_layouts/bib.html
+++ b/_layouts/bib.html
@@ -7,7 +7,11 @@
           {% if entry.preview contains '://' -%}
           <img class="preview z-depth-1 rounded" src="{{ entry.preview }}">
           {%- else -%}
-          <img class="preview z-depth-1 rounded" src="{{ entry.preview | prepend: '/assets/img/publication_preview/' | relative_url }}">
+            {%- assign entry_path = entry.preview | prepend: '/assets/img/publication_preview/' -%}
+            {% include figure.html 
+            path=entry_path 
+            class="preview z-depth-1 rounded"
+            alt=entry.preview -%}
           {%- endif -%}
         {%- elsif entry.abbr -%}
           {%- if site.data.venues[entry.abbr] -%}