Fix 2

Author: Grufoony

_includes/citation.html

@@ -28,12 +28,14 @@
   <div class="citation">
     {% if include.style == "rich" %}
       {% if citation_pdf %}
-        <div
+        <a
+          href="{{ citation_pdf | relative_url | uri_escape }}"
+          target="_blank"
           class="citation-image"
-          aria-label="{{ citation.title | default: "citation preview" | regex_strip }}"
+          aria-label="{{ citation.title | default: "citation pdf" | regex_strip }}"
         >
           {% include pdf-preview.html pdf=citation_pdf image=citation.image title=citation.title %}
-        </div>
+        </a>
       {% else %}
         <a
           {% if citation.link %}

_includes/pdf-preview.html

@@ -1,14 +1,8 @@
 {% if include.pdf %}
-  <object
-    data="{{ include.pdf | relative_url | uri_escape }}#page=1&view=FitH"
-    type="application/pdf"
-    aria-label="{{ include.title | default: 'PDF preview' | regex_strip }}"
+  <img
+    src="{{ include.image | relative_url | uri_escape }}"
+    alt="{{ include.title | default: 'preview image' | regex_strip }}"
+    loading="lazy"
+    {% include fallback.html %}
   >
-    <img
-      src="{{ include.image | relative_url | uri_escape }}"
-      alt="{{ include.title | default: 'preview image' | regex_strip }}"
-      loading="lazy"
-      {% include fallback.html %}
-    >
-  </object>
 {% endif %}

_includes/poster-list.html

@@ -2,9 +2,9 @@
 {% for poster in posters %}
 <div class="citation-container">
   <div class="citation">
-    <div class="citation-image" aria-label="{{ poster.title | default: 'poster preview' | regex_strip }}">
+    <a href="{{ poster.pdf | relative_url }}" target="_blank" class="citation-image" aria-label="{{ poster.title | default: 'poster pdf' | regex_strip }}">
       {% include pdf-preview.html pdf=poster.pdf image=poster.image title=poster.title %}
-    </div>
+    </a>
     <div class="citation-text">
       {% include icon.html icon="fa-solid fa-chalkboard" %}
       <a href="{{ poster.pdf | relative_url }}" target="_blank" class="citation-title">{{ poster.title }}</a>

_styles/citation.scss

@@ -32,14 +32,6 @@ $wrap: 800px;
   object-fit: contain;
 }
 
-.citation-image object {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-
 .citation-text {
   position: relative;
   display: inline-flex;