Enhance Community Gallery layout and content

- Adjusted spacing in the community gallery sections for better visual appeal.
- Updated descriptions and added new entries in the gallery section of the markdown file.
- Improved HTML structure for image handling in the community gallery layout.

Author: bendichter

assets/css/style.css

@@ -1160,4 +1160,31 @@ a.next-page-btn:hover {
   background-color: #e6f0f9;
   border: 2px solid #114b7c;
   text-decoration: none !important;
-}
+}
+
+/* Community Gallery - Reduced spacing */
+.community-gallery .section {
+  padding: 60px 0 !important;
+}
+
+.community-gallery .hero {
+  height: 300px !important;
+}
+
+.community-gallery .section:first-of-type {
+  padding: 40px 0 !important;
+}
+
+@media (max-width: 768px) {
+  .community-gallery .section {
+    padding: 40px 0 !important;
+  }
+  
+  .community-gallery .hero {
+    height: 250px !important;
+  }
+  
+  .community-gallery .section:first-of-type {
+    padding: 30px 0 !important;
+  }
+}

content/community/gallery.md

@@ -7,7 +7,7 @@ gallery_section:
   content: "Tools and resources for converting data to NWB format"
   boxes:
     - title: "NeuroConv Catalog"
-      content: "Real-world examples of labs using NeuroConv to convert their data to NWB files. Each project listed contains a description and a link to an open GitHub repository. Many of the projects listed use advanced customization features beyond what is demonstrated in the core NeuroConv conversion gallery."
+      content: "A collection of real-world examples of labs using NeuroConv to convert their data to NWB files. Each project listed contains a description and a link to an open GitHub repository. Many of the projects listed use advanced customization features beyond what is demonstrated in the core NeuroConv conversion gallery."
       image: "/images/community_gallery/neuroconv_gallery.png"
       url: "https://neuroconv.readthedocs.io/en/stable/conversion_examples_gallery/index.html"
     - title: "Bristol Neuroscience Data Guide"
@@ -32,6 +32,12 @@ analysis_section:
       content: "The International Brain Laboratory (IBL) released a Brainwide Map of neural activity during decision-making, consisting of 547 Neuropixel recordings of 32,784 neurons across 194 regions of the mouse brain. The IBL team provides tutorials on Using IBL data with NWB."
       image: "/images/community_gallery/ibl_brainmap.png"
       url: "https://colab.research.google.com/drive/1zr6lP_zzRgPZuHs3nB5oGnFtPKrduQ3L"
+    - title: "INCF MATLAB Examples"
+      content: "The INCF working group on NWB has created a library of MATLAB examples using DANDI datasets authored as MATLAB live scripts."
+      url: "https://github.com/INCF/example-live-scripts"
+    - title: "Neuromatch-AJILE12"
+      content: "A package for exploratory analysis of long-term naturalistic human intracranial neural recordings and pose data as part of Dandiset 000055."
+      url: "https://github.com/neurovium/Neuromatch-AJILE12"
 
 publications_section:
   enable: true
@@ -48,4 +54,4 @@ disclaimer:
   content: "**Disclaimer:** Reference herein to any specific product, process, or service by its trade name, trademark, manufacturer, or otherwise, does not constitute or imply its endorsement, recommendation, or favoring by the NWB development team, United States Government or any agency thereof, or The Regents of the University of California. Use of the NeurodataWithoutBorders name for endorsements is prohibited."
 ---
 
-This page is a collection of community conversion, analysis, and reuse projects cataloged here as a convenient reference for NWB users. This list is not comprehensive. Many of the projects and resources are built and supported by other groups.
+This page is a collection of community conversion and analysis projects cataloged here as a convenient reference for NWB users. This list is not comprehensive and many of the projects and resources are built and supported by other groups, and are in active development.

layouts/community/single.html

@@ -1,4 +1,5 @@
 {{ define "main" }}
+<div class="community-gallery">
 {{/* Hero Section */}}
 <section class="hero teamSect d-flex justify-content-center align-items-center position-relative"
          style="background: radial-gradient(#063053e5, #062e52e5), url('/images/essentials/aboutBg.png');">
@@ -31,11 +32,13 @@ <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
             <div class="col-12 col-md-6">
                 <div class="bg-white h-100 rounded-3 p-4 shadow-sm">
                     <div class="d-flex flex-row">
-                        <div class="me-4">
+                        {{ if .image }}
+                        <div class="me-4 flex-shrink-0">
                             <a href="{{ .url }}" target="_blank">
-                                <img src="{{ .image }}" alt="{{ .title }}" class="rounded-3" style="width: 100px; height: 100px; object-fit: cover;">
+                                <img src="{{ .image }}" alt="{{ .title }}" class="rounded-3 gallery-card-image" style="width: 100px; height: 100px; object-fit: cover;" onerror="this.parentElement.parentElement.style.display='none';">
                             </a>
                         </div>
+                        {{ end }}
                         <div class="flex-grow-1">
                             <a href="{{ .url }}" class="text-decoration-none" target="_blank">
                                 <h5 class="inter-700 text-18 dark-900 mb-2 text-decoration-underline">{{ .title | markdownify }}</h5>
@@ -65,11 +68,13 @@ <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
             <div class="col-12 col-md-6">
                 <div class="bg-dark-100 h-100 rounded-3 p-4 shadow-sm">
                     <div class="d-flex flex-row">
-                        <div class="me-4">
+                        {{ if .image }}
+                        <div class="me-4 flex-shrink-0">
                             <a href="{{ .url }}" target="_blank">
-                                <img src="{{ .image }}" alt="{{ .title }}" class="rounded-3" style="width: 100px; height: 100px; object-fit: cover;">
+                                <img src="{{ .image }}" alt="{{ .title }}" class="rounded-3 gallery-card-image" style="width: 100px; height: 100px; object-fit: cover;" onerror="this.parentElement.parentElement.style.display='none';">
                             </a>
                         </div>
+                        {{ end }}
                         <div class="flex-grow-1">
                             <a href="{{ .url }}" class="text-decoration-none" target="_blank">
                                 <h5 class="inter-700 text-18 dark-900 mb-2 text-decoration-underline">{{ .title | markdownify }}</h5>
@@ -139,4 +144,5 @@ <h5 class="inter-700 text-18 dark-900 mb-2 text-decoration-underline">{{ .title
 {{ end }}
 {{/* End Disclaimer Section */}}
 
+</div>
 {{ end }}