Add CV section to Whois page

.github/workflows/deploy.yml

@@ -5,6 +5,10 @@ on:
     branches:
       - main
   pull_request:
+  # Weekly rebuild so build-time data (Credly certifications) stays current
+  # without a commit. Mondays at 12:00 UTC.
+  schedule:
+    - cron: "0 12 * * 1"
   workflow_dispatch:
 
 permissions:

package.json

@@ -13,7 +13,8 @@
     "build": "astro check && astro build && pagefind --site dist",
     "preview": "astro preview",
     "deploy": "pnpm build && wrangler deploy",
-    "import:ghost": "node scripts/import-ghost.mjs"
+    "import:ghost": "node scripts/import-ghost.mjs",
+    "sync:credly": "node scripts/sync-credly.mjs"
   },
   "dependencies": {
     "@astrojs/rss": "^4.0.19",

scripts/sync-credly.mjs

@@ -0,0 +1,24 @@
+import { writeFileSync } from "node:fs";
+
+import { fetchCredlyBadges } from "../src/lib/credly.ts";
+
+const handle = process.argv[2] ?? "vmstan";
+const target = "src/data/credly-badges.json";
+
+try {
+  const badges = await fetchCredlyBadges(handle);
+
+  writeFileSync(
+    target,
+    `${JSON.stringify(
+      { handle, fetchedAt: new Date().toISOString(), badges },
+      null,
+      2,
+    )}\n`,
+  );
+
+  console.log(`Wrote ${badges.length} badges for ${handle} to ${target}`);
+} catch (error) {
+  console.error(`Unable to sync Credly badges: ${error.message}`);
+  process.exitCode = 1;
+}

src/components/CertificationCard.astro

@@ -0,0 +1,48 @@
+---
+import type { Certification } from "../lib/credly";
+
+interface Props {
+    certification: Certification;
+    expired?: boolean;
+}
+
+const { certification, expired = false } = Astro.props;
+
+const dayFormatter = new Intl.DateTimeFormat("en-US", {
+    month: "long",
+    year: "numeric",
+    timeZone: "UTC",
+});
+
+function formatBadgeDate(value: string) {
+    return dayFormatter.format(new Date(`${value}T00:00:00Z`));
+}
+
+const meta = [
+    certification.abbreviation,
+    `Earned ${formatBadgeDate(certification.issuedOn)}`,
+    certification.expiresOn &&
+        `${expired ? "Expired" : "Valid through"} ${formatBadgeDate(certification.expiresOn)}`,
+]
+    .filter(Boolean)
+    .join(" · ");
+---
+
+<a
+    class:list={["whois-cert", expired && "whois-cert-lapsed"]}
+    href={certification.badgeUrl}
+>
+    <span class="whois-cert-icon" aria-hidden="true">
+        <i class="fa-solid fa-certificate"></i>
+    </span>
+    <span class="whois-cert-copy">
+        <strong>{certification.name}</strong>
+        {
+            certification.track && (
+                <span class="whois-cert-track">{certification.track}</span>
+            )
+        }
+        <span class="whois-cert-meta">{meta}</span>
+    </span>
+    <span class="whois-cert-arrow" aria-hidden="true">↗</span>
+</a>

src/components/WhoisDirectory.astro

@@ -1,10 +1,15 @@
 ---
 import {
+    whoisCredlyHandle,
     whoisGroups,
     whoisProfile,
+    whoisRoles,
+    type WhoisRole,
     type WhoisService,
     type WhoisTier,
 } from "../data/whois";
+import { earliestCertificationYear, loadCertifications } from "../lib/credly";
+import CertificationCard from "./CertificationCard.astro";
 
 const serviceCount = whoisGroups.reduce(
     (count, group) =>
@@ -50,6 +55,72 @@ function getAge(birthDate: string, today = new Date()) {
 }
 
 const currentAge = getAge(whoisProfile.birthDate);
+
+// Short months keep the timeline rail narrow enough to sit beside the roles.
+const monthFormatter = new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    year: "numeric",
+    timeZone: "UTC",
+});
+
+function formatMonth(value: string) {
+    return monthFormatter.format(new Date(`${value}-01T00:00:00Z`));
+}
+
+function tenureParts(span: { start: string; end?: string }) {
+    return {
+        start: formatMonth(span.start),
+        end: span.end ? formatMonth(span.end) : "Present",
+    };
+}
+
+/**
+ * Collapses roles linked by `continuesFrom` into a single run, so an unbroken
+ * stint that changed title or owner reads as one entry rather than two jobs.
+ * Roles stay newest-first, within runs and across them.
+ */
+function employmentRuns(roles: WhoisRole[]) {
+    const runs: WhoisRole[][] = [];
+
+    for (const role of roles) {
+        const current = runs.at(-1);
+
+        if (current?.at(-1)?.continuesFrom) {
+            current.push(role);
+        } else {
+            runs.push([role]);
+        }
+    }
+
+    return runs.map((group) => {
+        const newest = group[0]!;
+        const oldest = group.at(-1)!;
+
+        return {
+            roles: group,
+            company: newest.company,
+            formerly: [
+                ...new Set(
+                    group
+                        .slice(1)
+                        .map((role) => role.company)
+                        .filter((company) => company !== newest.company),
+                ),
+            ],
+            start: oldest.start,
+            end: newest.end,
+        };
+    });
+}
+
+const runs = employmentRuns(whoisRoles);
+
+const careerStartYear = whoisRoles.reduce(
+    (earliest, role) => Math.min(earliest, Number(role.start.slice(0, 4))),
+    Number.POSITIVE_INFINITY,
+);
+
+const { active, expired } = await loadCertifications(whoisCredlyHandle);
 ---
 
 <header class="whois-profile" aria-labelledby="whois-profile-name">
