feat: add sponsor us page (#842)

Author: lwasser

_data/navigation.yml

@@ -51,6 +51,8 @@ main:
         url: "https://www.pyopensci.org/handbook/"
   - title: "Support Us"
     sub-nav:
+      - title: "Ways to Give"
+        url: "/ways-to-give.html"
       - title: "Volunteer"
         url: "/volunteer.html"
   - title: "Donate"

_pages/ways-to-give.md

@@ -0,0 +1,152 @@
+---
+layout: splash
+classes: flowing
+title: "Invest in the Future of Scientific Open Source"
+author_profile: false
+published: true
+site-map: true
+permalink: /ways-to-give.html
+header:
+  overlay_color: "#33205c"
+  overlay_filter: 0.3
+---
+
+<div class="content padding" markdown="1">
+
+By supporting pyOpenSci, you are directly investing in the sustainability of the
+open-source Python ecosystem that modern businesses, universities, and
+researchers rely on. A healthy, diverse open-source community is critical to
+ensuring the long-term health and accessibility of the fundamental tools that
+enable productivity and innovation at scale.
+
+Whether you are a company looking to align your brand with industry leaders, or
+an individual funder passionate about open science, we offer clear pathways for
+you to support our mission.
+
+<figure class="full">
+  <picture>
+  <source srcset="/images/people/scipy-sprint-2026.webp" type="image/webp">
+  <img src="/images/people/scipy-sprint-2026.png" alt="A group of contributors sitting at a table at a pyOpenSci sprint working on their laptops and talking to each other.">
+  </picture>
+</figure>
+
+## For companies: corporate sponsorship
+
+By sponsoring pyOpenSci, your company directly expands high-impact, expert-led
+training programs that build a stronger pipeline of diverse talent in the
+scientific open-source space. Your support enables us to deliver rigorously
+reviewed educational resources, ultimately fostering a more resilient and
+informed ecosystem that scales scientific discovery.
+
+### Benefits of contributing
+
+<ul class="benefits-list">
+  <li>
+    <i class="fa-solid fa-seedling" aria-hidden="true"></i>
+    <strong>Long-term impact.</strong>
+    Open source development and the critical infrastructure it supports are
+    rapidly evolving due to the impacts of generative AI. pyOpenSci is uniquely
+    positioned to address these challenges, and our sponsors will be at the
+    forefront of this evolution, directly supporting a mission that shapes the
+    future of open source tools.
+  </li>
+  <li>
+    <i class="fa-solid fa-bullhorn" aria-hidden="true"></i>
+    <strong>Brand awareness.</strong>
+    Your brand will benefit from multi-channel promotion integrated directly into
+    our evolving content strategy, which spans our primary website,
+    organizational and personal social platforms, dedicated mailing lists, and
+    an upcoming asynchronous course platform tailored for universities.
+  </li>
+  <li>
+    <i class="fa-solid fa-people-arrows" aria-hidden="true"></i>
+    <strong>Target audience.</strong>
+    Expose your brand to practitioners who don't just use tools—they have high
+    visibility to those who develop them, teach them, and shape how research
+    communities adopt new workflows.
+  </li>
+</ul>
+
+Sponsorship funds directly support our mission to make scientific Python more
+accessible. From special programs to scholarships, your sustained support
+ensures our scientific infrastructure remains a crucial, valuable resource.
+
+### Example sponsorship tiers
+
+Tiers vary by organization; the table below illustrates how support can align
+with different goals. Contact us to design a package that fits your team.
+
+| Tier | Example focus | Example visibility &amp; benefits |
+| --- | --- | --- |
+| **Ecosystem catalyst** | Companies ready to lead in supporting open source research software | Premier placement across channels; tailored activations such as mentored sprints and dedicated office hours; strategic collaboration with pyOpenSci leadership |
+| **Momentum driver** | Teams growing their scientific Python footprint | Sustained visibility on the website and in mailings; alignment with webinars and community programs; connection to our cross-disciplinary network |
+| **Foundation builder** | Organizations beginning to invest in open science education | Recognition alongside training and course materials; support for scholarships and learner access; pathway to deeper partnership |
+
+<a href="mailto:media@pyopensci.org?subject=pyOpenSci%20corporate%20sponsorship%20inquiry"
+   class="btn btn--info btn--large">Inquire to learn more</a>
+
+</div>
+
+{% comment %}
+<div class="pyos-section purple" markdown="1">
+<div class="content padding-wide" markdown="1">
+
+### A learner perspective
+
+<div class="highlight-quote-split" markdown="0">
+<figure class="highlight-quote-split__photo">
+  <img src="/images/people/leah-wasser/headshot.jpg" width="180" height="180" loading="lazy" alt="Portrait placeholder for the learner testimonial; replace with the contributor photo when available.">
+</figure>
+{% include pyos-blockquote.html quote="Absolutely honored to have had the opportunity to contribute to the amazing pyOpenSci open-source project at my first-ever #PyConUS24 back in May! 🙌 As a total newbie, I was blown away by how warm and welcoming the pyOpenSci team was—they made diving into my first open-source contribution so much less intimidating (even if it was just documentation)! 😅 It's been an incredible experience to see firsthand how collaboration can drive innovation in the Python community, and I'm excited to keep learning and contributing." author="Brianne Wilhelmi" event="Software Engineer" class="highlight purple wide highlight-quote--split" %}
+</div>
+</div>
+</div>
+{% endcomment %}
+
+<div class="pyos-section" markdown="1">
+<div class="content padding" markdown="1">
+
+## For funders &amp; community: direct donations
+
+The scientific research community is experiencing unparalleled challenges. From
+shifting federal and grant funding to the rise of generative AI, the need to
+support science and the tools that drive innovation at scale has never been
+greater.
+
+Every donation—whether a one-time gift or a recurring contribution—directly
+empowers the individuals and structures propelling open science forward.
+
+### What your investment enables
+
+<ul class="benefits-list">
+  <li>
+    <i class="fa-solid fa-gears" aria-hidden="true"></i>
+    <strong>Sustaining core operations.</strong>
+    Your funding directly supports our infrastructure, community support, and
+    the leadership required to run our programs.
+  </li>
+  <li>
+    <i class="fa-solid fa-hand-holding-heart" aria-hidden="true"></i>
+    <strong>Rewarding volunteer contributions.</strong>
+    We provide volunteer stipends that keep our vital open-source software peer
+    review running.
+  </li>
+  <li>
+    <i class="fa-solid fa-book-open" aria-hidden="true"></i>
+    <strong>Developing trusted training materials.</strong>
+    We build rigorously reviewed tutorials and training materials that support
+    better software development.
+  </li>
+  <li>
+    <i class="fa-solid fa-universal-access" aria-hidden="true"></i>
+    <strong>Expanding access.</strong>
+    Your donations fund scholarships to our asynchronous courses, expanding
+    access to world-class education while sustaining pyOpenSci's mission.
+  </li>
+</ul>
+
+<a href="https://give.communityin.org/pyopensci_2024"
+   class="btn btn--info btn--large">Donate today</a>
+
+</div>
+</div>

_sass/minimal-mistakes/_pyos-flowing-page.scss

@@ -18,6 +18,11 @@
         position: relative;
         margin-top: 4rem;
     }
