fix: headers should use webp and remove the overlay (for accessibility and load)

Author: lwasser

_includes/page__hero.html

@@ -1,26 +1,25 @@
 {% capture overlay_img_path %}{{ page.header.overlay_image | relative_url }}{% endcapture %}
 
-{% if page.header.overlay_filter contains "gradient" %}
-  {% capture overlay_filter %}{{ page.header.overlay_filter }}{% endcapture %}
-{% elsif page.header.overlay_filter contains "rgba" %}
-  {% capture overlay_filter %}{{ page.header.overlay_filter }}{% endcapture %}
-  {% capture overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}){% endcapture %}
-{% elsif page.header.overlay_filter %}
-  {% capture overlay_filter %}rgba(0, 0, 0, {{ page.header.overlay_filter }}){% endcapture %}
-  {% capture overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}){% endcapture %}
-{% endif %}
-
 {% if page.header.image_description %}
   {% assign image_description = page.header.image_description %}
 {% else %}
   {% assign image_description = page.title %}
 {% endif %}
 
 {% assign image_description = image_description | markdownify | strip_html | strip_newlines | escape_once %}
-
+<!-- Add support for webp and remove overlay filter -->
 <div class="page__hero{% if page.header.overlay_color or page.header.overlay_image %}--overlay{% endif %}"
-  style="{% if page.header.overlay_color %}background-color: {{ page.header.overlay_color | default: 'transparent' }};{% endif %} {% if overlay_img_path %}background-image: {% if overlay_filter %}{{ overlay_filter }}, {% endif %}url('{{ overlay_img_path }}');{% endif %}"
->
+  style="
+    {% if page.header.overlay_color %}
+      background-color: {{ page.header.overlay_color | default: '#33205c' }};
+    {% endif %}
+    {% if overlay_img_path %}
+      background-image: image-set(
+        url('{{ overlay_img_path | replace: '.png', '.webp' }}') 1x,
+        url('{{ overlay_img_path }}') type('image/png') 2x
+      );
+    {% endif %}
+">
   {% if page.header.overlay_color or page.header.overlay_image %}
     <div class="wrapper">
       <h1 id="page-title" class="page__title" itemprop="headline">

_pages/about-peer-review.md

@@ -3,8 +3,7 @@ layout: splash
 permalink: /about-peer-review/
 title: "pyOpenSci Makes Python Software Better and Easier to Find Through Peer Review"
 header:
-  overlay_image: images/header.png
-  overlay_filter: 0.8
+  overlay_image: images/headers/pyos-peer-review-header.png
 intro:
   - excerpt: "Our open peer review process makes scientific software better and easier to discover. [Check out our accepted packages.](https://www.pyopensci.org/python-packages.html)"
 benefits_scientists:
@@ -16,7 +15,7 @@ benefits_scientists:
     btn_label: Learn more about scientific Python community partnerships
     btn_class: btn--primary
 benefits_maintainers:
-  - image_path: images/landing-pages/pyopensci-supports-maintainers.png
+  - image_path: images/landing-pages/peer-review-supports-maintainers.png
     alt: "A pencil sketch of a round table with people sitting around it from different backgrounds working on laptops and also writing together."
     excerpt: "The pyOpenSci peer review process multiplies shared knowledge, making it easier for Pythonistas of all levels to accomplish challenging tasks, such as navigating the Python packaging ecosystem, with relative ease. And our diverse community supports scientific package maintainers in their efforts to develop and build robust software."
     title: "Peer review benefits open source maintainers"

_pages/contributors.md

@@ -5,7 +5,7 @@ title: "The pyOpenSci Team & Contributors"
 excerpt: "pyOpenSci is a diverse community of people interested in building a community of practice around scientific software written in Python."
 classes:
 header:
-  overlay_image: images/header.png
+  overlay_image: images/headers/pyopensci-learn-header.png
   overlay_filter: 0.6
 redirect_from:
   - /contributors.html

_pages/events.md

@@ -5,7 +5,7 @@ classes: wide
 title: "pyOpenSci Events"
 excerpt: "pyOpenSci holds events that support scientists developing open science skills."
 header:
-  overlay_image: images/headers/scipy-2024-workshop.png
+  overlay_image: images/headers/pyopensci-learn-header.png
   overlay_filter: rgba(20, 13, 36, 0.8)
 author_profile: false
 ---

