Add "Supporting NWB" page

assets/css/style.css

@@ -329,6 +329,14 @@
   padding: 100px 0 !important;
 }
 
+.section-reduced {
+  padding: 50px 0 !important;
+}
+
+.section-reduced-more {
+  padding: 30px 0 !important;
+}
+
 .shadow-inner {
   box-shadow: inset 0 2px 2px 0 rgb(0 0 0 / 0.05) !important;
 }

config/_default/menus.yaml

@@ -70,8 +70,12 @@ main:
     weight: 6
     url: "working-groups/"
     parent: "Community"
-  - name: "Team"
+  - name: "Supporting NWB"
     weight: 7
+    url: "supporting-nwb/"
+    parent: "Community"
+  - name: "Team"
+    weight: 8
     url: "team/"
     parent: "Community"
 
@@ -144,8 +148,11 @@ community_links:
   - name: "Working Groups"
     weight: 6
     url: "/working-groups"
-  - name: "Contact Us"
+  - name: "Supporting NWB"
     weight: 7
+    url: "/supporting-nwb"
+  - name: "Contact Us"
+    weight: 8
     url: "/contact-us"
 
 resources:

content/_index.md

@@ -8,8 +8,8 @@ hero_section:
       btn_text: Read More
       btn_link: "/about-nwb/"
 banner_section:
-  enable: false
-  title: ""
+  enable: true
+  title: "NWB needs your urgent help! <a href='/supporting-nwb/' style='color: #664d03; font-weight: 600;'>Learn how you can support NWB</a>"
 card_section:
   enable: true
   cards:

content/supporting-nwb/_index.md

@@ -0,0 +1,89 @@
+---
+title: Supporting NWB
+hero_section:
+  enable: true
+  title: "Supporting NWB"
+  subtitle: "Help sustain the digital infrastructure that enables your neuroscience data sharing"
+urgency_section:
+  enable: true
+  title: "Critical Funding Need"
+  content: "The primary source of funding support for NWB is ending in March 2026. Loss in funding will result in dissolution of the team that develops and maintains NWB. This team is critical to ensure NWB software keeps working and is up-to-date with the latest methods in neuroscience research and advances in data science. We are working diligently to explore all options for funding NWB. **We need your help advocating for NWB!**"
+  alert_type: "warning"
+action_section:
+  enable: true
+  title: "How You Can Help"
+  actions:
+    - title: "Advocate for Funding"
+      description: "Advocate for funding of data standards and infrastructure during conversations with private and public funders."
+      icon: /images/megaphone.png
+    - title: "Spread the Word"
+      description: "Help build awareness of NWB's impact and funding needs through your social networks, in discussions with colleagues, and in articles and publications."
+      icon: /images/community_dark.png
+    - title: "Add Your Testimonial"
+      description: "What impact has open neurophysiology data had on your science? Share your experience [here](https://docs.google.com/forms/d/e/1FAIpQLSfQuVJDganf6EZFD-KoaJUZ9r6q2r6XHy4xIwi6GVRSaYwsXw/viewform)."
+      icon: /images/testimonial.png
+    - title: "Give Credit"
+      description: When using open data, make sure to cite the standards, datasets, software, and related data papers in your publications.
+      icon: /images/credit.png
+impact_section:
+  enable: true
+  title: "Impact of NWB on Neuroscience"
+  subtitle: "NWB is a language for neurophysiology data and experiments that connects a vibrant digital ecosystem. This ecosystem enables meaningful sharing of neurophysiology data across the neuroscience community. The impact of NWB has been profound, and we are at an inflection point of exponential growth in openly available data in NWB. So far, NWB  has enabled:"
+  stats:
+    - number: "400+"
+      label: "open NWB datasets on DANDI"
+      description: "totaling 398+ TBs of standardized data across 120,000+ NWB files"
+      icon: /images/database.png
+      additional_image: "/images/nwb_datasets_growth.png" 
+    - number: "231"
+      label: "data re-use publications"
+      description: "generating new knowledge from existing data. See some of these publications [here](https://rly1.notion.site/8b1d1f08841e41b89fdd9ab21d486d31?v=99f8e0f855a5486b8fc521066b34d4b3)."
+      icon: /images/paper.png
+      additional_image: "/images/nwb_data_reuse_growth.png" 
+    - number: "35+"
+      label: "community tools"
+      description: "creating a vibrant community software ecosystem around NWB. See a list of these tools [here](/tools/analysis/)."
+      icon: /images/code.png
+      additional_image: "/images/nwb_community_tools_growth.png" 
+  transition_text: "This impact is the result of extensive community engagement and technical development over more than 10 years. This engagement has included:"
+  metrics:
+    - number: "60+"
+      label: "Outreach events"
+      description: "reaching 2,844 total registrants from 63 countries. [See all events](/events/)."
+      icon: /images/community.png
+      additional_image: "/images/nwb_events_growth.png" 
+    - number: "750K+"
+      label: "Lines of code"
+      description: "across 23 [software repositories](https://nwb-overview.readthedocs.io/en/latest/nwb-project-analytics/) with 127 unique contributors."
+      icon: /images/github.png
+      additional_image: "/images/nwb_code_growth.png" 
+    - number: "139+"
+      label: "Consultations"
+      description: "with 71 institutions and companies"
+      icon: /images/help.png
+      additional_image: "/images/nwb_consultations_growth.png" 
+  research_activities:
+    title: "NWB is Foundational to Neuroscience Research"
+    content: "NWB is foundational digital infrastructure for several ongoing large-scale, coordinated neuroscience research activities, including:"
+    activities:
+      - name: "[NIH BBQS and EMBER Archive](https://brain-bbqs.org/)"
+        image: "/images/ember-logo.png"
+      - name: "[DANDI Archive](https://dandiarchive.org/)"
+        image: "/images/dandi-logo-square_sw.png"
+      - name: "[MICrONS](https://www.nature.com/immersive/d42859-025-00001-w/index.html)"
+        image: ""
+      - name: "[Allen Institute for Neural Dynamics](https://alleninstitute.org/division/neural-dynamics/)"
+        image: "/images/ai_neural_dynamics_logo.png"
+      - name: "[Allen Institute OpenScope](https://www.allenneuraldynamics.org/projects/openscope)"
+        image: "/images/openscope_databook.png"
+      - name: "[International Brain Laboratory](https://www.internationalbrainlab.com/)"
+        image: "/images/ibl_logo.png"
+  data_reuse_section:
+    title: "Open NWB Data Reused Around the World"
+    content: "NWB data is being downloaded and reused by researchers worldwide, demonstrating the global impact of standardized neurophysiology data. Over **2 PB** of NWB data have been downloaded from the DANDI Archive."
+    image: /images/nwb_download_map.mp4
+  ai_future:
+    title: "The Potential of AI in Neuroscience"
+    content: "NWB enables re-use and aggregation of complex neurophysiology data, which has resulted in over 200 publications that maximize the return-on-investment (ROI) of neuroscience experiments. We know that the utilization of AI is accelerated by large amounts of AI-ready data. By enabling re-use and aggregation of neurophysiology data in a standardized format, the NWB ecosystem is critical to realizing the full potential of AI in neuroscience."
+    image: /images/ai_neuroscience.png
+---

