Blurhash-type of thing for articles with a banner

2024-09-17 04:59:08 +03:00
parent 3b633f63b4
commit 3b244ecb03
12 changed files with 24 additions and 2 deletions
--- a/templates/partials/articles.html
+++ b/templates/partials/articles.html
@ -72,6 +72,11 @@
 					</small>
 				</div>
 			{%- endif -%}
+			{%- if page.extra.banner -%}
+				{%- set blurhash = resize_image(path=page.colocated_path ~ page.extra.banner, width=16, height=8, op="fill", format="webp") -%}
+				<div class="blurhash" style="--blurhash: url('{{ blurhash.url }}')"></div>
+			{%- endif -%}
+
 		</article>
 	{%- endfor %}
 </div>