_pages/home.md

@@ -1,13 +1,13 @@
 ---
 layout: splash
 title: "Welcome to pyOpenSci"
-excerpt: "We make it easier for scientists to create, find, maintain and contribute to reusable code and software."
+excerpt: "We make it easier for scientists to create, find, maintain, and contribute to reusable code and software."
 author_profile: false
 published: true
 site-map: true
 permalink: /
 header:
-  overlay_image: /images/people/header-mentored-sprints-smaller.png
+  overlay_image: /images/headers/pyopensci-sprints.png
   overlay_filter: 0.7
   actions:
     - label: "Submit a Package"

_pages/how-to-submit-package.md

@@ -2,8 +2,7 @@
 layout: single
 title: "How to submit a Python package to pyOpenSci for review"
 header:
-  overlay_image: images/header.png
-  overlay_filter: 0.8
+  overlay_image: images/headers/pyos-peer-review-header.png
 author_profile: false
 published: true
 site-map: true

_pages/packaging-resources.md

@@ -5,7 +5,7 @@ permalink: /python-packaging-science.html
 title: "Python packaging resources for scientists"
 excerpt: "We make the Python package ecosystem easier to navigate through peer review and packaging resources."
 header:
-  overlay_image: images/header.png
+  overlay_image: images/headers/pyopensci-software.png
   overlay_filter: 0.8
 intro:
   - excerpt: "There are many tools and approaches that can be used to create a Python package. We build resources that help you both understand the tool ecosystem and also learn how to create a Python package using modern best practices."

_pages/partners.md

@@ -4,8 +4,7 @@ permalink: /partners.html
 title: "pyOpenSci Community Partners: affiliated package review"
 classes: flowing
 header:
-  overlay_image: images/header.png
-  overlay_filter: 0.6
+  overlay_image: images/headers/pyos-peer-review-header.png
 intro:
   - excerpt: "More here on community partners."
 scientists:

_pages/python-packages.md

@@ -4,8 +4,7 @@ permalink: /python-packages.html
 title: "pyOpenSci Open Peer Review & Accepted Packages"
 classes:
 header:
-    overlay_image: images/header.png
-    overlay_filter: 0.6
+    overlay_image: images/headers/pyopensci-software.png
 intro:
     - excerpt: "The Python packages below have
     been accepted into the pyOpenSci ecosystem through our [open software peer review process](/about-peer-review/)."

_posts/2019-10-25-welcome-to-pyopensci.md

@@ -5,8 +5,7 @@ excerpt: "pyOpenSci is a community organization devoted to the development of ro
 author: "Leah Wasser"
 permalink: blog/welcome-to-pyopensci/
 header:
-    overlay_filter: 0.6
-    overlay_color: "#333"
+  overlay_color: "#33205c"
 categories:
   - updates
   - blog-post

_posts/2019-10-26-pyos-min-mistakes-theme.md

@@ -5,8 +5,7 @@ excerpt: "pyOpenSci minimal mistakes theme documentation."
 author: "Leah Wasser"
 permalink: docs/pyos-website/
 header:
-    overlay_filter: 0.6
-    overlay_color: "#333"
+    overlay_color: "#33205c"
 last_modified: 2025-03-05
 toc: true
 categories:

_posts/2019-11-18-pandera-dataframe-validation.md

@@ -5,8 +5,7 @@ excerpt: "Pandera is a a flexible and expressive toolkit for performing statisti
 author: "Niels Bantilan"
 permalink: /blog/pandera-python-pandas-dataframe-validation
 header:
-    overlay_image: images/pandas.jpg
-    overlay_filter: 0.6
+    overlay_image: images/blog/headers/pandas.png
     caption: "Photo credit: [**Ann Batdorf, Smithsonian's National Zoo**](https://www.flickr.com/photos/nationalzoo/5371290900/in/photostream/)"
 categories:
   - blog-post

_posts/2019-12-03-agu-2019-pyopensci-events.md

@@ -5,8 +5,7 @@ excerpt: "Several pyOpenSci and Open Source Software events will occur at AGU 20
 author: "Leah Wasser"
 permalink: /blog/pyopensci-at-agu-2019-python
 header:
-    overlay_color: "#333"
-    caption:
+    overlay_color: "#33205c"
 categories:
   - updates
   - blog-post

