feat: event list page

Refactors event listings to use a shared layout and logic.
This commit introduces a shared layout for event listings,
centralizing the logic for sorting and displaying past events.
It also adds a partial for getting past events.
The contributor page is also refactored to use Hugo's intersect function.

Author: neural-loop

assets/scss/buttons.scss

@@ -56,28 +56,12 @@
     border-color: color-mix(in srgb, var(--color-primary-new) 85%, black);
   }
 }
-// No specific dark mode override for .btn-primary if var(--color-primary-new) and white text
-// provide sufficient contrast on dark backgrounds. If a different dark mode appearance
-// for this specific button is needed, it can be added like:
-// .dark .btn-primary {
-//   background-color: var(--some-dark-mode-primary-variant);
-//   color: var(--some-dark-mode-text-for-primary-button);
-// }
 
 // Standard .btn-outline-primary (redefined to match .btn-new-outline for consistency)
 // Used by some components like event-card's "Learn More".
 .btn-outline-primary {
-  @apply border-2 font-semibold py-3 px-6 rounded-lg transition-all duration-300 ease-in-out inline-block text-center;
-  color: var(--color-primary-new);
-  border-color: var(--color-primary-new);
-  background-color: transparent;
-  &:hover {
-    background-color: var(--color-primary-new);
-    @apply text-white;
-  }
+  @extend .btn-new-outline;
 }
