enh: remove google font url and load locally

* load fonts from gh pages
* remove google fonts urls
* update all feature items to support webp
* fix responsive design for mobile throughout
* consolidate css where needed
* update some images (but not all) to better follow branding

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 %}

_includes/feature_row_pyos

@@ -4,18 +4,23 @@
   {% assign feature_row = page.feature_row %}
 {% endif %}
 
-<div class="feature-grid">
+<div class="feature__grid">
 
   {% for f in feature_row %}
   <div class="grid-item">
     <div class="cards highlight">
       {% if f.image_path %}
       <div class="cards-image">
-        <img src="{{ f.image_path | relative_url }}"
-             alt="{% if f.alt %}{{ f.alt }}{% endif %}">
-        {% if f.image_caption %}
-          <span class="archive__item-caption">{{ f.image_caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
-        {% endif %}
+        <picture>
+          <source srcset="{{ f.image_path | replace: '.png', '.webp' | relative_url }}" type="image/webp">
+          <img src="{{ f.image_path | relative_url }}"
+               alt="{% if f.alt %}{{ f.alt }}{% endif %}">
+          {% if f.image_caption %}
+          <figcaption>
+            <span class="archive__item-caption">{{ f.image_caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
+          </figcaption>
+          {% endif %}
+        </picture>
       </div>
     {% endif %}
       <div class="card-body">

_includes/head/custom.html

@@ -1,9 +1,5 @@
 <!-- custom head content-->
 <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Itim&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" async fetchpriority="high">
-
 <!-- Matomo -->
 <script type="text/javascript">
   var _paq = window._paq = window._paq || [];

_includes/package-grid.html

@@ -1,8 +1,8 @@
 <div class="element-item cards bubble {% for aCategory in apackage.categories %}
 {{ aCategory }}
 {% endfor %}" data-category="data">
-    <article class="archive__item" itemscope itemtype="https://schema.org/CreativeWork">
-        <h3 class="card__title no_toc" itemprop="headline">
+    <article itemscope itemtype="https://schema.org/SoftwareApplication">
+        <h3 class="card__title no_toc" itemprop="name">
             {{ apackage.package_name }}
         </h3>
         <p class="page__meta contributors">

_layouts/posts_gallery.html

@@ -20,7 +20,7 @@
 </ul>
 
 {% assign color_counter = 0 %} <!-- Initialize the counter once, outside the loop -->
-{% assign color_max = 4 %} <!-- Set the max number of colors -->
+{% assign color_max = 4 %} <!-- Max number of colors -->
 
 
 {% assign entries_layout = page.entries_layout | default: 'list' %}

_pages/about-peer-review.md

@@ -1,42 +1,42 @@
 ---
 layout: splash
 permalink: /about-peer-review/
-title: "pyOpenSci Reviews Scientific Python Software"
+title: "pyOpenSci Makes Python Software Better and Easier to Find Through Peer Review"
 header:
   overlay_image: images/header.png
   overlay_filter: 0.8
 intro:
-  - excerpt: "Our open peer review process facilitates scientists getting credit and recognition for the work they've invested in developing scientific Python tools. The peer review process also supports scientists in finding vetted and maintained software, which drives their open science workflows."
+  - 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:
-  - image_path: images/trusted-scientific-python-tools.png
+  - image_path: images/landing-pages/trusted-python-software.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: "Through our partnerships with domain specific communities our catalog of trusted tools for scientists across domains continues to grow."
-    title: "Scientists need trusted and vetted tools to support their open science workflows."
+    title: "Scientists need trusted and vetted software"
     url: /partners.html
     btn_label: Learn more about scientific Python community partnerships
     btn_class: btn--primary
 benefits_maintainers:
-  - image_path: images/pyopensci-supports-maintainers.png
+  - image_path: images/landing-pages/pyopensci-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: "pyOS software peer review benefits open source maintainers"
+    title: "Peer review benefits open source maintainers"
     url: https://www.pyopensci.org/software-peer-review/about/benefits.html
     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.
 
     * Diverse teams lead each review, enhancing the overall feedback quality."
-    title: "About peer review of scientific Python software"
+    title: "How Python software peer review works"
     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 published with JOSS through a pyOpenSci review"
+    title: "Get a fast-track JOSS publication"
     url: https://www.pyopensci.org/software-peer-review/partners/joss.html
     btn_label: Learn more about our JOSS partnership
     btn_class: btn--primary
@@ -96,7 +96,7 @@ classes: flowing
 <div class="pyos-section purple">
 <div class="content" markdown="1">
 
-## Get involved with peer review
+## Get involved with software peer review
 
 {% include feature_row_pyos id="get-involved" %}
 
@@ -153,7 +153,7 @@ We are deeply grateful for those served on our editorial board previously!
 
 <div class="content">
 <div class="feature__wrapper">
-<h2> Recently Accepted scientific Python Packages</h2>
+<h2> Recently accepted Python packages</h2>
 
 {% assign packages_sorted = site.data.packages | sort_natural: 'date_accepted' | reverse %}
 

_pages/home.md

@@ -1,7 +1,7 @@
 ---
 layout: splash
 title: "Welcome to pyOpenSci"
-excerpt: "We support the scientific Python tools that drive open science through peer review, training and community building."
+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
@@ -15,29 +15,42 @@ header:
     - label: "Read our Peer Review Guide"
       url: "https://www.pyopensci.org/software-peer-review/"
 mission:
-  - excerpt: "We build diverse community that supports free and open Python tools for processing scientific data. We also build technical skills needed to contribute to open source and that support open science. Join our global community."
+  - excerpt: "pyOpenSci broadens participation in scientific open source by breaking down social and technical barriers. Join our global community."
 peer-review:
-  - image_path: images/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: "Python Package Peer Review"
-    excerpt: "We offer peer review of Python software to increase the quality, usability and long term maintenance of the open source tools that drive open science. [JOSS accepts our review as theirs](https://www.pyopensci.org/software-peer-review/partners/joss.html) so you can get the benefits of pyOpenSci and JOSS through one review."
-    url: https://www.pyopensci.org/software-peer-review/about/benefits.html
-    btn_label: "> Learn more about the benefits of peer review."
-    btn_class: btn--inverse
-  - image_path: images/community-partnerships.png
+    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>
+
+    Your package can also be published in JOSS through our review process. <br>
+
+    <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/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: "Community Partnerships"
-    excerpt: "We partner with domain-specific scientific Python communities such as [Pangeo](https://www.pyopensci.org/software-peer-review/partners/pangeo.html) who want to review affiliated packages. Through this collaboration, we develop community-specific standards that are used in our reviews to evaluate whether a package meets affiliation requirements. This removes the need for communities to develop their own peer review process."
-    url: https://www.pyopensci.org/partners.html
-    btn_label: "> Learn About Community Partners"
-    btn_class: btn--inverse
-  - image_path: images/python-packaging-guide.png
-    title: "Simplifying Packaging"
+    title: "We Build Community Partnerships"
+    excerpt: "
+      We [partner with open source communities](https://www.pyopensci.org/partners.html) to share resources and processes such as Peer review. <br><br>
+
+      Learn more about our partnerships with: <br>
+
+      <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/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: "We are creating a beginner-friendly, **community-driven Python packaging guide**. Our guide is reviewed by members of the Python Packaging Authority, maintainers of core packaging tools and members of the scientific Python community. It recommends best practices for you to follow when creating a Python package."
-    url: https://www.pyopensci.org/python-package-guide/
-    btn_label: "> Read our packaging guide"
-    btn_class: btn--inverse
+    excerpt: "
+
+      Check out our beginner-friendly: <br>
+
+      <i class='fa-solid fa-book-open'></i> [Python Package Tutorials](https://www.pyopensci.org/python-package-guide/tutorials/intro.html) <br>
+
+      <i class='fa-solid fa-book-open'></i> [Python package guide](https://www.pyopensci.org/python-package-guide) <br><br>
+
+      All of our resources are co-developed with the broader Python community and reviewed by beginner to expert Pythonistas to ensure the material is accessible for all.
+      "
 ---
 
 {% include feature_row id="mission" type="center" %}
@@ -46,7 +59,7 @@ peer-review:
 
 {% include feature_row_pyos id="peer-review"%}
 
-## Building Diverse Community Around Python Scientific Software
+## Broadening participation in scientific open source
 
 <div class="feature__wrapper" markdown="1">
    <div class="feature__item--left">
@@ -55,10 +68,14 @@ peer-review:
             <img src="/images/people/pyopensci-sprint-pycon-2023.png" alt="Image showing 3 people working at 2 computers during a spring at pyCon USA 2023.">
          </div>
          <div class="archive__item-body">
-            <h2 class="archive__item-title">Peer review mentorship program</h2>
+            <h3 class="archive__item-title">You don't need to be an expert to get involved </h3>
             <div class="archive__item-excerpt">
                <p>
-               We are building diverse community around the scientific packages that drive open science. We recruit and support editors and reviewers from different backgrounds and gender-identities in each review that we perform.
+               Are you new to software peer review but you want to get involved? We've got you!
+
+               We offer support and mentorship to new reviewers completing their first review.
+
+               All reviewers don't need to be python package experts. We welcome reviewers that focus on software accessibility and usability.
                </p>
                <p>
               Are you new to peer review?
@@ -87,23 +104,29 @@ peer-review:
 {% assign blog_posts = site.posts |  where_exp: "item", "item.categories contains 'blog-post'" %}
 
 <div class="notice notice-highlight" markdown="1">
+
 ## Recent blog posts & updates
 
-<div class="grid">
-  {% for post in blog_posts limit:3 %}
+{% assign packages_sorted = site.data.packages | sort_natural: 'date_accepted' | reverse %}
 
-  <div class="cards">
-  <h3 class="card-title"><a href="{{ site.baseurl }}{{ post.url}}" rel="permalink">{{ post.title }}</a></h3>
+{% assign color_counter = 0 %}
+{% assign color_max = 4 %} <!-- Max number of colors -->
 
-    <div>
-        <p>{{ post.excerpt | markdownify }}</p>
-    </div>
 
-</div>
-{% endfor %}
+<div class="blog__grid">
+  {% for post in blog_posts limit:3 %}
+    {% unless post.header.overlay_image %}
+        {% assign color_counter = color_counter | plus: 1 %}
+        {% if color_counter == color_max %}
+          {% assign color_counter = 0 %}
+        {% endif %}
+      {% endunless %}
+    {% include archive-cards.html color_counter=color_counter %}
+  {% endfor %}
 
 </div>
-<p><a href="/blog/" class="btn btn--info btn--large">View All Posts <i class="fa fa-4 fa-arrow-circle-right" aria-hidden="true"></i></a></p>
+<a href="/blog/" class="btn btn--info btn--large">View more <i class="fa fa-4 fa-arrow-circle-right" aria-hidden="true"></i></a>
+
 </div>
 
 

_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.