From 767f8d6b6c7bc1c32aa19da06e23014a14351010 Mon Sep 17 00:00:00 2001 From: Ricardo Date: Sat, 31 Jan 2026 13:24:43 +0100 Subject: [PATCH] feat: add consistent styling to all post type pages - Add withSidebar, h-feed wrapper, pagination to all post type pages - Add total count display - Add post-card class for consistent styling - Add category display - Keep type-specific icons (heart for likes, reply arrow, repost icon) - Keep photo gallery layout for photos page All post type pages now match the articles/notes pattern. Co-Authored-By: Claude Opus 4.5 --- bookmarks.njk | 125 +++++++++++++++++++++++++++++++++---------- likes.njk | 132 +++++++++++++++++++++++++++++++-------------- photos.njk | 123 ++++++++++++++++++++++++++++++------------ replies.njk | 140 +++++++++++++++++++++++++++++++++--------------- reposts.njk | 144 ++++++++++++++++++++++++++++++++++---------------- 5 files changed, 476 insertions(+), 188 deletions(-) diff --git a/bookmarks.njk b/bookmarks.njk index 41cdae3..41c888e 100644 --- a/bookmarks.njk +++ b/bookmarks.njk @@ -1,34 +1,105 @@ --- layout: layouts/base.njk title: Bookmarks -permalink: /bookmarks/ +withSidebar: true +pagination: + data: collections.bookmarks + size: 20 + alias: paginatedBookmarks +permalink: "bookmarks/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}" --- -
+

Bookmarks

-

Links I've saved for later.

-
+

+ Links I've saved for later. + ({{ collections.bookmarks.length }} total) +