-// Dark mode for .btn-outline-primary can also be specified here if needed,
-// similar to .btn-primary. For now, relies on var(--color-primary-new).
 
 // Utility button style
 .btn-details-mini {

assets/scss/components/_hardware-card-wide.scss

@@ -4,41 +4,15 @@
   text-decoration: none !important;
 
   // Apply a subtle transition to the card for transform and shadow changes.
-  // This addresses the "gradual and subtle" hover effect.
   @apply transition-all duration-300 ease-in-out;
 
   // On hover, lift the card slightly and increase its shadow for a modern feel.
   &:hover {
     @apply transform shadow-lg;
   }
 
-  // Target the h3 title specifically.
+  // Target the h3 title specifically and apply the consistent link styling.
   h3 {
-    // Apply the site's default underline style.
-    text-decoration-line: underline;
-    text-decoration-color: #d7c7e3; // Initial underline color
-    text-decoration-thickness: 0.115em;
-    text-underline-offset: 2.6px;
-    
-    // Animate ONLY the underline color for a smooth transition.
-    transition: text-decoration-color 0.3s ease-in-out;
-  }
-
-  // When the card is hovered, change the h3's underline color.
-  &:hover h3 {
-    text-decoration-color: #200435; // Hover underline color
-  }
-}
-
-// Dark mode styles for the card's hover state.
-.dark .hardware-card-wide-link {
-  // On hover in dark mode...
-  &:hover h3 {
-    text-decoration-color: #bcfbff !important; // Dark mode hover underline color
-  }
-
-  // Define the base underline color for the title in dark mode.
-  h3 {
-    text-decoration-color: #288b8c;
+    @include styled-link(#d7c7e3, #200435, #288b8c, #bcfbff);
   }
 }

config/_default/menus.en.toml

@@ -75,26 +75,6 @@ weight = 7
   icon = "fas fa-chalkboard-user"
   description = "Expert-led workshops on key neuromorphic topics."
 
-[[main]]
-parent = "explore-resources" # Add this new entry
-name = "Contributors"
-url = "/contributors/"
-weight = 8
-[main.params]
-  icon = "fas fa-user-group"
-  description = "Meet the people building the Open Neuromorphic community."
-
-
-[[main]]
-parent = "explore-resources" # Add this new entry
-name = "Contributors"
-url = "/contributors/"
-weight = 8
-[main.params]
-  icon = "fas fa-user-group"
-  description = "Meet the people building the Open Neuromorphic community."
-
-
 [[main]]
 parent = "explore-resources" # Add this new entry
 name = "Contributors"

layouts/contributors/single.html

@@ -36,12 +36,7 @@ <h2 class="text-3xl font-bold text-center mb-3">{{ .Title }}</h2>
         <h2 class="text-3xl font-semibold mb-8 text-center lg:text-left">Contributions</h2>
 
         {{ $contributorName := .Title }}
-        {{ $authoredPages := slice }}
-        {{ range where site.RegularPages "Params.author" "!=" nil }}
-        {{ if in .Params.author $contributorName }}
-        {{ $authoredPages = $authoredPages | append . }}
-        {{ end }}
-        {{ end }}
+        {{ $authoredPages := where site.RegularPages "Params.author" "intersect" (slice $contributorName) }}
 
         {{/* Section 1: Initiatives */}}
         {{ $initiatives_unsorted := where $authoredPages "Type" "eq" "initiatives" }}
@@ -59,21 +54,28 @@ <h3 class="text-2xl font-semibold mb-5 border-b-2 border-primary dark:border-dar
         </div>
         {{ end }}
 
-        {{/* Section 2: Combined Timeline of Other Contributions */}}
-        {{ $otherContributions := $authoredPages | complement $initiatives }}
+        {{/* Section 2: Combined Timeline of Other Contributions - CORRECTED LOGIC */}}
+        {{ $otherContributions := slice }}
+        {{ range $authoredPages }}
+        {{ if not (in $initiatives .) }}
+        {{ $otherContributions = $otherContributions | append . }}
+        {{ end }}
+        {{ end }}
         {{ $sortedTimelineItems := sort $otherContributions "Date" "desc" }}
-        {{ $groupedByYear := $sortedTimelineItems.GroupByDate "2006" }}
-        {{ $sortedGroups := sort $groupedByYear ".Key" "desc" }}
 
         {{ if $sortedTimelineItems }}
         <div class="mb-10">
           <h3 class="text-2xl font-semibold mb-6 {{ if $initiatives }}border-t-2 border-border dark:border-darkmode-border pt-8{{ end }}">Activity Timeline</h3>
           <div class="contributor-timeline">
-            {{ range $group := $sortedGroups }}
+            {{ $currentYear := "" }}
+            {{ range $item := $sortedTimelineItems }}
+            {{ $itemYear := $item.Date.Format "2006" }}
+            {{ if ne $itemYear $currentYear }}
             <div class="timeline-year">
-              <span>{{ .Key }}</span>
+              <span>{{ $itemYear }}</span>
             </div>
-            {{ range .Pages }}
+            {{ $currentYear = $itemYear }}
+            {{ end }}
             <div class="timeline-item">
               <div class="timeline-item-content">
                 <div class="flex justify-between items-start gap-4">
@@ -88,16 +90,15 @@ <h4 class="text-xl font-semibold mb-1">
                   </div>
                   {{/* Right side: Badge */}}
                   <span class="timeline-item-badge flex-shrink-0">
-                    {{ .Type | default .Section | humanize | title }}
-                  </span>
+                      {{ .Type | default .Section | humanize | title }}
+                    </span>
                 </div>
                 {{ if .Description }}
                 <p class="text-gray-600 dark:text-gray-400 mt-3 text-sm">{{ .Description }}</p>
                 {{ end }}
               </div>
             </div>
             {{ end }}
-            {{ end }}
           </div>
         </div>
         {{ end }}

layouts/neuromorphic-computing/list.html

@@ -1,7 +1,6 @@
 {{ define "main" }}
 {{ partial "page-header" . }}
 
-
 <section class="section pt-6 mt-0 pb-16">
   <div class="container">
 
@@ -40,13 +39,7 @@
     {{/* --- New Modern Recent Events Sections --- */}}
     {{/* Recent Workshops Section */}}
     {{ $workshops_all := where site.RegularPages "Section" "workshops" }}
-    {{ $workshops_past_valid_date := slice }}
-    {{ range $workshops_all }}
-      {{ if and (ne .Params.upcoming true) (.Date) (not .Date.IsZero) }}
-        {{ $workshops_past_valid_date = $workshops_past_valid_date | append . }}
-      {{ end }}
-    {{ end }}
-    {{ $workshops_sorted := sort $workshops_past_valid_date "Date" "desc" }}
+    {{ $workshops_sorted := partial "logic/get_past_events.html" $workshops_all }}
     {{ partial "custom/modern-recent-events-section.html" (dict
         "section_title" "Workshops"
         "section_subtitle" "Catch up on our latest expert-led sessions and community discussions."
@@ -59,13 +52,7 @@
 
     {{/* Recent Hacking Hours Section */}}
     {{ $hacking_hours_all := where site.RegularPages "Type" "hacking-hours" }}
-    {{ $hacking_hours_past_valid_date := slice }}
-    {{ range $hacking_hours_all }}
-      {{ if and (ne .Params.upcoming true) (.Date) (not .Date.IsZero) }}
-        {{ $hacking_hours_past_valid_date = $hacking_hours_past_valid_date | append . }}
-      {{ end }}
-    {{ end }}
-    {{ $hacking_hours_sorted := sort $hacking_hours_past_valid_date "Date" "desc" }}
+    {{ $hacking_hours_sorted := partial "logic/get_past_events.html" $hacking_hours_all }}
     {{ partial "custom/modern-recent-events-section.html" (dict
         "section_title" "Hacking Hours"
         "section_subtitle" "Review our latest live coding explorations into neuromorphic software and tools."
@@ -78,13 +65,7 @@
 
     {{/* Recent Student Talks Section */}}
     {{ $student_talks_all := where site.RegularPages "Type" "student-talks" }}
-    {{ $student_talks_past_valid_date := slice }}
-    {{ range $student_talks_all }}
-      {{ if and (ne .Params.upcoming true) (.Date) (not .Date.IsZero) }}
-        {{ $student_talks_past_valid_date = $student_talks_past_valid_date | append . }}
-      {{ end }}
-    {{ end }}
-    {{ $student_talks_sorted := sort $student_talks_past_valid_date "Date" "desc" }}
+    {{ $student_talks_sorted := partial "logic/get_past_events.html" $student_talks_all }}
     {{ partial "custom/modern-recent-events-section.html" (dict
         "section_title" "Student Talks"
         "section_subtitle" "Insights from students and early-career researchers in neuromorphic computing."
@@ -115,4 +96,3 @@ <h3 class="section-title text-3xl font-semibold mb-3">Blog</h3>
   </div>
 </section>
 {{ end }}
-

layouts/partials/custom/hacking-hours-software-promo.html

@@ -1,11 +1,5 @@
 {{ $allPastHH := where site.RegularPages "Type" "hacking-hours" }}
-{{ $validDatePastHH := slice }}
-{{ range $allPastHH }}
-  {{ if and (ne .Params.upcoming true) (.Date) (not .Date.IsZero) }}
-    {{ $validDatePastHH = $validDatePastHH | append . }}
-  {{ end }}
-{{ end }}
-{{ $sortedPastHH := sort $validDatePastHH "Date" "Desc" }}
+{{ $sortedPastHH := partial "logic/get_past_events.html" $allPastHH }}
 {{ $mostRecentPastHH := "" }}
 {{ if $sortedPastHH }}{{ $mostRecentPastHH = index $sortedPastHH 0 }}{{ end }}
 

layouts/partials/logic/get_past_events.html

@@ -0,0 +1,9 @@
+{{ $pages_to_filter := . }}
+{{ $valid_past_events := slice }}
+{{ range $pages_to_filter }}
+  {{ if and (ne .Params.upcoming true) .Date (not .Date.IsZero) }}
+    {{ $valid_past_events = $valid_past_events | append . }}
+  {{ end }}
+{{ end }}
+{{ $sorted_past_events := sort $valid_past_events "Date" "desc" }}
+{{ return $sorted_past_events }}

layouts/shared/event-list-page.html

@@ -0,0 +1,67 @@
+{{ $page_context := .context }}
+{{ $sidebar_content_partial := .sidebar }}
+
+{{/*
+  Use the reusable partial to get all sorted past events.
+*/}}
+{{ $all_past_events_sorted := partial "logic/get_past_events.html" $page_context.RegularPages }}
+
+
+{{/* 4. Separate the most recent event to feature it. */}}
+{{ $featured_event := "" }}
+{{ if gt (len $all_past_events_sorted) 0 }}
+  {{ $featured_event = index $all_past_events_sorted 0 }}
+{{ end }}
+
+{{/* 5. Create a list of the remaining events for the other layouts. */}}
+{{ $events_after_featured := slice }}
+{{ if gt (len $all_past_events_sorted) 1 }}
+  {{ $events_after_featured = after 1 $all_past_events_sorted }}
+{{ end }}
+
+{{ $wide_card_events := first 4 $events_after_featured }}
+{{ $grid_card_events := after 4 $events_after_featured }}
+
+{{ partial "page-header" $page_context }}
+
+<section class="section pt-6">
+  <div class="container">
+    <div class="row">
+      {{ with $featured_event }}
+        <div class="lg:col-8 md:col-12 mb-8">
+          {{ partial "components/event-card.html" (dict "Context" . "variant" "featured") }}
+        </div>
+      {{ else }}
+        <div class="lg:col-8 md:col-12 mb-8">
+          <p class="p-4 bg-gray-100 dark:bg-gray-700 rounded">No past events to display.</p>
+        </div>
+      {{ end }}
+      <div class="lg:col-4 md:col-12 mb-14">
+        {{ partial $sidebar_content_partial $page_context }}
+      </div>
+    </div>
+    <div class="row">
+      {{ range $wide_card_events }}
+        <div class="col-12 mb-14">
+          {{ partial "components/event-card.html" (dict "Context" . "variant" "wide") }}
+        </div>
+      {{ end }}
+
+      {{ range $grid_card_events }}
+        <div class="lg:col-4 mb-14">
+          {{ partial "components/event-card.html" (dict "Context" . "variant" "grid") }}
+        </div>
+      {{ end }}
+    </div>
+
+    <div class="mt-8">
+        {{ partial "components/content-contribute-cta.html" (dict
+          "icon" "solid chalkboard-user"
+          "title" "Inspired? <span class=\"gradient-text\">Host an event.</span>"
+          "description" "Share your expertise with the community by hosting a workshop, student talk, or hacking hour. It's a great way to get feedback and help others learn."
+          "link" "/getting-involved/share-your-work/"
+          "link_text" "Learn How to Host"
+        ) }}
+    </div>
+  </div>
+</section>