feat(hardware): Add related content partial

This adds a partial for displaying related content and events.

Author: neural-loop

layouts/partials/hardware/related-content.html

@@ -0,0 +1,79 @@
+{{ $related_content := . }}
+
+{{ if $related_content }}
+<div class="related-content-section mt-12 pt-8 pb-8">
+  <h2 class="text-3xl font-bold mb-8">Related Content & Events</h2>
+
+  <div class="space-y-6">
+    {{ range $item := $related_content }}
+    <div class="timeline-item-content">
+      <div class="flex flex-col md:flex-row items-start gap-5">
+
+        {{/* Thumbnail Column */}}
+        <div class="flex-shrink-0 w-full md:w-40 text-center">
+          <a href="{{ $item.RelPermalink }}">
+            {{ $image_param := $item.Params.image }}
+            {{ $img_path := "" }}
+            {{ $img_alt := $item.Title }}
+
+            {{ if $image_param }}
+            {{ $img_path_cleaned := strings.TrimPrefix "/" $image_param }}
+            {{ $resource := "" }}
+            {{ with $item.Resources.GetMatch $image_param }}
+            {{ $resource = . }}
+            {{ else }}
+            {{ with resources.Get $img_path_cleaned }}
+            {{ $resource = . }}
+            {{ end }}
+            {{ end }}
+
+            {{ if $resource }}
+            {{ $img_path = ($resource.Fill "160x90 Lanczos").RelPermalink }}
+            {{ else if fileExists (printf "static/%s" $img_path_cleaned) }}
+            {{ $img_path = $image_param | relURL }}
+            {{ end }}
+            {{ end }}
+
+            {{ if not $img_path }}
+            {{ with resources.Get "images/workshop-thumbnail-default.png" }}
+            {{ $img_path = (.Fill "160x90 Lanczos").RelPermalink }}
+            {{ $img_alt = "Default Open Neuromorphic Event Thumbnail" }}
+            {{ end }}
+            {{ end }}
+
+            {{ if $img_path }}
+            <img src="{{ $img_path }}" alt="{{ $img_alt }}" class="w-full h-auto rounded-md object-cover">
+            {{ else }}
+            <div class="w-full h-[90px] bg-gray-200 dark:bg-darkmode-theme-dark rounded-md flex items-center justify-center">
+              {{ partial "icon.html" (dict "style" "regular" "name" "images" "class" "text-4xl text-gray-400") }}
+            </div>
+            {{ end }}
+          </a>
+        </div>
+
+        {{/* Content Column */}}
+        <div class="flex-grow">
+          <div class="flex justify-between items-start gap-4">
+            <div>
+              <h4 class="text-xl font-semibold mb-1">
+                <a href="{{ $item.RelPermalink }}" class="text-dark dark:text-darkmode-dark hover:text-primary dark:hover:text-darkmode-primary">{{ $item.Title }}</a>
+              </h4>
+              <p class="text-sm text-gray-500 dark:text-gray-400">
+                {{ $item.Date.Format "January 2, 2006" }}
+              </p>
+            </div>
+            <span class="timeline-item-badge flex-shrink-0">
+                {{ $item.Type | default $item.Section | humanize | title }}
+              </span>
+          </div>
+          {{ if $item.Description }}
+          <p class="text-gray-600 dark:text-gray-400 mt-3 text-sm">{{ $item.Description | truncate 150 }}</p>
+          {{ end }}
+        </div>
+
+      </div>
+    </div>
+    {{ end }}
+  </div>
+</div>
+{{ end }}