diff options
author | Wolfgang Müller | 2024-10-05 11:25:33 +0200 |
---|---|---|
committer | Wolfgang Müller | 2024-10-05 14:24:52 +0200 |
commit | 2176cc7f6cf8c9e56dbc187361e5e3a6a5f8d96e (patch) | |
tree | 686bced7e14c1806787a296f782e73394241d597 /templates/macros.html | |
parent | 265cfe2d5a4dbb2f95890add2dde772becf0e567 (diff) | |
download | zunzuncito-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.html | 4 |
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> |