feat: add optional cover image

templates/page.html

@@ -6,6 +6,17 @@
     {% include "partials/page_info.html" %}
   </header>
 
+  {% if page.extra.cover_image %}<!---->
+  <figure class="mb-12 mt-0">
+    <img
+      class="h-auto w-full rounded-lg"
+      src="{{ get_url(path=page.extra.cover_image) }}"
+      alt="cover"
+    />
+  </figure>
+  {% endif %}
+  <!---->
+
   {% if page.toc %}
   <div class="block-bg mb-12 flex rounded-lg p-2 text-lg">
     <details>

templates/partials/page_list.html

@@ -12,6 +12,16 @@
 <section
   class="block-bg relative mb-4 rounded-lg p-4 first-of-type:mt-0 last-of-type:mb-0 active:scale-95 lg:mb-6 lg:p-6"
 >
+  {% if page.extra.cover_image %}
+  <figure class="mb-4 mt-0">
+    <img
+      class="h-auto w-full rounded-lg"
+      src="{{ get_url(path=page.extra.cover_image) }}"
+      alt="cover"
+    />
+  </figure>
+  {% endif %}<!---->
+
   <h2 class="!my-0 pb-1 font-bold !leading-none">{{ page.title }}</h2>
 
   <div class="not-prose my-1 truncate">