Merge pull request open-neuromorphic#247 from neural-loop/design-adjustments

feat(neuromorphic-hardware): Add next article navigation

Author: neural-loop

layouts/partials/components/next-article-card.html

@@ -0,0 +1,36 @@
+{{ $next_page := . }}
+
+{{ if $next_page }}
+<div class="next-article-card-container mt-8 border-t border-border dark:border-darkmode-border pt-6">
+  <a href="{{ $next_page.RelPermalink }}" class="next-article-card group block p-4">
+    <div class="flex items-center gap-4">
+
+      <div class="flex-shrink-0">
+        {{ $image_res := "" }}
+        {{ with $next_page.Params.image }}
+          {{ $image_res = $next_page.Resources.GetMatch . }}
+        {{ end }}
+
+        {{ if $image_res }}
+          {{ $thumb := $image_res.Fill "80x80 Lanczos" }}
+          <img src="{{ $thumb.RelPermalink }}" alt="Image of {{ $next_page.Title }}" class="w-20 h-20 object-cover rounded-md">
+        {{ else }}
+          <div class="w-20 h-20 bg-gray-200 dark:bg-darkmode-theme-dark flex items-center justify-center rounded-md">
+            {{ partial "icon.html" (dict "style" "solid" "name" "microchip" "class" "text-3xl text-gray-400") }}
+          </div>
+        {{ end }}
+      </div>
+
+      <div class="flex-grow">
+        <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Next article</p>
+        <h4 class="text-md font-bold text-dark dark:text-darkmode-dark group-hover:text-primary dark:group-hover:text-darkmode-primary transition-colors">
+          {{ $next_page.Title }}
+        </h4>
+        <span class="text-sm text-primary dark:text-darkmode-primary font-semibold mt-1 inline-block">
+          Continue reading {{ partial "icon.html" (dict "style" "solid" "name" "arrow-right" "class" "inline-block transform transition-transform duration-200 group-hover:translate-x-1") }}
+        </span>
+      </div>
+    </div>
+  </a>
+</div>
+{{ end }}

layouts/partials/components/sidebar-toc-shared.html

@@ -12,6 +12,34 @@
       <div id="tableOfContentContainer" class="max-h-[calc(100vh-28rem)] overflow-y-auto">
         {{ .TableOfContents }}
       </div>
+
+      {{/* --- START: New 'Next Article' Logic --- */}}
+      {{ if eq .Type "neuromorphic-hardware" }}
+        {{ $all_hardware := where site.RegularPages "Type" "neuromorphic-hardware" }}
+        {{ $grouped_by_year := $all_hardware.GroupByParam "product.release_year" }}
+        {{ $sorted_groups := sort $grouped_by_year "Key" "desc" }}
+
+        {{ $sorted_hardware := slice }}
+        {{ range $sorted_groups }}
+          {{ $pages_in_year := sort .Pages "Title" "asc" }}
+          {{ $sorted_hardware = $sorted_hardware | append $pages_in_year }}
+        {{ end }}
+
+        {{ $currentPageIndex := -1 }}
+        {{ range $index, $page := $sorted_hardware }}
+          {{ if eq $page.Permalink $.Permalink }}
+            {{ $currentPageIndex = $index }}
+          {{ end }}
+        {{ end }}
+
+        {{ if and (ne $currentPageIndex -1) (lt $currentPageIndex (sub (len $sorted_hardware) 1)) }}
+          {{ $nextPageIndex := add $currentPageIndex 1 }}
+          {{ $next_page := index $sorted_hardware $nextPageIndex }}
+          {{ partial "components/next-article-card.html" $next_page }}
+        {{ end }}
+      {{ end }}
+      {{/* --- END: New 'Next Article' Logic --- */}}
+      
     </div>
   </div>
 </aside>