Merge pull request #268 from neural-loop/main

Add content relations to software packages

Author: neural-loop

content/blog/efficient-compression-event-based-data-neuromorphic-applications/index.md

@@ -10,6 +10,7 @@ author:
 - Alexandre Marcireau
 image: file_read_benchmark.png
 tags: ["file encoding", "events", "event camera", "compression"]
+software_tags: ["expelliarmus", "tonic"]
 show_author_bios: true
 ---
 

content/blog/spiking-neural-network-framework-benchmarking/index.md

@@ -12,7 +12,7 @@ author:
 - "Jens E. Pedersen"
 image: neurons-race.png
 tags: ["snn", "framework", "library", "pytorch", "JAX"]
-software_tags: ["spyx","snntorch"]
+software_tags: ["spyx", "snntorch", "spikingjelly", "lava", "sinabs", "rockpool", "norse"]
 show_author_bios: true
 ---
 

content/neuromorphic-computing/software/hacking-hours/alexandre-marcireau-petrut-bogdan-faery-innatera-nir/index.md

@@ -15,6 +15,7 @@ speaker_photo: "images/speakers/multi-speaker-placeholder.png" # Placeholder, pl
 image: "faery-innatera-nir-hacking.jpg" # Placeholder, please create
 type: "hacking-hours"
 speaker_bio: "Alexandre Marcireau (International Center for Neuromorphic Systems, Western Sydney) and Petruț Bogdan (Innatera) are software developers active in the neuromorphic community, contributing to tools like Faery and exploring hardware-software co-design with platforms like Innatera and standards like NIR."
+software_tags: ["nengo", "aestream", "norse", "spyx"]
 ---
 
 This Hacking Hour session features Alexandre Marcireau and Petruț Bogdan, hosted by Jens E. Pedersen. The discussion centers around the Faery event processing library, its application with Innatera's neuromorphic hardware, and its compatibility with the Neuromorphic Intermediate Representation (NIR) for broader interoperability.

content/neuromorphic-computing/software/hacking-hours/luuk-van-keeken-nir-intro-torch-fx/index.md

@@ -14,6 +14,7 @@ speaker_photo: "images/speakers/luuk-van-keeken-placeholder.png"
 image: "luuk-van-keeken-nir-intro-torch-fx.jpg"
 type: "hacking-hours"
 speaker_bio: "Luuk van Keeken is a researcher/PhD student at KTH Royal Institute of Technology, focusing on neuromorphic computing, specifically related to the Neuromorphic Intermediate Representation (NIR) and its applications with frameworks like PyTorch."
+software_tags: ["snntorch", "norse"]
 ---
 
 Join Jens E. Pedersen for a Hacking Hour session with Luuk van Keeken. Luuk provides an insightful introduction to the Neuromorphic Intermediate Representation (NIR), discussing its goals and how it facilitates interoperability in the neuromorphic field. The session includes a practical demonstration of graph tracing techniques using `torch.fx` for PyTorch models.

content/workshops/hands-on-with-nengo-applied-brain-research-trevor-bekolay/index.md

@@ -15,5 +15,6 @@ speaker_bio: "Trevor Bekolay’s primary research interest is in learning and me
 
 Trevor is also passionate about reproducible science, particularly when complex software pipelines are involved. In 2013, he started a development effort to reimplement the Nengo neural simulator from scratch in Python, which has now grown to a project with over 20 contributors around the world."
 speaker_slides: 2023-01-26-Nengo.pdf
+software_tags: ["nengo"]
 ---
 

content/workshops/hands-on-with-sinabs-speck-gregor-lenz/index.md

