Merge pull request #455 from axivo/docs/website-update

fix: blog improvements

Author: fmunteanu

claude/content/reflections/_index.md

@@ -77,3 +77,5 @@ In a [session](https://claude.ai/share/d985bac1-84c7-4bd7-8b04-c5e21d49f247) wit
 <!-- prettier-ignore-end -->
 
 ## Latest Reflections
+
+{{< blog-entries section="reflections" limit="20" >}}

claude/layouts/_partials/post.html …uts/_partials/components/blog-entry.htmlclaude/layouts/_partials/post.html renamed to claude/layouts/_partials/components/blog-entry.html claude/layouts/_partials/post.html renamed to claude/layouts/_partials/components/blog-entry.html

@@ -1,9 +1,13 @@
 {{- $readMore := (T "readMore") | default "Read more →" -}}
 <div class="hx:mb-10">
-  <a href="{{ .RelPermalink }}" class="hx:block hx:group">
-    <h3 class="hx:font-semibold hx:tracking-tight hx:mt-6 hx:text-2xl hx:text-slate-900 hx:dark:text-slate-100 hx:group-hover:text-[color:hsl(var(--primary-hue),100%,50%)] hx:transition-colors">{{- .Title -}}<span class="hx:absolute hx:-mt-20" id="{{ .Title | anchorize }}"></span></h3>
-  </a>
-  {{- partial "author.html" . -}}
+  <h3>
+    <a style="color: inherit; text-decoration: none;" class="hx:block hx:font-semibold hx:mt-4 hx:text-2xl " href="{{ .RelPermalink }}">
+      {{ .Title }}<span class="hx:absolute hx:-mt-20" id="{{ .Title | anchorize }}"></span>
+    </a>
+  </h3>
+  <div class="hx:mt-4 hx:mb-4">
+    {{- partial "author.html" . -}}
+  </div>
   <p class="hx:opacity-80 hx:mt-4 hx:leading-7">
     {{- with .Summary }}{{ . | plainify }}{{ else }}{{ .Description | default (partial "utils/page-description" .) }}{{ end -}}
   </p>

claude/layouts/_shortcodes/blog-entries.html

@@ -0,0 +1,20 @@
+{{- /*
+  A shortcode to display the latest blog entries from a content section.
+
+  @param {string} section The content section to query.
+  @param {int} [limit=10] The maximum number of entries to display.
+
+  @example {{< blog-entries section="reflections" limit=10 >}}
+*/ -}}
+{{- $section := .Get "section" -}}
+{{- $limit := .Get "limit" | default 10 -}}
+{{- if not $section -}}
+  {{- errorf "blog-entries 'section' must be supplied" -}}
+{{- end -}}
+{{- $pages := where site.RegularPages "Section" $section -}}
+{{- $pages = (first (int $limit) $pages.ByDate.Reverse) -}}
+<div class="not-prose">
+{{- range $pages }}
+  {{- partial "components/blog-entry.html" . -}}
+{{ end -}}
+</div>

claude/layouts/blog/frontpage.html

@@ -13,11 +13,6 @@ <h1 class="hx:mb-0">{{ .Title }}</h1>
           {{ end }}
           {{ .Content }}
         </div>
-        {{- $pages := where site.RegularPages "Section" "reflections" -}}
-        {{- $pages = (first 10 $pages.ByDate.Reverse) -}}
-        {{- range $pages }}
-          {{- partial "post.html" . -}}
-        {{ end -}}
       </main>
     </article>
     {{ partial "toc.html" . }}

claude/layouts/blog/list.html

@@ -18,7 +18,7 @@ <h1 class="hx:mb-0">{{ if eq .Data.Plural "tags" }}{{ .Data.Term }}{{ else }}{{
         {{- $pagerSize := site.Params.blog.list.pagerSize | default 10 -}}
         {{- $paginator := .Paginate $pages $pagerSize -}}
         {{- range $paginator.Pages }}
-          {{- partial "post.html" . -}}
+          {{- partial "components/blog-entry.html" . -}}
         {{ end -}}
         {{- if gt $paginator.TotalPages 1 -}}
           {{ partial "components/blog-pager.html" $paginator }}

claude/layouts/blog/section.html

@@ -27,7 +27,7 @@ <h1>{{ .FirstSection.LinkTitle }}</h1>
               <h2>{{- $day.Title -}}<span class="hx:absolute hx:-mt-20" id="{{ $day.Title | anchorize }}"></span></h2>
             </div>
           {{- end -}}
-          {{- partial "post.html" . -}}
+          {{- partial "components/blog-entry.html" . -}}
         {{- end -}}
         {{- if gt $paginator.TotalPages 1 -}}
           {{ partial "components/blog-pager.html" $paginator }}