-{% if collections.bookmarks.length > 0 %} -
    - {% for post in collections.bookmarks %} -
  • - {% if post.data.title %} -

    {{ post.data.title }}

    - {% endif %} -
    - + {% if paginatedBookmarks.length > 0 %} +
      + {% for post in paginatedBookmarks %} +
    • +
      + {% if post.data.title %} +

      + + {{ post.data.title }} + +

      + {% endif %} +
      +
      + + {% if post.data.category %} + + {% if post.data.category is string %} + {{ post.data.category }} + {% else %} + {% for cat in post.data.category %} + {{ cat }} + {% endfor %} + {% endif %} + + {% endif %} +
      + {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #} + {% set bookmarkedUrl = post.data.bookmarkOf or post.data.bookmark_of %} + {% if bookmarkedUrl %} +

      + + + + + {{ bookmarkedUrl }} + +

      + {% endif %} + {% if post.templateContent %} +
      + {{ post.templateContent | safe }} +
      + {% endif %} +
      • + {% endfor %} +
    + + {# Pagination controls #} + {% if pagination.pages.length > 1 %} +
    • - {% endfor %} -
-{% else %} -

No bookmarks yet.

-{% endif %} +
+ {% if pagination.href.previous %} + + + Previous + + {% else %} + + + Previous + + {% endif %} + + {% if pagination.href.next %} + + Next + + + {% else %} + + Next + + + {% endif %} +
+ + {% endif %} + + {% else %} +

No bookmarks yet.

+ {% endif %} +
diff --git a/likes.njk b/likes.njk index c13b2ac..1c7f299 100644 --- a/likes.njk +++ b/likes.njk @@ -1,49 +1,103 @@ --- layout: layouts/base.njk title: Likes -permalink: /likes/ +withSidebar: true +pagination: + data: collections.likes + size: 20 + alias: paginatedLikes +permalink: "likes/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}" --- -
+

Likes

-

Content I've liked across the web.

-
+

+ Content I've liked across the web. + ({{ collections.likes.length }} total) +

-{% if collections.likes.length > 0 %} -
    - {% for post in collections.likes %} -
  • -
    -
    - -
    -
    -
    - + {% if paginatedLikes.length > 0 %} +
      + {% for post in paginatedLikes %} +
    • +
      +
      +
      - {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #} - {% set likedUrl = post.data.likeOf or post.data.like_of %} - {% if likedUrl %} -

      - - {{ likedUrl }} - -

      - {% endif %} - {% if post.templateContent %} -
      - {{ post.templateContent | safe }} +
      +
      + + {% if post.data.category %} + + {% if post.data.category is string %} + {{ post.data.category }} + {% else %} + {% for cat in post.data.category %} + {{ cat }} + {% endfor %} + {% endif %} + + {% endif %} +
      + {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #} + {% set likedUrl = post.data.likeOf or post.data.like_of %} + {% if likedUrl %} +

      + + {{ likedUrl }} + +

      + {% endif %} + {% if post.templateContent %} +
      + {{ post.templateContent | safe }} +
      + {% endif %} + Permalink
      - {% endif %} - Permalink
      +
      • + {% endfor %} +
    + + {# Pagination controls #} + {% if pagination.pages.length > 1 %} +
    • - {% endfor %} -
-{% else %} -

No likes yet.

-{% endif %} +
+ {% if pagination.href.previous %} + + + Previous + + {% else %} + + + Previous + + {% endif %} + + {% if pagination.href.next %} + + Next + + + {% else %} + + Next + + + {% endif %} +
+ + {% endif %} + + {% else %} +

No likes yet.

+ {% endif %} +
diff --git a/photos.njk b/photos.njk index 7299d25..0f99923 100644 --- a/photos.njk +++ b/photos.njk @@ -1,42 +1,97 @@ --- layout: layouts/base.njk title: Photos -permalink: /photos/ +withSidebar: true +pagination: + data: collections.photos + size: 20 + alias: paginatedPhotos +permalink: "photos/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}" --- -
+

Photos

-

Photo posts and images.

-
+

+ Photo posts and images. + ({{ collections.photos.length }} total) +

-{% if collections.photos.length > 0 %} -
    - {% for post in collections.photos %} -
  • -
    - -
    - {# Render photo(s) from frontmatter - use eleventy:ignore to skip image transform #} - {% if post.data.photo %} -
    - {% for img in post.data.photo %} - {% set photoUrl = img.url %} - {% if photoUrl and photoUrl[0] != '/' and 'http' not in photoUrl %} - {% set photoUrl = '/' + photoUrl %} + {% if paginatedPhotos.length > 0 %} +
      + {% for post in paginatedPhotos %} +
    • +
      + + {% if post.data.category %} + + {% if post.data.category is string %} + {{ post.data.category }} + {% else %} + {% for cat in post.data.category %} + {{ cat }} + {% endfor %} {% endif %} - - {{ img.alt | default('Photo') }} - - {% endfor %} + + {% endif %}
      - {% endif %} - {% if post.templateContent %} -
      {{ post.templateContent | safe }}
      - {% endif %} -
      • - {% endfor %} -
    -{% else %} -

    No photos yet.

    -{% endif %} + {# Render photo(s) from frontmatter - use eleventy:ignore to skip image transform #} + {% if post.data.photo %} +
    + {% for img in post.data.photo %} + {% set photoUrl = img.url %} + {% if photoUrl and photoUrl[0] != '/' and 'http' not in photoUrl %} + {% set photoUrl = '/' + photoUrl %} + {% endif %} + + {{ img.alt | default('Photo') }} + + {% endfor %} +
    + {% endif %} + {% if post.templateContent %} +
    {{ post.templateContent | safe }}
    + {% endif %} + Permalink +
    • + {% endfor %} +
+ + {# Pagination controls #} + {% if pagination.pages.length > 1 %} + + {% endif %} + + {% else %} +

No photos yet.

+ {% endif %} +
diff --git a/replies.njk b/replies.njk index fdb1c44..e1950ea 100644 --- a/replies.njk +++ b/replies.njk @@ -1,53 +1,107 @@ --- layout: layouts/base.njk title: Replies -permalink: /replies/ +withSidebar: true +pagination: + data: collections.replies + size: 20 + alias: paginatedReplies +permalink: "replies/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}" --- -
+

Replies

-

My responses to posts across the web.

-
+

+ My responses to posts across the web. + ({{ collections.replies.length }} total) +

-{% if collections.replies.length > 0 %} -
    - {% for post in collections.replies %} -
  • -
    -
    - -
    -
    - {% if post.data.title %} -

    - {{ post.data.title }} -

    - {% endif %} -
    - + {% if paginatedReplies.length > 0 %} +
      + {% for post in paginatedReplies %} +
    • +
      +
      +
      - {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #} - {% set replyTo = post.data.inReplyTo or post.data.in_reply_to %} - {% if replyTo %} -

      - In reply to: - - {{ replyTo }} - -

      - {% endif %} -
      - {{ post.templateContent | safe }} +
      + {% if post.data.title %} +

      + {{ post.data.title }} +

      + {% endif %} +
      + + {% if post.data.category %} + + {% if post.data.category is string %} + {{ post.data.category }} + {% else %} + {% for cat in post.data.category %} + {{ cat }} + {% endfor %} + {% endif %} + + {% endif %} +
      + {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #} + {% set replyTo = post.data.inReplyTo or post.data.in_reply_to %} + {% if replyTo %} +

      + In reply to: + + {{ replyTo }} + +

      + {% endif %} +
      + {{ post.templateContent | safe }} +
      + Permalink
      - Permalink
      +
      • + {% endfor %} +
    + + {# Pagination controls #} + {% if pagination.pages.length > 1 %} +
    • - {% endfor %} -
-{% else %} -

No replies yet.

-{% endif %} +
+ {% if pagination.href.previous %} + + + Previous + + {% else %} + + + Previous + + {% endif %} + + {% if pagination.href.next %} + + Next + + + {% else %} + + Next + + + {% endif %} +
+ + {% endif %} + + {% else %} +

No replies yet.

+ {% endif %} +
diff --git a/reposts.njk b/reposts.njk index 1db416f..a16a4d2 100644 --- a/reposts.njk +++ b/reposts.njk @@ -1,55 +1,109 @@ --- layout: layouts/base.njk title: Reposts -permalink: /reposts/ +withSidebar: true +pagination: + data: collections.reposts + size: 20 + alias: paginatedReposts +permalink: "reposts/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}" --- -
+

Reposts

-

Content I've shared from others.

-
+

+ Content I've shared from others. + ({{ collections.reposts.length }} total) +

-{% if collections.reposts.length > 0 %} -
    - {% for post in collections.reposts %} -
  • -
    -
    - -
    -
    - {% if post.data.title %} -

    - {{ post.data.title }} -

    - {% endif %} -
    - + {% if paginatedReposts.length > 0 %} +
      + {% for post in paginatedReposts %} +
    • +
      +
      +
      - {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #} - {% set repostedUrl = post.data.repostOf or post.data.repost_of %} - {% if repostedUrl %} -

      - Reposted: - - {{ repostedUrl }} - -

      - {% endif %} - {% if post.templateContent %} -
      - {{ post.templateContent | safe }} +
      + {% if post.data.title %} +

      + {{ post.data.title }} +

      + {% endif %} +
      + + {% if post.data.category %} + + {% if post.data.category is string %} + {{ post.data.category }} + {% else %} + {% for cat in post.data.category %} + {{ cat }} + {% endfor %} + {% endif %} + + {% endif %} +
      + {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #} + {% set repostedUrl = post.data.repostOf or post.data.repost_of %} + {% if repostedUrl %} +

      + Reposted: + + {{ repostedUrl }} + +

      + {% endif %} + {% if post.templateContent %} +
      + {{ post.templateContent | safe }} +
      + {% endif %} + Permalink
      - {% endif %} - Permalink
      +
      • + {% endfor %} +
    + + {# Pagination controls #} + {% if pagination.pages.length > 1 %} +
    • - {% endfor %} -
-{% else %} -

No reposts yet.

-{% endif %} +
+ {% if pagination.href.previous %} + + + Previous + + {% else %} + + + Previous + + {% endif %} + + {% if pagination.href.next %} + + Next + + + {% else %} + + Next + + + {% endif %} +
+ + {% endif %} + + {% else %} +

No reposts yet.

+ {% endif %} +