+
+    // Extra bottom padding when the learner / split quote sits in this band
+    &.purple:has(.highlight-quote-split) {
+        padding-bottom: 1.5rem;
+    }
 }
 
 // Wave dividers (div_purple_top.html / div_purple_bottom.html):
@@ -253,3 +258,85 @@
     }
 
 }
+
+// Opt-in layout: wide blockquote + photo (add .highlight-quote--split on blockquote)
+.highlight-quote-split {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+    // Clearance below "A learner perspective" so the opening quote mark does
+    // not overlap the heading
+    margin-top: 2.25rem;
+    margin-bottom: 0.5rem;
+
+    @include breakpoint($medium) {
+        flex-direction: row;
+        align-items: flex-start;
+        gap: 2rem;
+    }
+}
+
+.highlight-quote-split__photo {
+    margin: 0;
+    flex-shrink: 0;
+    text-align: center;
+
+    img {
+        display: block;
+        width: 180px;
+        height: 180px;
+        object-fit: cover;
+        border-radius: 50%;
+    }
+}
+
+// Class name uses BEM-style --; attribute selector avoids Sass minus ambiguity
+blockquote.highlight-quote.wide[class~="highlight-quote--split"] {
+    flex: 1;
+    min-width: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+    // Anchor decorative quotes so they stay inside the purple band
+    position: relative;
+    padding-top: 1.5rem;
+    padding-bottom: 4rem;
+    padding-right: 1.5rem;
+    padding-left: 0.25rem;
+
+    // +10% leading vs .wide blockquote paragraph (base 2.2rem)
+    p.quote {
+        line-height: calc(2.2rem * 1.05);
+    }
+
+    // Less upward shift than default -20px so the open quote clears the h3
+    p.quote:before {
+        top: -0.35rem;
+    }
+
+    &:after {
+        right: 1rem;
+        bottom: 0.75rem;
+        top: auto;
+        margin-top: 0;
+    }
+
+    > div.end {
+        position: relative;
+        display: block;
+        min-height: 2.5rem;
+    }
+
+    > div.end:after {
+        right: 0.75rem !important;
+        bottom: 0 !important;
+        top: auto !important;
+        margin-top: 0 !important;
+    }
+
+    // With footer, close-quote also renders on .end — hide duplicate (must follow &:after)
+    &:has(footer):after {
+        content: none !important;
+        display: none !important;
+    }
+}