From 2176cc7f6cf8c9e56dbc187361e5e3a6a5f8d96e Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Sat, 5 Oct 2024 11:25:33 +0200
Subject: Use CSS grid for post layout

We've always been wanting to have the avatars aligned in the negative
space next to the posts but never found an adequately nice way to do it.
With grid this is now easy. We can also replace lots of the old margin
and padding rules with gaps.
---
 templates/macros.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'templates')

diff --git a/templates/macros.html b/templates/macros.html
index 648d4b0..4c44ea3 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -1,7 +1,9 @@
 {% macro render_post(post, class="feed") -%}
+<aside class="gutter">
+	<img class="avatar" alt="Authored by: {{ config.extra.author }}" src="{{ config.extra.avatar }}" width="64" />
+</aside>
 <article class="{{ class }}">
 	<header>
-		<img class="avatar" alt="Authored by: {{ config.extra.author }}" src="{{ config.extra.avatar }}" width="64" />
 		<div class="banner smaller">
 			<div class="info">
 				<time class="mute" datetime="{{ post.date }}" title="{{ post.date }}">{{ post.date | date(format="%F") }}</time>
-- 
cgit v1.2.3-2-gb3c3