Add page for Education resources

config/_default/menus.yaml

@@ -62,20 +62,24 @@ main:
     weight: 4
     url: "organizing-nwb-events/"
     parent: "Community"
-  - name: "Extending NWB"
+  - name: "Teaching with NWB"
     weight: 5
+    url: "community/educators/"
+    parent: "Community"
+  - name: "Extending NWB"
+    weight: 6
     url: "extending-nwb/"
     parent: "Community"
   - name: "Working Groups"
-    weight: 6
+    weight: 7
     url: "working-groups/"
     parent: "Community"
   - name: "Supporting NWB"
-    weight: 7
+    weight: 8
     url: "supporting-nwb/"
     parent: "Community"
   - name: "Team"
-    weight: 8
+    weight: 9
     url: "team/"
     parent: "Community"
 
@@ -142,17 +146,20 @@ community_links:
   - name: "Organizing NWB Events"
     weight: 4
     url: "/organizing-nwb-events"
-  - name: "Extending NWB"
+  - name: "Teaching with NWB"
     weight: 5
+    url: "/community/educators"
+  - name: "Extending NWB"
+    weight: 6
     url: "/extending-nwb"
   - name: "Working Groups"
-    weight: 6
+    weight: 7
     url: "/working-groups"
   - name: "Supporting NWB"
-    weight: 7
+    weight: 8
     url: "/supporting-nwb"
   - name: "Contact Us"
-    weight: 8
+    weight: 9
     url: "/contact-us"
 
 resources:

content/community/educators.md

@@ -0,0 +1,78 @@
+---
+title: "Teaching with NWB"
+weight: 2
+layout: "educators"
+resources_teaching_data:
+  enable: true
+  title: "Teaching Neuroscience with Real Data"
+  intro_md: |
+    Use real NWB datasets and ready-to-run notebooks to teach neuroscience concepts. If you're interested in using NWB datasets to teach neuroscience concepts:
+
+    1. **Explore Available Datasets**: Identify datasets appropriate for your course level and topics.
+    2. **Use Educational Resources**: Leverage ready-to-use notebooks and guides, e.g., NWB4EDU and the OpenScope Databook.
+    3. **Start Small**: Begin with a single lab or homework assignment using pre-existing analysis notebooks.
+    4. **Share Your Experience**: Contribute your teaching materials back to the community to help other educators.
+  boxes:
+    - title: "NWB4EDU: Teaching and Learning with NWB Datasets"
+      content: "NWB4EDU is an online book aimed at educators and students, providing a collection of Jupyter notebooks and teaching materials to learn about the NWB data standard and how to work with NWB files. Useful for introductory courses, labs, and self-paced learning."
+      image: "/images/community_gallery/nwb4edu.png"
+      url: "https://nwb4edu.github.io/"
+    - title: "OpenScope Databook"
+      content: "An educational resource built on Jupyter Book that teaches students how to analyze brain data using NWB files. The databook includes interactive tutorials, code examples, and visualizations that guide learners through real neuroscience data analysis workflows. Useful for guided, hands-on analysis assignments and tutorials."
+      image: "/images/community_gallery/openscope_databook.png"
+      url: "https://alleninstitute.github.io/openscope_databook/"
+    - title: "DANDI Archive"
+      content: "Find and access open neurophysiology datasets in NWB for classroom use, labs, and projects across modalities (ephys, imaging, behavior). Useful for sourcing real datasets for assignments and projects."
+      image: "/images/tools/dandi/dandi_screenshot_07_24_2022.png"
+      url: "https://dandiarchive.org/"
+    - title: "Community Gallery"
+      content: "Examples of labs using NWB and related tools for conversion, analysis, and reuse, useful for case studies and inspiration."
+      url: "/community/gallery/"
+
+resources_teaching_fair:
+  enable: true
+  title: "Teaching  FAIR Data and Software Practices"
+  intro_md: |
+    Use NWB to teach FAIR principles, data standardization, and software best practices. If you're interested in teaching open science, data management, and software best practices:
+
+    1. **Use NWB as a Case Study**: Demonstrate FAIR principles (Findable, Accessible, Interoperable, Reusable) using a well-defined standard.
+    2. **Teach Data Standardization**: Show students how standardized formats enable data sharing and reuse across laboratories.
+    3. **Explore the Open-Source Ecosystem**: Practice version control, documentation, and collaboration with community-maintained tools.
+    4. **Review Training Materials**: Draw from curated workshop resources and examples.
+    5. **Join the Community**: Connect with other educators through events and working groups.
+  boxes:
+    - title: "Training Materials"
+      content: "Recordings, slides, and materials from workshops and events on NWB, data standardization, and best practices. Useful for lectures, flipped-class prep, and instructor planning."
+      image: "/images/publications-citing.png"
+      url: "/training-materials/"
+    - title: "PyNWB Tutorials"
+      content: "Interactive Python tutorials for reading, writing, and analyzing NWB files. These tutorials include beginner-friendly examples suitable for students new to scientific programming. Useful for Python-based labs and homework."
+      url: "https://pynwb.readthedocs.io/en/stable/tutorials/index.html"
+    - title: "MatNWB Tutorials"
+      content: "MATLAB-based tutorials for working with NWB data. Ideal for courses already using MATLAB as a primary teaching language. Useful for MATLAB-based courses and labs."
+      url: "https://neurodatawithoutborders.github.io/matnwb/"
+    - title: "NWB YouTube Channel"
+      content: "Video tutorials, webinars, and recorded training sessions covering various aspects of NWB. Useful for visual demos and asynchronous learning."
+      url: "https://www.youtube.com/@NeurodataWithoutBorders"
+    - title: "Core Tools"
+      content: "A list of core NWB tools and libraries for working with NWB data in Python and MATLAB. These tools provide the necessary functionality for reading, writing, and analyzing NWB files. Useful for setting up course environments and student projects."
+      url: "/tools/core/"
+    - title: "Analysis Tools"
+      content: "A list of analysis tools that support NWB data. These tools can be used to perform various types of data analysis and visualization on NWB files and are useful for advanced analysis projects and demonstrations."
+      url: "/tools/analysis/"
+
+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."
+---
+
+Open data and standardized formats like NWB are valuable resources for transforming neuroscience education by providing students with access to real, high-quality datasets from leading research laboratories. The NWB format offers several key advantages for educational settings:
+
+- **Teach with Real Data**: Give students hands-on experience with actual experimental data from leading laboratories rather than simulated datasets
+- **Standardized Structure**: Students learn a consistent data format with rich metadata that they'll encounter in research settings
+- **Multi-Modal Data**: Access datasets combining electrophysiology, imaging, behavior, and other modalities in a single format
+- **Software Ecosystem**: Extensive tools and libraries for reading, writing, and analyzing NWB data in Python and MATLAB
+- **Promote Reproducibility**: Teach best practices in data management, documentation, and reproducible research from the start
+- **Community Support**: Active community providing documentation, tutorials, and support for educators and learners
+
+The NWB team is committed to supporting educators. If you have questions about using NWB in your teaching or would like to discuss educational initiatives, please [contact us](/contact-us/).