_posts/2020-04-29-movingpandas-movement-data-analysis.md

@@ -5,8 +5,7 @@ excerpt: "MovingPandas is an easy to use toolkit for exploring movement data tha
 author: "Anita Graser"
 permalink: /blog/movingpandas-movement-data-analysis
 header:
-    overlay_image: images/pandas.jpg
-    overlay_filter: 0.6
+    overlay_image: images/blog/headers/pandas.png
     caption: "Photo credit: [**Ann Batdorf, Smithsonian's National Zoo**](https://www.flickr.com/photos/nationalzoo/5371290900/in/photostream/)"
 categories:
   - blog-post

_posts/2022-09-10-executive-director-pyopensci-leah-wasser-updates.md

@@ -5,8 +5,7 @@ excerpt: "pyOpenSci has recently transitioned to a fiscal sponsor and has a new
 author: "Leah Wasser"
 permalink: /blog/new-executive-director-leah-wasser
 header:
-    overlay_color: "#666"
-    overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - updates
   - blog-post

_posts/2022-09-27-call-for-python-software-review-editors.md

@@ -5,8 +5,7 @@ excerpt: "pyOpenSci is developing its open peer review process for Python scient
 author: "Leah Wasser"
 permalink: /blog/python-software-review-process-editor-in-chief
 header:
-    overlay_color: "#666"
-    overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - updates
   - blog-post

_posts/2022-10-24-why-should-python-open-source-matter-science.md

@@ -5,8 +5,7 @@ excerpt: "Free and open source software tools are the foundation for thousands i
 author: "Leah Wasser"
 permalink: /blog/why-python-open-source-software-matters-for-scientists.html
 header:
-    overlay_color: "#666"
-    overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - highlight

_posts/2022-11-07-why-python-package-health-metrics-matter.md

@@ -5,8 +5,7 @@ excerpt: "Collecting baseline data that aligns with the goals and outcomes of yo
 author: "Leah Wasser"
 permalink: /blog/why-python-package-health-metrics-matter.html
 header:
-    overlay_color: "#666"
-    overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - highlight

_posts/2022-11-21-what-makes-a-python-package-healthy.md

@@ -5,8 +5,7 @@ excerpt: "How should pyOpenSci measure Python open source package health and lev
 author: "Leah Wasser"
 permalink: /blog/what-makes-open-source-python-package-healthy.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - highlight

_posts/2023-03-22-demystifying-python-packaging.md

@@ -5,8 +5,7 @@ excerpt: "pyOpenSci has published the packaging structure and tool section of it
 author: "Leah Wasser"
 permalink: /blog/demystifying-python-packaging.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - highlight

_posts/2023-06-13-pycon2023-peer-review-david-nicholson-crowsetta.md

@@ -5,9 +5,8 @@ excerpt: "David Nicholson gave a lightning talk about his experience going throu
 author: Leah Wasser
 permalink: /blog/pycon2023-crowsetta-peer-review.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
-  overlay_image: /images/talks/david-nicholson-crowsetta-lightning-pycon2023.png
+  overlay_color: "#33205c"
+  overlay_image: /images/blog/headers/david-nicholson-2023-header.png
 categories:
   - blog-post
   - highlight

_posts/2023-06-14-pycon-maintainers-summit-python-packaging-talk-leah-wasser.md

@@ -5,8 +5,7 @@ excerpt: "This year I attended by first PyCon US meeting representing pyOpenSci.
 author: "Leah Wasser"
 permalink: /blog/pycon-2023-packaging-presentation-sprints-leah-wasser.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - highlight

_posts/2023-07-18-pyopensci-scipy-2023.md

@@ -5,8 +5,7 @@ excerpt: "The SciPy 2023 meeting did not disappoint this year. We have a whole n
 author: "Leah Wasser"
 permalink: /blog/scipy-2023-community.html
 header:
-  overlay_color: "#542668"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - highlight

_posts/2023-09-11-community-manager-job-available.md

@@ -5,8 +5,7 @@ excerpt: "This position has been filled. pyOpenSci is hiring a community manager
 author: "Leah Wasser"
 permalink: /blog/pyOpenSci-hiring-community-manager-fall-2023.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - jobs

_posts/2023-10-18-rse-2023-pyopensci-bof.md

