Update graphics

Author: lwasser

_includes/feature_row

@@ -14,8 +14,11 @@
         {% endif %}
         {% if f.image_path %}
           <div class="archive__item-teaser">
-            <img src="{{ f.image_path | relative_url }}" {% if f.image_size %} style="width:{{ f.image_size }};"{% endif %}
-                 alt="{% if f.alt %}{{ f.alt }}{% endif %}">
+            <picture>
+              <source srcset="{{ f.image_path | replace: '.png', '.webp' | relative_url }}" type="image/webp">
+              <img src="{{ f.image_path | relative_url }}" {% if f.image_size %} style="width:{{ f.image_size }};"{% endif %}
+             alt="{% if f.alt %}{{ f.alt }}{% endif %}">
+            </picture>
             {% if f.image_caption %}
               <span class="archive__item-caption">{{ f.image_caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
             {% endif %}

_pages/about-peer-review.md

@@ -24,7 +24,7 @@ benefits_maintainers:
     btn_label: Learn more about the benefits of peer review
     btn_class: btn--primary
 peer_review:
-  - image_path: images/pyopensci-people-at-computer.jpg
+  - image_path: /images/landing-pages/peer-review-people.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: "Software peer review, similar to the review of scientific papers, is a process where scientists vet software code, documentation and infrastructure. pyOpenSci leads an [open peer review process](https://www.pyopensci.org/software-peer-review/our-process/how-review-works.html) run by a community of dedicated volunteers. Reviews are supportive and fully transparent with the shared goal of improving the quality, usability and maintainability of the software that is driving open science.
 
@@ -33,7 +33,7 @@ peer_review:
     url: https://www.pyopensci.org/software-peer-review/our-process/review-timeline.html
     btn_label: Learn more about the peer review timeline and roles
     btn_class: btn--primary
-  - image_path: images/pyopensci-joss-partnership.png
+  - image_path: images/landing-pages/pyopensci-joss-partners.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: "Our partnership with JOSS means that you don't have to choose between pyOpenSci and JOSS. Simply submit your package to pyOS for review. If your package is accepted and in scope for JOSS, it will be fast-tracked through JOSS' review process. "
     title: "Get a fast-track JOSS publication"

_pages/home.md

@@ -17,7 +17,7 @@ header:
 mission:
   - excerpt: "pyOpenSci broadens participation in scientific open source by breaking down social and technical barriers. Join our global community."
 peer-review:
-  - image_path: images/homepage-graphics/software-peer-review.png
+  - image_path: images/landing-pages/software-peer-review.png
     alt: "Light purple image that says software Peer Review. On the image is a woman at a laptop with a pyOpenSci logo on it and a cup of coffee next to her. There is a very light flower in the bottom right hand corner. "
     title: "We Run Software Peer Review"
     excerpt: "We review Python packages and software with the goal of helping scientists build better, discoverable and usable software. <br><br>
@@ -27,7 +27,7 @@ peer-review:
     <i class='fa-solid fa-check-double'></i> Submit a package today for review today. <br>
     <i class='fa-solid fa-check-double'></i> Apply to become a reviewer. <br>
     "
-  - image_path: images/homepage-graphics/community-partnerships.png
+  - image_path: images/landing-pages/community-partnerships.png
     alt: "Light purple image with a bunch from different backgrounds of stick figure people in a slightly darker color. The text on the image at the top says Community Partnerships"
     title: "We Build Community Partnerships"
     excerpt: "
@@ -38,7 +38,7 @@ peer-review:
       <i class='fa-solid fa-handshake'></i> [JOSS](https://www.pyopensci.org/software-peer-review/partners/joss.html) <br>
       <i class='fa-solid fa-handshake'></i> [Astropy](https://www.pyopensci.org/software-peer-review/partners/astropy.html) <br>
       "
-  - image_path: images/homepage-graphics/simple-python-packaging-header.png
+  - image_path: images/landing-pages/simple-python-packaging-header.png
     title: "We Break Down Python Packaging Painpoints"
     alt: Light purple image that says python packaging guide and below it says simplifying python packaging. The background is a grey laptop with a hand looking down at the laptop the above.
     excerpt: "

_pages/learn.md

@@ -7,7 +7,7 @@ header:
   overlay_image: images/headers/pyopensci-learn-header.png
   overlay_filter: 0.3
 scientists:
-  - image_path: images/pyopensci-people-at-computer.jpg
+  - image_path: images/landing-pages/peer-review-people.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: "Our catalog of vetted open source tools makes it easier for scientists to find the trusted tools that they need to develop their open science workflows."
     title: "Help scientists find the open science tools that they need"
@@ -17,9 +17,9 @@ scientists:
 overview:
   - excerpt: "pyOpenSci creates resources to help you navigate the Python packaging ecosystem with ease. Our materials are community developed and go through extensive technical and pedagogical review."
 development:
-   - image_path: images/pyopensci-learn-community-created.png
+   - image_path: images/learn-graphics/community-created.png
      alt: "An image showing a bunch of hands holding up a sign that says Community Developed. the background is dark purple with a few green decorative items."
-     title: "Our development process: Community-developed Python tutorials for scientists"
+     title: "Our process: Community-developed Python tutorials"
      excerpt: "Our tutorials are created through a multi-stage community review process.
 
      * Tutorials are developed by the pyOpenSci team or community members.
@@ -28,7 +28,7 @@ development:
 
      * Before publication, tutorials then go through several rounds of community review for accuracy, usability and accessibility."
 whats_next:
-  - image_path: images/pyopensci-learn-github-collaboration.png
+  - image_path: images/learn-graphics/github-collaboration.png
     alt: "A graphic with a light yellow background that says essential collaboration skills for scientists - using GitHub. On the right there is a man and a woman sitting at a tall table with laptops working."
     excerpt: "Through the [Better Software for Science Fellowship](https://bssw.io/pages/bssw-fellowship-program) we will be developing lessons focused on teaching core GitHub collaboration skills needed for both contributing to open source software and for working in an open science team environment.
 

_posts/2025-03-05-pyOpenSci-first-open-science-festival.md

@@ -73,8 +73,10 @@ Using the interactive platform SpatialChat rather than a traditional online plat
 We kicked the event off on Monday, October 28, with a morning of KeyNote talks headlined by **Eric Ma, Melissa Mendonça, and Rowan Cockett**. The Monday talks aligned perfectly with the training events held Tuesday through Friday. The talks set the stage for a truly engaging week of learning together.
 
 <figure class="align-center">
+    <picture>
     <source srcset="/images/events/fall-festival-blog-keynote-speakers.webp" type="image/webp">
     <img src="/images/events/fall-festival-blog-keynote-speakers.png" alt="">
+    </picture>
 </figure>
 
 

_posts/2025-03-13-python-packaging-security-pypi.md

@@ -104,8 +104,10 @@ To lock down a GitHub environment:
 
 
 <figure>
+  <picture>
   <source srcset="{{ post.url | relative_url }}/images/python-packaging/github-action-environment-pypi.webp" type="image/webp">
     <img src="{{ post.url | relative_url }}/images/python-packaging/github-action-environment-pypi.png" alt="Screenshot of the GitHub settings interface showing the ‘Environments’ section with configuration options for ‘pypi.’ The ‘Deployment protection rules’ section is visible, with ‘Required reviewers’ enabled and two reviewers listed: ‘lwasser’ and ‘willingc.’ Other options such as ‘Prevent self-review’ and ‘Wait timer’ are present but not enabled.">
+  </picture>
   <figcaption>
     GitHub environment settings for “pypi,” displaying deployment protection rules with required reviewers configured for workflow approvals.
   </figcaption>
@@ -123,8 +125,10 @@ A Trusted Publisher setup creates a secure link between PyPI and your repository
 Using a Trusted Publisher combined with a locked-down environment eliminates the need to store sensitive tokens as GitHub secrets. It also removes the need to refresh and update tokens periodically to avoid token leaks or theft issues.
 
 <figure>
+  <picture>
     <source srcset="{{ post.url | relative_url }}/images/python-packaging/trusted-publisher-pypi-github.webp" type="image/webp">
     <img src="{{ post.url | relative_url }}/images/python-packaging/trusted-publisher-pypi-github.png" alt="A workflow diagram showing GitHub Actions building distribution files (sdist and wheel), publishing them securely to PyPI, represented as a warehouse. The diagram includes a lock icon emphasizing security, with the pyOpenSci logo in the top-left corner.">
+  </picture>
   <figcaption>
     Example of the PyPI Trusted Publisher form, used to securely link a GitHub repository with PyPI for publishing Python packages. Trusted Publisher reduces the risk of token theft and improves overall security.
   </figcaption>

_sass/minimal-mistakes/_buttons.scss

@@ -103,7 +103,7 @@
     a.btn.btn--large {
       line-height: 1.1;
       padding: .5rem;
-      width: 90%;
+      width: 100%; // this was set to 90% but made tutorial buttons short.
       font-size: 1.5rem!important;
     }
   }

_sass/minimal-mistakes/_pyos-cards.scss

@@ -56,8 +56,7 @@
             color: $pyos-deeppurple!important;
             font-size: 1.4rem;
             margin: 0;
-            font-family: $sans-serif;
-            font-weight: 600;
+            font-weight: 600; //card titles should be lower weight
         }
         .title-block {
             background-color: #ecbee3;

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

@@ -45,7 +45,6 @@ svg.bottom {
 // Add padding to non feature wrapper sections
 .feature__wrapper.padded {
     padding: 0 30px;
-
 }
 
 .page__content .feature__wrapper.padded {
@@ -56,3 +55,12 @@ svg.bottom {
         font-size: 2rem;
     }
 }
+
+
+// Adjust padding for mobile
+@media (max-width: 480px) {
+    .feature__wrapper.padded {
+        padding: 0;
+    }
+
+}