summaryrefslogtreecommitdiffstatshomepage
path: root/templates/macros.html
diff options
context:
space:
mode:
authorWolfgang Müller2024-10-05 11:25:33 +0200
committerWolfgang Müller2024-10-05 14:24:52 +0200
commit2176cc7f6cf8c9e56dbc187361e5e3a6a5f8d96e (patch)
tree686bced7e14c1806787a296f782e73394241d597 /templates/macros.html
parent265cfe2d5a4dbb2f95890add2dde772becf0e567 (diff)
downloadzunzuncito-2176cc7f6cf8c9e56dbc187361e5e3a6a5f8d96e.tar.gz
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.
Diffstat (limited to 'templates/macros.html')
-rw-r--r--templates/macros.html4
1 files changed, 3 insertions, 1 deletions
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>