@@ -5,8 +5,7 @@ excerpt: "pyOpenSci held a community birds of a feather session at the 2023 RSE
 author: "Leah Wasser"
 permalink: /blog/pyOpenSci-research-software-2023.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - community

_posts/2023-11-29-welcome-jesse-pyos-community-manager.md

@@ -5,8 +5,7 @@ excerpt: "Learn more about our new pyOpenSci Community Manager, Jesse Mostipak,
 author: "Jesse Mostipak"
 permalink: /blog/pyOpenSci-new-community-manager.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - community

_posts/2024-01-03-czi-funds-pyopensci-2024.md

@@ -5,8 +5,7 @@ excerpt: "CZI has received funding from the Chan Zuckerberg Foundation. Learn mo
 author: "Leah Wasser"
 permalink: /blog/czi-funds-pyOpenSci-2024.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - community

_posts/2024-03-01-pyos-newsletter-march-2024.md

@@ -5,8 +5,7 @@ excerpt: "New partnerships, packages, and conference announcements!"
 author: "Jesse Mostipak"
 permalink: /blog/pyos-newsletter-march-2024.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - community

_posts/2024-04-01-pyos-newsletter-april-2024.md

@@ -5,8 +5,7 @@ excerpt: "New contributors, a new package, and a few new social campaigns, all t
 author: "Jesse Mostipak"
 permalink: /blog/pyos-newsletter-april-2024.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - community

_posts/2024-04-16-pyos-open-education-resources-announcement.md

@@ -5,8 +5,7 @@ excerpt: "We're excited to share information about the pyOpenSci approach to edu
 author: "Jesse Mostipak"
 permalink: /blog/pyos-education-announcement.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - community

_posts/2024-04-18-rdata-read-r-datasets.md

@@ -5,8 +5,7 @@ excerpt: "rdata is a library for reading R datasets and converting them to Pytho
 author: "Carlos Ramos Carreño"
 permalink: /blog/read-r-datasets-from-python.html
 header:
-    overlay_image: images/pandas.jpg
-    overlay_filter: 0.6
+    overlay_image: images/blog/headers/pandas.png
     caption: "Photo credit: [**Ann Batdorf, Smithsonian's National Zoo**](https://www.flickr.com/photos/nationalzoo/5371290900/in/photostream/)"
 categories:
   - blog-post

_posts/2024-04-29-pyos-newsletter-may-2024.md

@@ -5,8 +5,7 @@ excerpt: "May has brought two new packages, the first (of many!) pyOpenSci works
 author: "Jesse Mostipak"
 permalink: /blog/pyos-newsletter-may-2024.html
 header:
-  overlay_color: "#666"
-  overlay_filter: 0.6
+    overlay_color: "#33205c"
 categories:
   - blog-post
   - community

_posts/2024-05-14-pyos-guide-to-pyconus-2024.md

@@ -6,7 +6,6 @@ author: "Jesse Mostipak"
 permalink: /blog/pyos-guide-to-pyconus-2024.html
 header:
   overlay_image: images/blog/2024/may/pycon-us-2024.png
-  overlay_filter: rgba(20, 13, 36, 0.8)
 categories:
   - blog-post
   - community

_posts/2024-05-23-pyos-call-for-editors.md

@@ -5,8 +5,7 @@ excerpt: "pyOpenSci is looking for volunteers from a wide array of scientific ba
 author: "Jesse Mostipak"
 permalink: /blog/pyos-call-for-editors-may-2024.html
 header:
-  overlay_image: images/blog/headers/23-05-2024-call-for-editors.png
-  overlay_filter: rgba(20, 13, 36, 0.8)
+  overlay_image: images/blog/headers/call-for-editors.png
 categories:
   - blog-post
   - community

_posts/2024-05-24-oss-fall-festival-save-the-date-2024.md

@@ -5,8 +5,7 @@ excerpt: "Shake off those post-PyCon blues by adding our Open Science Fall Festi
 author: "Jesse Mostipak"
 permalink: /blog/save-the-date-oss-fall-festival-2024.html
 header:
-  overlay_image: images/blog/2024/may/fall-festival-save-the-date-2024.png
-  overlay_filter: rgba(20, 13, 36, 0.8)
+  overlay_color: "#33205c"
 categories:
   - blog-post
   - community