content/community/gallery.md

@@ -1,6 +1,7 @@
 ---
 title: "Community Gallery"
 weight: 1
+layout: "gallery"
 gallery_section:
   enable: true
   title: "Data Conversion"
@@ -38,6 +39,10 @@ analysis_section:
     - 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"
+    - title: "NWB4EDU: Teaching and Learning with NWB Datasets"
+      content: "NWB4EDU is an online book aimed at educators and students, providing a collection of Jupyter notebooks and teaching materials to learn about the NWB data standard and how to work with NWB files."
+      image: "/images/community_gallery/nwb4edu.png"
+      url: "https://nwb4edu.github.io/"
 
 publications_section:
   enable: true

layouts/community/educators.html

@@ -0,0 +1,143 @@
+{{ define "main" }}
+<div class="community-educators">
+{{/* 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>
+
+{{/* Resources: Teach with Real Data */}}
+{{ with .Params.resources_teaching_data }}
+{{ 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>
+        {{ if .intro_md }}
+        <div class="inter-400 text-16 dark-700 lh-base">{{ .intro_md | markdownify }}</div>
+        {{ else }}
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        {{ with .intro }}
+        <div class="inter-400 text-16 dark-700 lh-base mt-2">{{ . | markdownify }}</div>
+        {{ end }}
+        {{ with .steps }}
+        <ol class="inter-400 text-16 dark-700 lh-base ps-3 mt-2">
+            {{ range . }}
+            <li class="mb-1"><strong>{{ .title }}</strong>: {{ .content }}</li>
+            {{ end }}
+        </ol>
+        {{ end }}
+        {{ end }}
+        <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 Resources: Teach with Real Data */}}
+
+{{/* Resources: Teach FAIR + Software Practices */}}
+{{ with .Params.resources_teaching_fair }}
+{{ if .enable }}
+<section class="section bg-white">
+    <div class="container-lg">
+        <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
+        {{ if .intro_md }}
+        <div class="inter-400 text-16 dark-700 lh-base">{{ .intro_md | markdownify }}</div>
+        {{ else }}
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        {{ with .intro }}
+        <div class="inter-400 text-16 dark-700 lh-base mt-2">{{ . | markdownify }}</div>
+        {{ end }}
+        {{ with .steps }}
+        <ol class="inter-400 text-16 dark-700 lh-base ps-3 mt-2">
+            {{ range . }}
+            <li class="mb-1"><strong>{{ .title }}</strong>: {{ .content }}</li>
+            {{ end }}
+        </ol>
+        {{ end }}
+        {{ end }}
+        <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 Resources: Teach FAIR + Software Practices */}}
+
+
+{{/* Disclaimer Section */}}
+{{ with .Params.disclaimer }}
+{{ if .enable }}
+<section class="section bg-dark-100">
+    <div class="container-lg">
+        <div class="row">
+            <div class="col-12">
+                <div class="p-4 bg-white 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 }}