From: Michael Tremer Date: Thu, 5 Mar 2026 11:34:36 +0000 (+0000) Subject: blog: Put posts on cards X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=1e8624832006e331aa7d61c3c01d3cb68d0e771d;p=ipfire.org.git blog: Put posts on cards Signed-off-by: Michael Tremer --- diff --git a/src/templates/blog/index.html b/src/templates/blog/index.html index 99478c8e..f17e8240 100644 --- a/src/templates/blog/index.html +++ b/src/templates/blog/index.html @@ -89,15 +89,9 @@ {% end %} {% module BlogList(posts, latest=latest_post) %} - - {# Show links to older years... #} -
-
-
- {% module BlogHistoryNavigation() %} -
+ {% module BlogHistoryNavigation() %}
{% end block %} diff --git a/src/templates/blog/modules/list.html b/src/templates/blog/modules/list.html index 2b83ccc4..0553f5b2 100644 --- a/src/templates/blog/modules/list.html +++ b/src/templates/blog/modules/list.html @@ -2,75 +2,77 @@ {# Highlight the latest post #} {% set highlighted = (post == latest) %} -
-
- {% if highlighted %} -

- {{ _("Latest Post") }} -

- {% else %} - {% module BlogTag(post) %} - {% end %} - -
-
-

- - {{ post.title }} - +

+
+
+ {% if highlighted %} +

+ {{ _("Latest Post") }}

-
+ {% else %} + {% module BlogTag(post) %} + {% end %} - {% if not highlighted and post.published_at %} -
- - {{ locale.format_date(post.published_at, shorter=True, relative=False) }} - +
+ - {% end %} -
-
- {% module Markdown(post.excerpt) %} -
+ {% if not highlighted and post.published_at %} +
+ + {{ locale.format_date(post.published_at, shorter=True, relative=False) }} + +
+ {% end %} +
+ +
+ {% module Markdown(post.excerpt) %} +
-
-
-
- - {% if "lightningwirelabs.com" in post.tags %} - - {{ _("by Lightning Wire Labs") }} - - {% elif show_author and post.author %} - - - {% module Avatar(post.author, size=24) %} +
+
+
+ + {% if "lightningwirelabs.com" in post.tags %} + + {{ _("by Lightning Wire Labs") }} + {% elif show_author and post.author %} + + + {% module Avatar(post.author, size=24) %} + - - {{ post.author }} - - + + {{ post.author }} + + + {% end %} + +
+ + {% if highlighted %} + {% if post.published_at %} +
+ + {{ locale.format_date(post.published_at, shorter=True, relative=True) }} + +
{% end %} -
-
- {% if highlighted %} - {% if post.published_at %}
- - {{ locale.format_date(post.published_at, shorter=True, relative=True) }} - + {% module BlogTag(post) %}
{% end %} - -
- {% module BlogTag(post) %} -
- {% end %} +
-
+ {% end %}