@@ -17,6 +17,7 @@ speaker_bio: "[Gregor Lenz](https://lenzgregor.com) graduated with a Ph.D. in ne
 His main interests are event cameras that are inspired by the human retina and spiking neural networks that mimic human brain in an effort to teach machines to compute a bit more like humans do. At the very least there are some power efficiency gains to be made, but hopefully more! Also he loves to build open source software for spike-based machine learning. You can find more information on his personal website.
 
 He is the maintainer of two open source projects in the field of neuromorphic computing, [Tonic](https://tonic.readthedocs.io) and [expelliarmus](https://expelliarmus.readthedocs.io)."
+software_tags: ["sinabs"]
 ---
 
 

content/workshops/hands-on-with-xylo-rockpool-dylan-muir/index.md

@@ -14,6 +14,7 @@ image: hands-on-xylo-rockpool.png
 speaker_slides: https://github.com/synsense/OpenNeuromorphic_26042023/raw/main/slides.pdf
 speaker_bio: "Dylan Muir is the Vice President for Global Research Operations; Director for Algorithms and Applications; and Director for Global Business Development at SynSense. Dr. Muir is a specialist in architectures for neural computation. He has published extensively in computational and experimental neuroscience. At SynSense he is responsible for the company research vision, and directing development of neural architectures for signal processing. Dr. Muir holds a Doctor of Science (PhD) from ETH Zurich, and undergraduate degrees (Masters) in Electronic Engineering and in Computer Science from QUT, Australia."
 speaker_code: https://github.com/synsense/OpenNeuromorphic_26042023
+software_tags: ["rockpool"]
 ---
 
 

content/workshops/lava-open-source-framework-developing-neuro-applications-andreas-wild-mathis-richter/index.md

@@ -15,4 +15,5 @@ speaker_slides: lava-slides.pdf
 speaker_bio: "Andreas Wild received the Dr. rer. nat degree in physics with a focus on the development of silicon-based electron spin qubits from the Technical University of Munich, Germany, in 2013. After joining Intel in 2013, he has been a Senior Researcher with the Intel Neuromorphic Computing Lab since 2015 where he leads algorithm research.
 
 Mathis Richter is a Research Scientist in the Neuromorphic Computing Lab at Intel Labs, where he leads the Application Software team, developing commercial software solutions based on neuromorphic technology. Before joining Intel in 2021, he worked as a post doc and PhD student on neural process models of higher cognition at the Institute for Neural Computation, Ruhr-University Bochum."
+software_tags: ["lava"]
 ---

content/workshops/neuromorphic-intermediate-representation/index.md

@@ -15,6 +15,7 @@ speaker_code: "https://github.com/neuromorphs/nir"
 time_zone: CET
 image: neuromorphic-intermediate-representation.png
 description: "We show how to use the Neuromorphic Intermediate Representation to migrate your spiking model onto neuromorphic hardware."
+software_tags: ["norse", "snntorch", "spyx"]
 ---
 
 Have you wondered how to use neuromorphic hardware platforms?

layouts/partials/software/related-events.html

@@ -2,20 +2,77 @@
 
 {{ if $related_events }}
 <div class="related-events-section mt-12 pt-8 pb-8">
-  <h2 class="text-3xl font-bold mb-6">Related Content & Events</h2>
-  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-    {{ range $related_events }}
-      <div class="bg-theme-light dark:bg-darkmode-theme-light rounded-lg p-5 shadow-md hover:shadow-lg transition-shadow duration-300">
-        <h4 class="text-lg font-semibold mb-2">
-          <a href="{{ .RelPermalink }}" class="text-primary dark:text-darkmode-primary hover:underline">
-            {{ .Title }}
+  <h2 class="text-3xl font-bold mb-8">Related Content & Events</h2>
+
+  <div class="space-y-6">
+    {{ range $event := $related_events }}
+    <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="{{ $event.RelPermalink }}">
+            {{ $image_param := $event.Params.image }}
+            {{ $img_path := "" }}
+            {{ $img_alt := $event.Title }}
+
+            {{ if $image_param }}
+            {{ $img_path_cleaned := strings.TrimPrefix "/" $image_param }}
+            {{ $resource := "" }}
+            {{ with $event.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>
-        </h4>
-        <p class="text-sm text-gray-500 dark:text-gray-400 mb-3">
-          <span class="capitalize">{{ .Type | default .Section | humanize }}</span> · {{ .Date.Format "January 2, 2006" }}
-        </p>
-        <p class="text-sm text-text dark:text-darkmode-text">{{ .Description | truncate 100 }}</p>
+        </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="{{ $event.RelPermalink }}" class="text-dark dark:text-darkmode-dark hover:text-primary dark:hover:text-darkmode-primary">{{ $event.Title }}</a>
+              </h4>
+              <p class="text-sm text-gray-500 dark:text-gray-400">
+                {{ $event.Date.Format "January 2, 2006" }}
+              </p>
+            </div>
+            <span class="timeline-item-badge flex-shrink-0">
+                {{ $event.Type | default $event.Section | humanize | title }}
+              </span>
+          </div>
+          {{ if $event.Description }}
+          <p class="text-gray-600 dark:text-gray-400 mt-3 text-sm">{{ $event.Description | truncate 150 }}</p>
+          {{ end }}
+        </div>
+
       </div>
+    </div>
     {{ end }}
   </div>
 </div>