pretty last year posts

layouts/shortcodes/posts-2024.html

@@ -1,16 +1,35 @@
-{{/* Get all posts from the posts section */}}
-{{ $postsSection := site.GetPage "section" "posts" }}
-{{ $currentYearPosts := where $postsSection.Pages "Date.Year" 2024 }}
+{{/* Define section to pull recent posts from */}}
+{{ $mainSections := site.Params.mainSections | default (slice "post") }}
+{{ $show_recent_posts := site.Params.ananke.show_recent_posts }}
 
-{{/* Display the filtered posts */}}
-<aside class="flex-ns flex-wrap justify-around mt5">
-  {{ range first 10 $currentYearPosts }} {{/* Show first 10 or remove 'first' for all */}}
-    <div class="relative w-100 w-30-l mb4 bg-white">
-      <article>
-        <h3 class="f4"><a href="{{ .RelPermalink }}" class="link black dim">{{ .Title }}</a></h3>
-        <time class="f6 gray">{{ .Date.Format "January 2, 2006" }}</time>
-        <p class="f5 lh-copy">{{ .Summary }}</p>
-      </article>
-    </div>
+{{/* First filter by section, then by year */}}
+{{ $filteredBySection := where site.RegularPages "Section" "in" $mainSections }}
+{{ $section := where $filteredBySection "Date.Year" 2024 }}
+{{ $section_count := len $section }}
+
+<div class="pa3 pa4-ns w-100 w-70-ns center">
+  {{ $n_posts := $.Param "recent_posts_number" | default 10 }}
+
+  <section class="w-100 mw8">
+    {{/* Range through the first $n_posts items of the section */}}
+    {{ range (first $n_posts $section) }}
+      <div class="relative w-100 mb4">
+        {{ .Render "summary-with-image" }}
+      </div>
+    {{ end }}
+  </section>
+
+  {{ if ge $section_count (add $n_posts 1) }}
+    <section class="w-100">
+      <h1 class="f3">{{ i18n "more" }}</h1>
+      {{/* Now, range through the next four after the initial $n_posts items */}}
+      {{ range (first 4 (after $n_posts $section))  }}
+        <h2 class="f5 fw4 mb4 dib {{ cond (eq site.Language.LanguageDirection "rtl") "ml3" "mr3" }}">
+          <a href="{{ .RelPermalink }}" class="link black dim">
+            {{ .Title }}
+          </a>
+        </h2>
+      {{ end }}
+    </section>
   {{ end }}
-</aside>
+</div>