From 17164fb3397a1337fd2ff5fe5b1353393b69b5fa Mon Sep 17 00:00:00 2001
From: Alexander Borsuk <me@alex.bio>
Date: Fri, 2 Dec 2022 15:05:25 +0100
Subject: [PATCH] [news] Properly wrap wide screenshots

Signed-off-by: Alexander Borsuk <me@alex.bio>
---
 templates/news.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/templates/news.html b/templates/news.html
index 119c421c..c3ab6ef3 100644
--- a/templates/news.html
+++ b/templates/news.html
@@ -24,7 +24,16 @@
   {% set page = get_page(path=translatedPage.path) %}
 {% endif %}  
 <div class="news_date">&nbsp;<a href="{{ page.path }}">{{ page.date | date(format='%B %e, %Y') }}</a>&nbsp;</div>
-<div class="news_content_image">
+{# Display wide images below the text instead of to the right. #}
+{% set_global noflex = '' %}
+{% for photo in page.assets %}
+  {% set meta = get_image_metadata(path=photo) %}
+  {% if meta.width > meta.height %}
+    {% set_global noflex = '_noflex' %}
+    {% break %}
+  {% endif %}
+{% endfor %}
+<div class="news_content_image{{ noflex }}">
 {% if page.content %}
   <div class="news_content">{{ page.content | safe }}</div>
 {% endif %}