diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index c0e3c6f9..9105dc39 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -34,6 +34,7 @@ const { title, navless } = Astro.props;
       src="https://plausible.io/js/script.js"></script>
   </head>
   <body>
+    <a class="skiplink" href="#main-content">Skip to main content</a>
     { !navless && (
       <nav class="container">
         <a href="/">
@@ -228,6 +229,13 @@ const { title, navless } = Astro.props;
       text-decoration: underline;
     }
   }
+  a.skiplink {
+    position: absolute;
+    transform: translateY(-100%);
+    &:focus {
+      transform: translateY(0);
+    }
+  }
   .container {
     position: relative;
     margin-left: auto;
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 87feab86..cc92c37f 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -15,57 +15,59 @@ import Layout from "../layouts/Layout.astro";
     <Blob kind="solid-fill-05" top="20%" left="-16rem"></Blob>
     <Blob kind="solid-fill-04" top="90%" right="-20rem"></Blob>
 
-    <section>
-      <h1>About the Pledge</h1>
+    <main id="main-content">
+      <section>
+        <h1>About the Pledge</h1>
 
-      <p>Open Source Pledge is a group of companies with a shared commitment to
-      paying the maintainers of the Open Source software we all consume. We aim
-      to prevent maintainer burnout and reduce flare-ups of high-profile
-      security incidents such as XZ, Log4Shell, and Heartbleed. We invite all
-      companies to <a href="/join">join the Pledge</a>.</p>
+        <p>Open Source Pledge is a group of companies with a shared commitment to
+        paying the maintainers of the Open Source software we all consume. We aim
+        to prevent maintainer burnout and reduce flare-ups of high-profile
+        security incidents such as XZ, Log4Shell, and Heartbleed. We invite all
+        companies to <a href="/join">join the Pledge</a>.</p>
 
-      <h2>Governance and Structure</h2>
+        <h2>Governance and Structure</h2>
 
-      <p>Open Source Pledge is brought to you by <a href="https://sentry.io/welcome/">Sentry</a> and <a href="https://github.com/opensourcepledge/osspledge.com/graphs/contributors">contributors</a>.</p>
+        <p>Open Source Pledge is brought to you by <a href="https://sentry.io/welcome/">Sentry</a> and <a href="https://github.com/opensourcepledge/osspledge.com/graphs/contributors">contributors</a>.</p>
 
-      <p>We have four working groups and a steering group comprised of working group leads.</p>
+        <p>We have four working groups and a steering group comprised of working group leads.</p>
 
-      <table class="table--bordered">
-        <tr>
-          <th>Working Group</th>
-          <th>Lead</th>
-        </tr>
-        <tr>
-          <td>Member Outreach</td>
-          <td><a href="https://vladh.net">Vlad-Stefan Harbuz</a></td>
-        </tr>
-        <tr>
-          <td>Maintainer Outreach</td>
-          <td><a href="https://ethanarrowood.com/">Ethan Arrowood</a></td>
-        </tr>
-        <tr>
-          <td>Marketing &amp; Media</td>
-          <td><a href="https://github.com/selviano">Michael Selvidge</a></td>
-        </tr>
-        <tr>
-          <td>Design &amp; Build</td>
-          <td><a href="https://chadwhitacre.com/">Chad Whitacre</a></td>
-        </tr>
-        <tr>
-          <td>Steering</td>
-          <td><a href="https://chadwhitacre.com/">Chad Whitacre</a></td>
-        </tr>
-      </table>
-    </section>
+        <table class="table--bordered">
+          <tr>
+            <th>Working Group</th>
+            <th>Lead</th>
+          </tr>
+          <tr>
+            <td>Member Outreach</td>
+            <td><a href="https://vladh.net">Vlad-Stefan Harbuz</a></td>
+          </tr>
+          <tr>
+            <td>Maintainer Outreach</td>
+            <td><a href="https://ethanarrowood.com/">Ethan Arrowood</a></td>
+          </tr>
+          <tr>
+            <td>Marketing &amp; Media</td>
+            <td><a href="https://github.com/selviano">Michael Selvidge</a></td>
+          </tr>
+          <tr>
+            <td>Design &amp; Build</td>
+            <td><a href="https://chadwhitacre.com/">Chad Whitacre</a></td>
+          </tr>
+          <tr>
+            <td>Steering</td>
+            <td><a href="https://chadwhitacre.com/">Chad Whitacre</a></td>
+          </tr>
+        </table>
+      </section>
 
-    <section>
-      <h2>Want to help?</h2>
-      <p
-        >To help us build Open Source Pledge, please
-        <a href="https://github.com/opensourcepledge/osspledge.com/issues">dive into our issues</a>
-        or reach out to the working group leads listed here either in issues or
-        <a href="https://discord.gg/svH5XzDsBd">on Discord</a>.</p
-      >
-    </section>
+      <section>
+        <h2>Want to help?</h2>
+        <p
+          >To help us build Open Source Pledge, please
+          <a href="https://github.com/opensourcepledge/osspledge.com/issues">dive into our issues</a>
+          or reach out to the working group leads listed here either in issues or
+          <a href="https://discord.gg/svH5XzDsBd">on Discord</a>.</p
+        >
+      </section>
+    </main>
   </div>
 </Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c7466180..6f890020 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -25,69 +25,71 @@ import TextButton from "../components/TextButton.astro";
     <Blob kind="grad-dots-01" top="80%" left="-13rem"></Blob>
     <Blob kind="solid-fill-04" top="90%" right="-20rem"></Blob>
 
-    <section class="pc-hero">
-      <Blob kind="grad-dots-05" top="65%" right="-3.5rem"></Blob>
-      <div class="pc-hero-container">
-        <div class="heading-and-mini-pc">
-          <h1>Pay your share</h1>
-          <div class="mini-pc">
-            <img src="/images/piggybank.webp" alt="A hand puts bills into a computer monitor">
+    <main id="main-content">
+      <section class="pc-hero">
+        <Blob kind="grad-dots-05" top="65%" right="-3.5rem"></Blob>
+        <div class="pc-hero-container">
+          <div class="heading-and-mini-pc">
+            <h1>Pay your share</h1>
+            <div class="mini-pc">
+              <img src="/images/piggybank.webp" alt="A hand puts bills into a computer monitor">
+            </div>
           </div>
+          <p
+            >Whether you're a CEO, CFO, CTO, or just a dev, chances are your company depends on Open Source software. It's time to pledge back.</p
+          >
+          <Button href="/join"
+            >Join the Pledge</Button
+          >
         </div>
-        <p
-          >Whether you're a CEO, CFO, CTO, or just a dev, chances are your company depends on Open Source software. It's time to pledge back.</p
-        >
-        <Button href="/join"
-          >Join the Pledge</Button
-        >
-      </div>
-    </section>
-
-    <section>
-      <h2>TL;DR</h2>
+      </section>
 
-      <div class="highlight-box highlight-box--circled">
-        <h3><div><span class="circled">1</span></div><span>Pay Open Source maintainers</span></h3>
-        <p>The minimum to participate is $2,000 per year per developer at your company.</p>
-      </div>
+      <section>
+        <h2>TL;DR</h2>
 
-      <div class="highlight-box highlight-box--circled">
-        <h3><div><span class="circled">2</span></div><span>Self-report annually</span></h3>
-        <p
-          >Each year, publish a blog post outlining your payments to maintainers.</p
-        >
-      </div>
-    </section>
-
-    <section class="flex-center">
-      <div>
-        <div class="text-center">
-          <h2>Top orgs opening up</h2>
+        <div class="highlight-box highlight-box--circled">
+          <h3><div><span class="circled">1</span></div><span>Pay Open Source maintainers</span></h3>
+          <p>The minimum to participate is $2,000 per year per developer at your company.</p>
         </div>
 
-        <MiniLeaderboard></MiniLeaderboard>
-
-        <div class="text-center">
-          <TextButton href="/members"
-            >Go to all members</TextButton
+        <div class="highlight-box highlight-box--circled">
+          <h3><div><span class="circled">2</span></div><span>Self-report annually</span></h3>
+          <p
+            >Each year, publish a blog post outlining your payments to maintainers.</p
           >
         </div>
-      </div>
-    </section>
+      </section>
+
+      <section class="flex-center">
+        <div>
+          <div class="text-center">
+            <h2>Top orgs opening up</h2>
+          </div>
 
-    <section class="flex-center bottom-cta">
-      <div>
-        <div class="text-center">
-          <h2>Do the right thing, support Open Source</h2>
+          <MiniLeaderboard></MiniLeaderboard>
+
+          <div class="text-center">
+            <TextButton href="/members"
+              >Go to all members</TextButton
+            >
+          </div>
         </div>
+      </section>
 
-        <div class="text-center">
-          <Button href="/join"
-            >Join the Pledge</TextButton
-          >
+      <section class="flex-center bottom-cta">
+        <div>
+          <div class="text-center">
+            <h2>Do the right thing, support Open Source</h2>
+          </div>
+
+          <div class="text-center">
+            <Button href="/join"
+              >Join the Pledge</TextButton
+            >
+          </div>
         </div>
-      </div>
-    </section>
+      </section>
+    </main>
   </div>
 </Layout>
 
diff --git a/src/pages/join.astro b/src/pages/join.astro
index 7d4d30d3..90974062 100644
--- a/src/pages/join.astro
+++ b/src/pages/join.astro
@@ -20,164 +20,166 @@ import Layout from "../layouts/Layout.astro";
     <Blob kind="solid-fill-05" top="65%" left="-7rem"></Blob>
     <Blob kind="grad-dots-02" top="80%" left="-16rem"></Blob>
 
-    <section>
-      <h1>Join the Pledge</h1>
+    <main id="main-content">
+      <section>
+        <h1>Join the Pledge</h1>
 
-      <p>Our companies feast at the Open Source table year after year. Through
-      the Open Source Pledge, we pay the maintainers of the software we
-      consume. This prevents the maintainer burnout that flares up in
-      high-profile security incidents such as XZ, Log4j, and Heartbleed.</p>
+        <p>Our companies feast at the Open Source table year after year. Through
+        the Open Source Pledge, we pay the maintainers of the software we
+        consume. This prevents the maintainer burnout that flares up in
+        high-profile security incidents such as XZ, Log4j, and Heartbleed.</p>
 
-      <h2>How to Join</h2>
+        <h2>How to Join</h2>
 
-      <div class="highlight-box">
-        <div class="number">
-          <span class="circled">1</span>
+        <div class="highlight-box">
+          <div class="number">
+            <span class="circled">1</span>
+          </div>
+          <div>
+            <h3><span class="inline-number">1. </span>Donate $2,000 per full-time equivalent developer on staff</h3>
+            to Open Source maintainers or
+            <a href="https://fossfoundation.info/">foundations</a>
+            of your choice, and commit to doing so in future years. The projects you're donating to should meet the
+            <a href="https://opensource.org/osd">Open Source Definition</a>.
+            Of course, this includes any existing donations you've made this year. You can donate to any projects you
+            like, but if you need help figuring out which projects you depend on, you can use a tool like
+            <a href="https://thanks.dev">Thanks.dev</a>.
+          </div>
         </div>
-        <div>
-          <h3><span class="inline-number">1. </span>Donate $2,000 per full-time equivalent developer on staff</h3>
-          to Open Source maintainers or
-          <a href="https://fossfoundation.info/">foundations</a>
-          of your choice, and commit to doing so in future years. The projects you're donating to should meet the
-          <a href="https://opensource.org/osd">Open Source Definition</a>.
-          Of course, this includes any existing donations you've made this year. You can donate to any projects you
-          like, but if you need help figuring out which projects you depend on, you can use a tool like
-          <a href="https://thanks.dev">Thanks.dev</a>.
-        </div>
-      </div>
-      <div class="highlight-box">
-        <div class="number">
-          <span class="circled">2</span>
-        </div>
-        <div>
-          <h3><span class="inline-number">2. </span>Publish a blog post</h3>
-          or equivalent on your company website, detailing the contributions your company has made to the Open Source
-          ecosystem the past year. This post does not need to be long or exhaustive. If in doubt, check out sample posts
-          by
-          <a
-            href="https://blog.sentry.io/we-just-gave-500-000-dollars-to-open-source-maintainers/"
-            >Sentry</a
-          >
-          or
-          <a href="https://astral.sh/blog/astral-oss-fund">Astral</a>.
+        <div class="highlight-box">
+          <div class="number">
+            <span class="circled">2</span>
+          </div>
+          <div>
+            <h3><span class="inline-number">2. </span>Publish a blog post</h3>
+            or equivalent on your company website, detailing the contributions your company has made to the Open Source
+            ecosystem the past year. This post does not need to be long or exhaustive. If in doubt, check out sample posts
+            by
+            <a
+              href="https://blog.sentry.io/we-just-gave-500-000-dollars-to-open-source-maintainers/"
+              >Sentry</a
+            >
+            or
+            <a href="https://astral.sh/blog/astral-oss-fund">Astral</a>.
 
-          Ideally, this post would include an itemized list of how much was paid to each maintainer/foundation. When
-          this is undesirable or unrealistic, we ask that you make a best effort. To more conveniently get an
-          itemized list, consider using the
-          <a href="https://github.com/opensourcepledge/osp-github-reporter">Open Source Pledge GitHub Reporter</a>,
-          or
-          <a href="https://thanks.dev">Thanks.dev</a>.
+            Ideally, this post would include an itemized list of how much was paid to each maintainer/foundation. When
+            this is undesirable or unrealistic, we ask that you make a best effort. To more conveniently get an
+            itemized list, consider using the
+            <a href="https://github.com/opensourcepledge/osp-github-reporter">Open Source Pledge GitHub Reporter</a>,
+            or
+            <a href="https://thanks.dev">Thanks.dev</a>.
+          </div>
         </div>
-      </div>
-      <div class="highlight-box">
-        <div class="number">
-          <span class="circled">3</span>
-        </div>
-        <div>
-          <h3><span class="inline-number">3. </span>Create a short JSON file with your company and donation info,</h3>
-          and host it at any URL you wish. You can check out an
-          <a
-            href="https://github.com/opensourcepledge/osspledge.com/blob/main/contrib/example-schema.json"
-            >example JSON report</a
-          >
-          or the
-          <a
-            href="https://github.com/opensourcepledge/osspledge.com/blob/main/src/content/config.ts"
-            >full schema</a
-          >. You should update this JSON file at least once per calendar year — we'll fetch it regularly. All amounts
-          are in USD so that different reports can be compared to each other. If you're using a different currency, you
-          should convert all amounts to the USD equivalents, using the most appropriate exchange rate.
+        <div class="highlight-box">
+          <div class="number">
+            <span class="circled">3</span>
+          </div>
+          <div>
+            <h3><span class="inline-number">3. </span>Create a short JSON file with your company and donation info,</h3>
+            and host it at any URL you wish. You can check out an
+            <a
+              href="https://github.com/opensourcepledge/osspledge.com/blob/main/contrib/example-schema.json"
+              >example JSON report</a
+            >
+            or the
+            <a
+              href="https://github.com/opensourcepledge/osspledge.com/blob/main/src/content/config.ts"
+              >full schema</a
+            >. You should update this JSON file at least once per calendar year — we'll fetch it regularly. All amounts
+            are in USD so that different reports can be compared to each other. If you're using a different currency, you
+            should convert all amounts to the USD equivalents, using the most appropriate exchange rate.
 
-          <ul>
-            <li>
-              <code>name</code>: The name of your company.
-            </li>
-            <li>
-              <code>description</code>: Will be shown on your member page and ideally includes a general description of
-              your company and some notes on your company's relationship with Open Source software.
-            </li>
-            <li>
-              <code>urlLearnMore</code>: The URL to a page that describes your relationship to Open Source and/or your
-              commitment to supporting Open Source. This page need not be exhaustive, and if you don't have such a page,
-              you can just link to one of the report blog posts. This shouldn't be a link to your homepage.
-            </li>
-            <li>
-              <code>urlSquareLogoWithBackground</code>: Your logo, which should be square and have a non-transparent
-              background. This image should be between 400x400px and 800x800px, and should be appropriately compressed.
-            </li>
-          </ul>
+            <ul>
+              <li>
+                <code>name</code>: The name of your company.
+              </li>
+              <li>
+                <code>description</code>: Will be shown on your member page and ideally includes a general description of
+                your company and some notes on your company's relationship with Open Source software.
+              </li>
+              <li>
+                <code>urlLearnMore</code>: The URL to a page that describes your relationship to Open Source and/or your
+                commitment to supporting Open Source. This page need not be exhaustive, and if you don't have such a page,
+                you can just link to one of the report blog posts. This shouldn't be a link to your homepage.
+              </li>
+              <li>
+                <code>urlSquareLogoWithBackground</code>: Your logo, which should be square and have a non-transparent
+                background. This image should be between 400x400px and 800x800px, and should be appropriately compressed.
+              </li>
+            </ul>
 
-          Each <code>annualReport</code> should contain:
+            Each <code>annualReport</code> should contain:
 
-          <ul>
-            <li>
-              <code>dateYearEnding</code>: The end date of the year you are reporting on.
-            </li>
-            <li>
-              <code>url</code>: The URL to the blog post for the year in question, as detailed above.
-            </li>
-            <li>
-              <code>averageNumberOfDevs</code>: The average number of full-time equivalent developers employed by
-              your company during the year.
-            </li>
-            <li>
-              <code>payments</code>: The total US dollar amount of cash contributions you have made towards Open
-              Source maintainers and foundations during the year.
-            </li>
-            <li>
-              <code>monetaryValueofTime</code>, <code>monetaryValueOfMaterials</code>: You may also optionally
-              specify, in approximate US dollar equivalents, your contributions to the Open Source ecosystem in
-              sponsored developer time (in <code>monetaryValueOfTime</code>) or gifts in kind (in
-              <code>monetaryValueOfMaterials</code>). While we acknowledge that contributions in time and in kind
-              are important, they are not included in the cash pledge amount. They will still be displayed on your
-              member page.
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="highlight-box">
-        <div class="number">
-          <span class="circled">4</span>
-        </div>
-        <div>
-          <h3><span class="inline-number">4. </span>Create a pull request to add yourself to the member list</h3>
-          by changing
-          <a
-            href="https://github.com/opensourcepledge/osspledge.com/blob/main/members.csv"
-            >members.csv</a
-          >. The format is <code>company-slug,json-url</code>. Please note that there should be no space in the company
-          slug.
+            <ul>
+              <li>
+                <code>dateYearEnding</code>: The end date of the year you are reporting on.
+              </li>
+              <li>
+                <code>url</code>: The URL to the blog post for the year in question, as detailed above.
+              </li>
+              <li>
+                <code>averageNumberOfDevs</code>: The average number of full-time equivalent developers employed by
+                your company during the year.
+              </li>
+              <li>
+                <code>payments</code>: The total US dollar amount of cash contributions you have made towards Open
+                Source maintainers and foundations during the year.
+              </li>
+              <li>
+                <code>monetaryValueofTime</code>, <code>monetaryValueOfMaterials</code>: You may also optionally
+                specify, in approximate US dollar equivalents, your contributions to the Open Source ecosystem in
+                sponsored developer time (in <code>monetaryValueOfTime</code>) or gifts in kind (in
+                <code>monetaryValueOfMaterials</code>). While we acknowledge that contributions in time and in kind
+                are important, they are not included in the cash pledge amount. They will still be displayed on your
+                member page.
+              </li>
+            </ul>
+          </div>
         </div>
-      </div>
-      <div class="highlight-box">
-        <div class="number">
-          <span class="circled">5</span>
+        <div class="highlight-box">
+          <div class="number">
+            <span class="circled">4</span>
+          </div>
+          <div>
+            <h3><span class="inline-number">4. </span>Create a pull request to add yourself to the member list</h3>
+            by changing
+            <a
+              href="https://github.com/opensourcepledge/osspledge.com/blob/main/members.csv"
+              >members.csv</a
+            >. The format is <code>company-slug,json-url</code>. Please note that there should be no space in the company
+            slug.
+          </div>
         </div>
-        <div>
-          <h3><span class="inline-number">5. </span>Include links to your high-resolution logo,</h3>
-          and optionally any other branding materials, in the pull request so that we can promote you! For those
-          pledging before September 15, this means you'll be included in our major outdoor advertising campaign.
+        <div class="highlight-box">
+          <div class="number">
+            <span class="circled">5</span>
+          </div>
+          <div>
+            <h3><span class="inline-number">5. </span>Include links to your high-resolution logo,</h3>
+            and optionally any other branding materials, in the pull request so that we can promote you! For those
+            pledging before September 15, this means you'll be included in our major outdoor advertising campaign.
+          </div>
         </div>
-      </div>
 
-      <p>
-        Once that's all done, you'll officially be a member. This means that your company and reports will show up on
-        <a href="https://osspledge.com/members">our website</a>,
-        and you'll be entitled to use the
-        <a
-          href="https://github.com/opensourcepledge/osspledge.com/tree/main/public/logos"
-          >Open Source Pledge Member logo</a
-        >
-        on your website and marketing materials if you wish. Thank you so much for joining us in contributing to a
-        healthy Open Source ecosystem that supports maintainers.
-      </p>
-      <p>
-        If you have any questions, feel free to
-        <a href="https://github.com/opensourcepledge/osspledge.com/issues/new"
-          >open an issue</a
-        >, and the relevant member of our team will get back to you.
-      </p>
-    </section>
+        <p>
+          Once that's all done, you'll officially be a member. This means that your company and reports will show up on
+          <a href="https://osspledge.com/members">our website</a>,
+          and you'll be entitled to use the
+          <a
+            href="https://github.com/opensourcepledge/osspledge.com/tree/main/public/logos"
+            >Open Source Pledge Member logo</a
+          >
+          on your website and marketing materials if you wish. Thank you so much for joining us in contributing to a
+          healthy Open Source ecosystem that supports maintainers.
+        </p>
+        <p>
+          If you have any questions, feel free to
+          <a href="https://github.com/opensourcepledge/osspledge.com/issues/new"
+            >open an issue</a
+          >, and the relevant member of our team will get back to you.
+        </p>
+      </section>
+    </main>
   </div>
 </Layout>
 
diff --git a/src/pages/members/[id].astro b/src/pages/members/[id].astro
index 93457c83..a2f4ac6b 100644
--- a/src/pages/members/[id].astro
+++ b/src/pages/members/[id].astro
@@ -36,61 +36,63 @@ export async function getStaticPaths() {
     <Blob kind="grad-dots-03" top="65%" right="-20rem"></Blob>
     <Blob kind="solid-fill-02" top="60%" right="-24rem"></Blob>
 
-    <section>
-      <div class="company-intro">
-        <img src={member.urlSquareLogoWithBackground} alt={`The ${member.name} logo`}>
-        <h1>
-          {member.name}
-          <small>Open Source Pledge Member</small>
-        </h1>
-      </div>
+    <main id="main-content">
+      <section>
+        <div class="company-intro">
+          <img src={member.urlSquareLogoWithBackground} alt={`The ${member.name} logo`}>
+          <h1>
+            {member.name}
+            <small>Open Source Pledge Member</small>
+          </h1>
+        </div>
 
-      <p>{member.description}</p>
+        <p>{member.description}</p>
 
-      <a href={member.urlLearnMore}>Learn more →</a>
+        <a href={member.urlLearnMore}>Learn more →</a>
 
-      {member.annualReports.map(report => <section class="annual-report">
-        <div>
-          <h2>Year Ending {report.dateYearEnding}</h2>
-          {fmtCurrency(getDollarsPerDev(report))} / dev
-        </div>
+        {member.annualReports.map(report => <section class="annual-report">
+          <div>
+            <h2>Year Ending {report.dateYearEnding}</h2>
+            {fmtCurrency(getDollarsPerDev(report))} / dev
+          </div>
 
-        <table class="table--bordered table--lr">
-          <tr>
-            <th>Item</th>
-            <th>Amount ($)</th>
-          </tr>
-          <tr>
-            <td>Payments to Projects</td>
-            <td>{fmtCurrency(report.payments)}</td>
-          </tr>
-          <tr>
-            <td></td>
-            <td>= {fmtCurrency(getDollarsPerDev(report))} / dev</td>
-          </tr>
-          <tr>
-            <td>Value of Time</td>
-            <td>{fmtCurrency(report.monetaryValueOfTime)}</td>
-          </tr>
-          <tr>
-            <td>Value of Materials</td>
-            <td>{fmtCurrency(report.monetaryValueOfMaterials)}</td>
-          </tr>
-          <tr>
-            <td>Total</td>
-            <td>{fmtCurrency(getReportFullTotal(report))}</td>
-          </tr>
-        </table>
-        <div class="text-center">
-          <TextButton href={report.url}>Read report</TextButton>
-        </div>
-      </section>)}
+          <table class="table--bordered table--lr">
+            <tr>
+              <th>Item</th>
+              <th>Amount ($)</th>
+            </tr>
+            <tr>
+              <td>Payments to Projects</td>
+              <td>{fmtCurrency(report.payments)}</td>
+            </tr>
+            <tr>
+              <td></td>
+              <td>= {fmtCurrency(getDollarsPerDev(report))} / dev</td>
+            </tr>
+            <tr>
+              <td>Value of Time</td>
+              <td>{fmtCurrency(report.monetaryValueOfTime)}</td>
+            </tr>
+            <tr>
+              <td>Value of Materials</td>
+              <td>{fmtCurrency(report.monetaryValueOfMaterials)}</td>
+            </tr>
+            <tr>
+              <td>Total</td>
+              <td>{fmtCurrency(getReportFullTotal(report))}</td>
+            </tr>
+          </table>
+          <div class="text-center">
+            <TextButton href={report.url}>Read report</TextButton>
+          </div>
+        </section>)}
 
-      <small>
-        This information is provided directly by {member.name}. Open
-        Source Pledge does not carry out any in-depth validation of this data.
-      </small>
-    </section>
+        <small>
+          This information is provided directly by {member.name}. Open
+          Source Pledge does not carry out any in-depth validation of this data.
+        </small>
+      </section>
+    </main>
   </div>
 </Layout>
 
diff --git a/src/pages/members/index.astro b/src/pages/members/index.astro
index e14b7609..89e5302c 100644
--- a/src/pages/members/index.astro
+++ b/src/pages/members/index.astro
@@ -18,25 +18,27 @@ import Leaderboard from "../../components/Leaderboard.astro";
     <Blob kind="grad-dots-02" top="30%" left="-20rem"></Blob>
     <Blob kind="grad-dots-03" top="60%" right="-20rem"></Blob>
 
-    <section>
-      <div class="text-center">
-        <h1>Member<br>Companies</h1>
-      </div>
-      <Leaderboard grouped={true}></Leaderboard>
-    </section>
-
-    <section class="flex-center bottom-cta">
-      <div>
+    <main id="main-content">
+      <section>
         <div class="text-center">
-          <h2>Join the list</h2>
+          <h1>Member<br>Companies</h1>
         </div>
+        <Leaderboard grouped={true}></Leaderboard>
+      </section>
 
-        <div class="text-center">
-          <Button href="/join"
-            >Learn what it takes</TextButton
-          >
+      <section class="flex-center bottom-cta">
+        <div>
+          <div class="text-center">
+            <h2>Join the list</h2>
+          </div>
+
+          <div class="text-center">
+            <Button href="/join"
+              >Learn what it takes</TextButton
+            >
+          </div>
         </div>
-      </div>
-    </section>
+      </section>
+    </main>
   </div>
 </Layout>