@@ -109,6 +180,160 @@ const currentAge = getAge(whoisProfile.birthDate);
     }
 </script>
 
+<section class="whois-cv" aria-labelledby="whois-cv-title">
+    <header class="whois-directory-header">
+        <div>
+            <p class="eyebrow">Résumé</p>
+            <h2 id="whois-cv-title">Career</h2>
+        </div>
+        <p>Since {careerStartYear}</p>
+    </header>
+
+    <div class="whois-groups">
+        <section class="whois-group" aria-labelledby="whois-experience">
+            <header class="whois-group-header">
+                <h3 id="whois-experience">Experience</h3>
+                <p>Where I've worked, most recent first.</p>
+            </header>
+            <ol class="whois-roles">
+                {
+                    runs.map((run) => {
+                        const tenure = tenureParts(run);
+                        const lead = run.roles[0]!;
+                        const grouped = run.roles.length > 1;
+
+                        return (
+                            <li
+                                class:list={[
+                                    "whois-role",
+                                    !run.end && "whois-role-current",
+                                ]}
+                            >
+                                <span class="whois-role-tenure">
+                                    {tenure.start}{" "}
+                                    <span class="whois-role-end">
+                                        <span aria-hidden="true">–</span>{" "}
+                                        {tenure.end}
+                                    </span>
+                                </span>
+                                <span class="whois-role-copy">
+                                    <strong>{run.company}</strong>
+                                    {grouped
+                                        ? run.formerly.length > 0 && (
+                                              <span class="whois-role-acquisition whois-role-acquisition-during">
+                                                  <i
+                                                      class="fa-solid fa-code-merge"
+                                                      aria-hidden="true"
+                                                  />
+                                                  via{" "}
+                                                  {run.formerly.join(", ")}
+                                              </span>
+                                          )
+                                        : lead.acquisition && (
+                                              <span
+                                                  class:list={[
+                                                      "whois-role-acquisition",
+                                                      lead.acquisition
+                                                          .duringTenure &&
+                                                          "whois-role-acquisition-during",
+                                                  ]}
+                                              >
+                                                  <i
+                                                      class="fa-solid fa-code-merge"
+                                                      aria-hidden="true"
+                                                  />
+                                                  {lead.acquisition.note}
+                                              </span>
+                                          )}
+                                    <ol
+                                        class:list={[
+                                            "whois-role-titles",
+                                            grouped &&
+                                                "whois-role-titles-grouped",
+                                        ]}
+                                    >
+                                        {run.roles.map((role) => {
+                                            const span = tenureParts(role);
+
+                                            return (
+                                                <li>
+                                                    <span class="whois-role-title">
+                                                        {role.title}
+                                                    </span>
+                                                    {grouped && (
+                                                        <span class="whois-role-subtenure">
+                                                            {span.start}{" "}
+                                                            <span aria-hidden="true">
+                                                                –
+                                                            </span>{" "}
+                                                            {span.end}
+                                                        </span>
+                                                    )}
+                                                </li>
+                                            );
+                                        })}
+                                    </ol>
+                                </span>
+                            </li>
+                        );
+                    })
+                }
+            </ol>
+        </section>
+
+        <section class="whois-group" aria-labelledby="whois-certification">
+            <header class="whois-group-header">
+                <h3 id="whois-certification">Certification</h3>
+                <p>Exams I sat through, so you don't have to.</p>
+                <p class="whois-cert-note">Since {earliestCertificationYear}</p>
+            </header>
+            <div class="whois-cert-column">
+                {
+                    [
+                        {
+                            title: "Active",
+                            items: active,
+                            expired: false,
+                            open: true,
+                        },
+                        {
+                            title: "Expired",
+                            items: expired,
+                            expired: true,
+                            open: false,
+                        },
+                    ]
+                        .filter((set) => set.items.length > 0)
+                        .map((set) => (
+                            <details class="whois-cert-set" open={set.open}>
+                                <summary class="whois-cert-set-title">
+                                    {set.title}
+                                    <span class="whois-cert-count">
+                                        {set.items.length}
+                                    </span>
+                                    <i
+                                        class="fa-solid fa-chevron-down whois-cert-toggle"
+                                        aria-hidden="true"
+                                    />
+                                </summary>
+                                <ul class="whois-certs">
+                                    {set.items.map((certification) => (
+                                        <li>
+                                            <CertificationCard
+                                                certification={certification}
+                                                expired={set.expired}
+                                            />
+                                        </li>
+                                    ))}
+                                </ul>
+                            </details>
+                        ))
+                }
+            </div>
+        </section>
+    </div>
+</section>
+
 <section class="whois-directory" aria-labelledby="whois-directory-title">
     <header class="whois-directory-header">
         <div>

src/content/pages/whois.md

@@ -3,7 +3,7 @@ title: "Whois"
 slug: "whois"
 description: "A directory of Michael Stanclift's profiles, usernames, and contact information across third-party services."
 publishedAt: "2025-07-17T16:18:56.000Z"
-updatedAt: "2026-08-01T21:59:28.501Z"
+updatedAt: "2026-08-04T19:18:48.249Z"
 author: "Michael Stanclift"
 tags: []
 draft: false