Merge branch 'main' into patch-1

members.csv

@@ -20,4 +20,6 @@ tideways,https://raw.githubusercontent.com/tideways/oss-pledge/main/osspledge.js
 buttondown,https://buttondown.com/next-assets/oss.json
 speakeasy,https://raw.githubusercontent.com/speakeasy-api/oss-pledge/refs/heads/main/oss-pledge.json
 pydantic,https://pydantic.dev/assets/for-external/oss-pledge.json
-laravel,https://laravel.com/assets/files/opensourcepledge.json
+vlt,https://vlt.sh/osspledge.json
+platformatic,https://github.com/platformatic/.github/blob/main/osspledge.json
+laravel,https://laravel.com/assets/files/opensourcepledge.json

src/components/Leaderboard.astro

@@ -46,7 +46,7 @@ const members = filterInactiveMembers(await getMembers());
     <thead>
       <tr>
         <th>Name</th>
-        <th>
+        <th class="ndevs">
           <abbr title="Average number of employed full-time equivalent developers (in latest report)">Devs</abbr>
         </th>
         <th>
@@ -57,22 +57,27 @@ const members = filterInactiveMembers(await getMembers());
       </tr>
     </thead>
     <tbody>
-      {sortMembersByDevs(members).map((member) => <tr>
+      {sortMembersByDevs(members).map((member) =>
         <LeaderboardMember member={member}></LeaderboardMember>
-      </tr>)}
+      )}
     </tbody>
   </table>
 )}
 
 <style>
   h2 {
     margin-top: 2rem;
-    padding: 0.2rem 0.5rem;
+    padding: 0.3rem 0.5rem;
     background: var(--color-light-bg);
     font-size: 1rem;
     font-weight: normal;
   }
   th {
     font-weight: normal;
   }
+  th.ndevs, td.ndevs {
+    @media (max-width: 400px) {
+      display: none;
+    }
+  }
 </style>

src/components/LeaderboardMember.astro

@@ -19,7 +19,7 @@ import type { MemberWithId } from "../content/config.ts";
       {member.data.name}
     </a>
   </td>
-  <td>
+  <td class="ndevs">
     {member.data.annualReports[0].averageNumberOfDevs}
   </td>
   <td>
@@ -30,12 +30,24 @@ import type { MemberWithId } from "../content/config.ts";
 <style>
   img {
     max-width: 3.5rem;
+    max-height: 100%;
     margin-right: 1rem;
+    @media (max-width: 450px) {
+      max-width: 2.5rem;
+    }
+    @media (max-width: 400px) {
+      max-width: 2.0rem;
+    }
   }
   a {
     display: flex;
     align-items: center;
     font-weight: bold;
     padding: 0.25rem 0
   }
+  td.ndevs {
+    @media (max-width: 400px) {
+      display: none;
+    }
+  }
 </style>

src/content/members/vlt.json

@@ -0,0 +1,14 @@
+{
+  "name": "vlt",
+  "description": "vlt /vōlt/ is new home for Open Source JavaScript Software.",
+  "urlLearnMore": "https://blog.vlt.sh/blog/making-open-source-more-sustainable",
+  "urlSquareLogoWithBackground": "https://github.com/user-attachments/assets/75967c14-2d41-4b36-bd03-9d92326538e4",
+  "annualReports": [
+    {
+      "url": "https://blog.vlt.sh/blog/making-open-source-more-sustainable",
+      "dateYearEnding": "2024-12-31",
+      "averageNumberOfDevs": 3,
+      "payments": 7000
+    }
+  ]
+}

src/layouts/Layout.astro

@@ -361,8 +361,10 @@ const { title, navless } = Astro.props;
       text-align: left;
     }
     td, th {
-      padding-left: 0.3rem;
-      padding-right: 0.3rem;
+      @media (min-width: 451px) {
+        padding-left: 0.3rem;
+        padding-right: 0.3rem;
+      }
     }
     &.table--bordered {
       border-top: 2px solid var(--color-muted);
@@ -392,13 +394,15 @@ const { title, navless } = Astro.props;
       }
     }
     &.table--40-30-30 {
-      td:nth-child(1), th:nth-child(1) {
-        width: 40%;
-      }
-      td:nth-child(2), th:nth-child(2),
-      td:nth-child(3), th:nth-child(3)
-      {
-        width: 30%;
+      @media (min-width: 451px) {
+        td:nth-child(1), th:nth-child(1) {
+          width: 40%;
+        }
+        td:nth-child(2), th:nth-child(2),
+        td:nth-child(3), th:nth-child(3)
+        {
+          width: 30%;
+        }
       }
     }
   }