Add Community Gallery section with resources and images

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;
+  }
+}

config/_default/menus.yaml

@@ -54,16 +54,24 @@ main:
     weight: 2
     url: "events/"
     parent: "Community"
-  - name: "Enhancement Proposals"
+  - name: "Community Gallery"
+    weight: 3
+    url: "community/gallery/"
+    parent: "Community"
+  - name: "Organizing NWB Events"
     weight: 4
+    url: "organizing-nwb-events/"
+    parent: "Community"
+  - name: "Enhancement Proposals"
+    weight: 5
     url: "https://github.com/nwb-extensions/nwbep-review/"
     parent: "Community"
   - name: "Working Groups"
-    weight: 5
+    weight: 6
     url: "working-groups/"
     parent: "Community"
   - name: "Team"
-    weight: 6
+    weight: 7
     url: "team/"
     parent: "Community"
 
@@ -124,14 +132,20 @@ community_links:
   - name: "Events"
     weight: 2
     url: "/events"
-  - name: "About Events"
+  - name: "Community Gallery"
     weight: 3
-    url: "/about-events"
-  - name: "Working Groups"
+    url: "/community/gallery"
+  - name: "Organizing NWB Events"
     weight: 4
+    url: "/organizing-nwb-events"
+  - name: "Enhancement Proposals"
+    weight: 5
+    url: "https://github.com/nwb-extensions/nwbep-review/"
+  - name: "Working Groups"
+    weight: 6
     url: "/working-groups"
   - name: "Contact Us"
-    weight: 5
+    weight: 7
     url: "/contact-us"
 
 resources:
@@ -153,3 +167,4 @@ resources:
   - name: "FAQ"
     weight: 6
     url: "/faq"
+

content/community/_index.md

@@ -0,0 +1,4 @@
+---
+title: "Community"
+weight: 5
+---

content/community/gallery.md

@@ -0,0 +1,57 @@
+---
+title: "Community Gallery"
+weight: 1
+gallery_section:
+  enable: true
+  title: "Data Conversion"
+  content: "Tools and resources for converting data to NWB format"
+  boxes:
+    - title: "NeuroConv Catalog"
+      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"
+      content: "The Bristol Neuroscience Data Guide includes tutorials for converting data to NWB for extracellular electrophysiology data and optical physiology data using both the PyNWB and MatNWB APIs for NWB."
+      image: "/images/community_gallery/bristol_neuroscience_data_guide.png"
+      url: "https://dervinism.github.io/bristol-neuroscience-data-guide/tutorials/Bristol%20GIN%20for%20Silicon%20Probe%20Data.html"
+
+analysis_section:
+  enable: true
+  title: "Data Analysis and Reuse"
+  content: "Examples and resources for analyzing and reusing NWB data"
+  boxes:
+    - title: "DANDI Example Notebooks"
+      content: "DANDI (Distributed Archives for Neurophysiology Data Integration) maintains a collection of example notebooks associated with datasets, conference tools, or more generally notebooks that illustrate the use of data on DANDI."
+      image: "/images/community_gallery/dandi_example_notebooks.png"
+      url: "https://github.com/dandi/example-notebooks"
+    - title: "OpenScope Databook"
+      content: "The OpenScope Databook provides scripts and documentation used for brain data analysis and visualization, primarily working with NWB files and the DANDI archive. Through Jupyter Book, this code is structured as a series of notebooks intended to explain and educate users on how to work with brain data."
+      image: "/images/community_gallery/openscope_databook.png"
+      url: "https://alleninstitute.github.io/openscope_databook/"
+    - title: "IBL Brain-wide Map"
+      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
+  title: "Publications That Reuse NWB Data"
+  content: "The NWB team maintains a running database of publications that reuse publicly available NWB data, particularly from the DANDI Archive."
+  boxes:
+    - title: "NWB Data Reuse Publications"
+      content: "A collection of publications that reuse publicly available NWB data."
+      image: "/images/publications-citing.png"
+      url: "https://www.notion.so/rly1/8b1d1f08841e41b89fdd9ab21d486d31?v=99f8e0f855a5486b8fc521066b34d4b3"
+
+disclaimer:
+  enable: true
+  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 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/list.html

