Fix up code to match updates; restrict total tally to last year

src/components/TotalTally.astro

@@ -2,15 +2,15 @@
 // © 2024 Vlad-Stefan Harbuz <[email protected]>
 // SPDX-License-Identifier: Apache-2.0
 
-import LeaderboardMember from "./LeaderboardMember.astro";
 import {
   getGrandTotalRaised, fmtCurrency,
-} from '../members.ts';
+} from '../memberFormatting.ts';
 ---
 
 <div class="total-tally">
   <p>Our members have paid maintainers</p>
   <h2>{fmtCurrency(await getGrandTotalRaised())}</h2>
+  <p>over the last year.</p>
 </div>
 
 <style>

src/memberFormatting.ts

@@ -21,9 +21,7 @@ export async function getGrandTotalRaised() {
   const members = filterInactiveMembers(await getMembers());
   let grandTotal = 0;
   members.forEach((member) => {
-    member.data.annualReports.forEach((report) => {
-      grandTotal += report.payments;
-    });
+    grandTotal += member.data.annualReports[0].usdAmountPaid;
   });
   return grandTotal;
 }

src/pages/about.astro

@@ -28,9 +28,7 @@ const members = filterInactiveMembers(await getMembers());
     <Blob kind="grad-dots-03" top="10%" left="-15rem"></Blob>
 
     <main id="main-content">
-      <section>
-        <h1>About the Pledge</h1>
-      </section>
+      <h1>About the Pledge</h1>
 
       <TableOfContents filepath={Astro.self.moduleId || ""} />
 

src/pages/members/index.astro

@@ -24,10 +24,10 @@ import TotalTally from "../../components/TotalTally.astro";
     <main id="main-content">
       <section>
         <div class="text-center">
-          <h1>Member Companies</h1>
+          <h1>Member<br>Companies</h1>
         </div>
         <TotalTally />
-        <Leaderboard grouped={false} />
+        <Leaderboard grouped={false}></Leaderboard>
       </section>
 
       <section class="flex-center bottom-cta">