Fix banner loading and processing

CHANGELOG.md

@@ -247,7 +247,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add "open post" button to comments.
 - Add external link icon to buttons that lead to external sites.
 - Add i18n support.
-- Add language switcher menu in the navbar (enabled automatically if site is availabe in more than one language).
+- Add language switcher menu in the navbar (enabled automatically if site is available in more than one language).
 - Allow adding per-page/section stylesheets via the `extra.stylesheets` variable.
 - Allow setting custom copyright text via the new `config.extra.footer.copyright` config variable.
 - Button-like style for footer's "Powered by" links.

content/blog/the-quill-of-duck/index.md

@@ -7,7 +7,7 @@ updated = "2024-06-21"
 [taxonomies]
 tags = ["Demo", "Test"]
 [extra]
-banner = "blog/the-quill-of-duck/quill.png"
+banner = "quill.png"
 toc = true
 trigger = "This page contains blackjack and hookers, and bad jokes such as this one."
 disclaimer = """
@@ -27,10 +27,6 @@ Recommended banner dimensions are 2:1 aspect ratio and 1920x960 resolution.
 Other sizes will also work, but will be cut off at the bottom/won't be high enough.
 {% end %}
 
-{% alert(note=true) %}
-The path to the banner should be the same as the resulting path to the post, e.g. `blog/the-quill-of-duck/quill.png`. If the folder name has a timestamp, remove it. You can simply open the post in your browser and copy the path from the URL.
-{% end %}
-
 ## The what?
 
 This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo.

templates/article.html

@@ -7,7 +7,7 @@
 <article>
 	{%- if page.extra.banner -%}
 		<div id="banner-container">
-			<img id="banner" class="full-bleed{% if page.extra.banner_pixels %} pixels{% endif %}" src="{{ get_url(path=page.extra.banner, lang=lang)}}" {% if config.markdown.lazy_async_image %}decoding="async" loading="lazy"{% endif %} />
+			<img id="banner" class="full-bleed{% if page.extra.banner_pixels %} pixels{% endif %}" src="{{ current_url ~ page.extra.banner }}" {% if config.markdown.lazy_async_image %}decoding="async" loading="lazy"{% endif %} />
 		</div>
 	{%- endif -%}
 

templates/partials/card.html

@@ -1,5 +1,5 @@
 {%- if page.extra.banner -%}
-    {% set card = resize_image(path=page.extra.banner, width=1200, height=628, op="fill") %}
+    {%- set card = resize_image(path=page.colocated_path ~ page.extra.banner, width=1200, height=628, op="fill") -%}
     {{ card.url }}
 {%- else -%}
     {{ get_url(path='card.png') }}