layouts/index.html

@@ -46,9 +46,9 @@ <h1 class="inter-700 text-white text-48-responsive">{{ .title | markdownify }}</
 {{/* Banner Section */}}
 {{ with .Params.banner_section }}
 {{ if .enable }}
-<section class="w-100 bg-light-sky">
+<section class="w-100" style="background-color: #fff3cd;">
   <div class="py-5 banner mx-auto">
-    <p class="inter-600 text-24 text-center mb-0">{{ .title | markdownify }}</p>
+    <p class="inter-500 text-24 text-center mb-0" style="color: #664d03;">{{ .title | markdownify }}</p>
   </div>
 </section>
 {{ end }}

layouts/supporting-nwb/list.html

@@ -0,0 +1,186 @@
+{{ define "main" }}
+{{/* Custom CSS for orange links without affecting images */}}
+<style>
+.supporting-nwb-page a {
+    color: #d17128 !important;
+    text-decoration: none !important;
+}
+.supporting-nwb-page a:hover {
+    color: #d17128 !important;
+    text-decoration: underline !important;
+    text-underline-offset: 5px !important;
+}
+</style>
+
+{{/* Hero Section */}}
+{{ with .Params.hero_section }}
+{{ if .enable }}
+<section class="hero bg-main aboutSect d-flex justify-content-center align-items-center">
+    <div class="text-center">
+        <h1 class="inter-700 text-48 text-white mb-3">{{ .title | markdownify }}</h1>
+        <p class="inter-500 text-20 text-white opacity-75">{{ .subtitle | markdownify }}</p>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Hero Section */}}
+
+<div class="supporting-nwb-page">
+
+{{/* Urgency Section */}}
+{{ with .Params.urgency_section }}
+{{ if .enable }}
+<section class="section-reduced-more">
+    <div class="container-lg">
+        <div class="alert alert-warning border-0 p-4 rounded-4 text-center">
+            <div class="row align-items-center">
+                <div class="col-lg-2 text-center mb-3 mb-lg-0">
+                    <i class="fas fa-exclamation-triangle fa-3x text-warning"></i>
+                </div>
+                <div class="col-lg-10">
+                    <h2 class="inter-700 text-32 mb-3">{{ .title | markdownify }}</h2>
+                    <p class="inter-400 text-18 mb-0">{{ .content | markdownify }}</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Urgency Section */}}
+
+
+
+{{/* Action Section */}}
+{{ with .Params.action_section }}
+{{ if .enable }}
+<section class="section-reduced-more">
+    <div class="container-lg">
+        <div class="text-center mb-5">
+            <h2 class="inter-700 text-40 dark-900 mb-4">{{ .title | markdownify }}</h2>
+        </div>
+        <div class="row g-4 justify-content-center mb-5">
+            {{ range .actions }}
+            <div class="col-12 col-md-6">
+                <div class="bg-light p-4 rounded-4 text-center h-100">
+                    <img src="{{ .icon }}" alt="" width="64" class="mb-3">
+                    <h3 class="inter-600 text-24 dark-900 mb-3">{{ .title | markdownify }}</h3>
+                    <p class="inter-400 text-16 dark-700 mb-0">{{ .description | markdownify }}</p>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Action Section */}}
+
+{{/* Impact Section */}}
+{{ with .Params.impact_section }}
+{{ if .enable }}
+<section class="section-reduced bg-light">
+    <div class="container-lg">
+        <div class="text-center mb-5">
+            <h2 class="inter-700 text-40 dark-900 mb-4">{{ .title | markdownify }}</h2>
+            <p class="inter-400 text-18 dark-700 col-lg-8 mx-auto">{{ .subtitle | markdownify }}</p>
+        </div>
+        <div class="row g-4 justify-content-center mb-5">
+            {{ range .stats }}
+            <div class="col-12 col-md-6 col-lg-4">
+                <div class="bg-white p-4 rounded-4 text-center h-100 shadow-sm d-flex flex-column justify-content-between">
+                    <div>
+                        <img src="{{ .icon }}" alt="" width="48" class="mb-3">
+                        <h3 class="inter-700 text-32 text-main mb-2">{{ .number }}</h3>
+                        <h4 class="inter-600 text-20 dark-900 mb-2">{{ .label }}</h4>
+                        <div class="text-center mb-3">
+                            <img src="{{ .additional_image }}" alt="" class="img-fluid rounded-4">
+                        </div>
+                        <p class="inter-400 text-16 dark-700 mb-0">{{ .description | markdownify }}</p>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+
+        <div class="text-center mb-5">
+            <p class="inter-400 text-18 dark-700 col-lg-8 mx-auto">{{ .transition_text | markdownify }}</p>
+        </div>
+
+        <div class="row g-4 justify-content-center">
+            {{ range .metrics }}
+            <div class="col-12 col-md-6 col-lg-4">
+                <div class="bg-white p-4 rounded-4 text-center h-100 shadow-sm">
+                    <img src="{{ .icon }}" alt="" width="48" class="mb-3">
+                    <h3 class="inter-700 text-32 text-second mb-2">{{ .number }}</h3>
+                    <h4 class="inter-600 text-20 dark-900 mb-2">{{ .label }}</h4>
+                    <div class="text-center mb-3">
+                        <img src="{{ .additional_image }}" alt="" class="img-fluid rounded-4">
+                    </div>
+                    <p class="inter-400 text-16 dark-700 mb-0">{{ .description | markdownify }}</p>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+
+
+        {{/* Research Activities Subsection */}}
+        {{ with .research_activities }}
+        <div class="mb-5 mt-5 text-center">
+            <h3 class="inter-600 text-28 dark-900 mb-3">{{ .title | markdownify }}</h3>
+            <p class="inter-400 text-18 dark-700 mb-4 col-lg-10 mx-auto">{{ .content | markdownify }}</p>
+            <div class="row g-3">
+                {{ range .activities }}
+                <div class="col-12 col-md-6 col-lg-4">
+                    <div class="bg-white p-3 rounded-3 shadow-sm h-100 d-flex align-items-center">
+                        {{ if .image }}
+                        <img src="{{ .image }}" alt="{{ .name }}" width="40" height="40" class="me-3 flex-shrink-0">
+                        {{ else }}
+                        <div class="bg-main rounded-circle d-flex align-items-center justify-content-center me-3 flex-shrink-0" style="width: 40px; height: 40px;">
+                            <i class="fas fa-brain text-white"></i>
+                        </div>
+                        {{ end }}
+                        <span class="inter-500 text-14 dark-900">{{ .name | markdownify }}</span>
+                    </div>
+                </div>
+                {{ end }}
+            </div>
+        </div>
+        {{ end }}
+
+        {{/* Data Reuse Section */}}
+        {{ with .data_reuse_section }}
+        <div class="mb-5 text-center">
+            <h3 class="inter-600 text-28 dark-900 mb-3">{{ .title | markdownify }}</h3>
+            <div class="bg-white p-4 rounded-4 shadow-sm">
+                <div class="row align-items-center">
+                    <div class="col-lg-6">
+                        <p class="inter-400 text-18 dark-700">{{ .content | markdownify }}</p>
+                    </div>
+                    <div class="col-lg-6 text-center">
+                        <video class="img-fluid rounded-4" autoplay muted loop playsinline>
+                            <source src="{{ .image }}" type="video/mp4">
+                            Your browser does not support the video tag.
+                        </video>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {{ end }}
+
+
+        {{/* AI and Future Subsection */}}
+        {{ with .ai_future }}
+        <div class="mb-4 text-center">
+            <h3 class="inter-600 text-28 dark-900 mb-3">{{ .title | markdownify }}</h3>
+            <p class="inter-400 text-18 dark-700 col-lg-10 mx-auto">{{ .content | markdownify }}</p>
+        </div>
+        {{ end }}
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Impact Section */}}
+</div>
+
+{{ end }}