@@ -0,0 +1,35 @@
+{{ define "main" }}
+{{/* 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');">
+    <h1 class="inter-700 text-48 text-white text-center z-4">{{ .Title | markdownify }}</h1>
+    <div class="position-absolute ellipses">
+        <img src="/images/essentials/ellipses.png" alt="" class="ellipseW">
+    </div>
+</section>
+{{/* End Hero Section */}}
+
+<section class="section bg-dark-100">
+    <div class="container-lg">
+        <div class="row">
+            <div class="col-12">
+                {{ .Content }}
+            </div>
+            <div class="col-12 mt-4">
+                <div class="row g-4">
+                    {{ range .Pages }}
+                    <div class="col-12 col-md-6 col-lg-4">
+                        <a href="{{ .Permalink }}" class="text-decoration-none">
+                            <div class="bg-white rounded-3 p-4 shadow-sm h-100">
+                                <h4 class="inter-700 text-24 dark-900 mb-3">{{ .Title }}</h4>
+                                <p class="inter-400 text-16 dark-700">{{ .Summary }}</p>
+                            </div>
+                        </a>
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{{ end }}

layouts/community/single.html

@@ -0,0 +1,148 @@
+{{ 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');">
+    <h1 class="inter-700 text-48 text-white text-center z-4">{{ .Title | markdownify }}</h1>
+    <div class="position-absolute ellipses">
+        <img src="/images/essentials/ellipses.png" alt="" class="ellipseW">
+    </div>
+</section>
+{{/* End Hero Section */}}
+
+<section class="section bg-white">
+    <div class="container-lg">
+        <div class="row">
+            <div class="col-12">
+                {{ .Content }}
+            </div>
+        </div>
+    </div>
+</section>
+
+{{/* Data Conversion Section */}}
+{{ with .Params.gallery_section }}
+{{ if .enable }}
+<section class="section bg-dark-100">
+    <div class="container-lg">
+        <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        <div class="row g-4 justify-content-center pt-4">
+            {{ range .boxes }}
+            <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">
+                        {{ if .image }}
+                        <div class="me-4 flex-shrink-0">
+                            <a href="{{ .url }}" target="_blank">
+                                <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>
+                            </a>
+                            <p class="inter-400 text-14 dark-700">{{ .content | markdownify }}</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Data Conversion Section */}}
+
+{{/* Data Analysis Section */}}
+{{ with .Params.analysis_section }}
+{{ if .enable }}
+<section class="section bg-white">
+    <div class="container-lg">
+        <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        <div class="row g-4 justify-content-center pt-4">
+            {{ range .boxes }}
+            <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">
+                        {{ if .image }}
+                        <div class="me-4 flex-shrink-0">
+                            <a href="{{ .url }}" target="_blank">
+                                <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>
+                            </a>
+                            <p class="inter-400 text-14 dark-700">{{ .content | markdownify }}</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Data Analysis Section */}}
+
+{{/* Publications Section */}}
+{{ with .Params.publications_section }}
+{{ if .enable }}
+<section class="section bg-dark-100">
+    <div class="container-lg">
+        <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        <div class="row g-4 justify-content-center pt-4">
+            {{ range .boxes }}
+            <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">
+                            <a href="{{ .url }}" target="_blank">
+                                <img src="{{ .image }}" alt="{{ .title }}" class="rounded-3" style="width: 100px; height: 100px; object-fit: cover;">
+                            </a>
+                        </div>
+                        <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>
+                            </a>
+                            <p class="inter-400 text-14 dark-700">{{ .content | markdownify }}</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Publications Section */}}
+
+{{/* Disclaimer Section */}}
+{{ with .Params.disclaimer }}
+{{ if .enable }}
+<section class="section bg-white">
+    <div class="container-lg">
+        <div class="row">
+            <div class="col-12">
+                <div class="p-4 bg-light rounded-3">
+                    <p class="inter-400 text-14 dark-700 lh-base">{{ .content | markdownify }}</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Disclaimer Section */}}
+
+</div>
+{{ end }}