Adds support for preview images for publications

_bibliography/papers.bib

@@ -8,7 +8,8 @@ @book{einstein1956investigations
   title={Investigations on the Theory of the Brownian Movement},
   author={Einstein, Albert},
   year={1956},
-  publisher={Courier Corporation,}
+  publisher={Courier Corporation,},
+  preview={brownian-motion.gif},
 }
 
 @article{einstein1950meaning,

_config.yml

@@ -231,7 +231,7 @@ scholar:
 
   query: "@*"
 
-filtered_bibtex_keywords: [abbr, abstract, arxiv, bibtex_show, html, pdf, selected, supp, blog, code, poster, slides, website] # Filter out certain bibtex entry keywords used internally from the bib output
+filtered_bibtex_keywords: [abbr, abstract, arxiv, bibtex_show, html, pdf, selected, supp, blog, code, poster, slides, website, teaser] # Filter out certain bibtex entry keywords used internally from the bib output
 
 # -----------------------------------------------------------------------------
 # Responsive WebP Images

_layouts/bib.html

@@ -2,8 +2,14 @@
 ---
 <!-- _layouts/bib.html -->
       <div class="row">
-        <div class="col-sm-2 abbr">
-        {%- if entry.abbr -%}
+        <div class="col-sm-3 {% if entry.preview %} preview{% else %} abbr{% endif %}">
+        {%- if entry.preview -%}
+          {% if entry.preview contains '://' -%}
+          <img class="preview" src="{{ entry.preview }}">
+          {%- else -%}
+          <img class="preview" src="{{ entry.preview | prepend: '/assets/img/publication_preview/' | relative_url }}">
+          {%- endif -%}
+        {%- elsif entry.abbr -%}
           {%- if site.data.venues[entry.abbr] -%}
           <abbr class="badge"><a href="{{site.data.venues[entry.abbr].url}}">{{entry.abbr}}</a></abbr>
           {%- else -%}

_sass/_base.scss

@@ -461,9 +461,13 @@ footer.sticky-bottom {
 
     li {
       margin-bottom: 1rem;
+      .preview {
+        width: 100%;
+      }
       .abbr {
         height: 2rem;
         margin-bottom: 0.5rem;
+        font-size: large;
         abbr {
           display: inline-block;
           background-color: var(--global-theme-color);