diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 00dc024..c2c8440 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -68,6 +68,9 @@ jobs:
           # Authenticates the build-time GitHub API fetch on the home page
           # (unauthenticated requests are rate-limited on shared runners).
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          # GoatCounter site code (the "xyz" in xyz.goatcounter.com), set as
+          # a repository variable. Unset means the site ships no analytics.
+          NEXT_PUBLIC_GOATCOUNTER_CODE: ${{ vars.GOATCOUNTER_CODE }}
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v5
diff --git a/README.md b/README.md
index 04c0859..9c876da 100644
--- a/README.md
+++ b/README.md
@@ -18,6 +18,14 @@ pnpm check-links # after a build: fail on broken internal links in ./out
 pnpm format     # format with Prettier
 ```
 
+## Analytics
+
+Page views and resume PDF downloads are counted with
+[GoatCounter](https://www.goatcounter.com/) (no cookies). It is off unless the
+`GOATCOUNTER_CODE` repository variable is set (Settings → Secrets and
+variables → Actions → Variables) to the site code, the `xyz` in
+`xyz.goatcounter.com`. The next deploy picks it up.
+
 ## Credits
 
 The design is based on the [Spotlight](https://spotlight.tailwindui.com/)
diff --git a/app/components/Analytics.tsx b/app/components/Analytics.tsx
new file mode 100644
index 0000000..b995328
--- /dev/null
+++ b/app/components/Analytics.tsx
@@ -0,0 +1,21 @@
+import Script from 'next/script';
+
+/* GoatCounter: cookieless page-view counts, plus click events for elements
+   with a data-goatcounter-click attribute (e.g. the resume PDF links).
+   The site code comes from the GOATCOUNTER_CODE repository variable at
+   deploy time; without it, nothing is loaded. */
+const code = process.env.NEXT_PUBLIC_GOATCOUNTER_CODE;
+
+export function Analytics() {
+  if (!code) {
+    return null;
+  }
+
+  return (
+    <Script
+      src="https://gc.zgo.at/count.js"
+      data-goatcounter={`https://${code}.goatcounter.com/count`}
+      strategy="afterInteractive"
+    />
+  );
+}
diff --git a/app/components/Container.tsx b/app/components/Container.tsx
index d43ea41..1ef59f1 100644
--- a/app/components/Container.tsx
+++ b/app/components/Container.tsx
@@ -6,8 +6,10 @@ export function ContainerOuter({
   ...props
 }: React.ComponentPropsWithoutRef<'div'>) {
   return (
-    <div className={clsx('sm:px-8', className)} {...props}>
-      <div className="mx-auto h-full w-full max-w-7xl lg:px-8">{children}</div>
+    <div className={clsx('sm:px-8 print:px-0', className)} {...props}>
+      <div className="mx-auto h-full w-full max-w-7xl lg:px-8 print:px-0">
+        {children}
+      </div>
     </div>
   );
 }
@@ -19,10 +21,15 @@ export function ContainerInner({
 }: React.ComponentPropsWithoutRef<'div'>) {
   return (
     <div
-      className={clsx('relative h-full px-4 sm:px-8 lg:px-12', className)}
+      className={clsx(
+        'relative h-full px-4 sm:px-8 lg:px-12 print:px-0',
+        className,
+      )}
       {...props}
     >
-      <div className="mx-auto h-full max-w-2xl lg:max-w-5xl">{children}</div>
+      <div className="mx-auto h-full max-w-2xl lg:max-w-5xl print:max-w-none">
+        {children}
+      </div>
     </div>
   );
 }
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index ad61961..8d142d1 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -39,7 +39,7 @@ function SocialIconLink({
 
 export function Footer() {
   return (
-    <footer className="mt-8 flex-none">
+    <footer className="mt-8 flex-none print:hidden">
       <ContainerOuter>
         <div className="border-t border-zinc-100 pt-10 pb-16 dark:border-zinc-700/40">
           <ContainerInner>
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index 8a05848..21d6391 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -373,7 +373,7 @@ export function Header({ articles }: { articles: PaletteArticle[] }) {
   return (
     <>
       <header
-        className="pointer-events-none relative z-50 flex flex-none flex-col"
+        className="pointer-events-none relative z-50 flex flex-none flex-col print:hidden"
         style={{
           height: 'var(--header-height)',
           marginBottom: 'var(--header-mb)',
diff --git a/app/globals.css b/app/globals.css
index be6df2f..230b091 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,8 +2,27 @@
 @plugin '@tailwindcss/typography';
 
 /* next-themes toggles the `dark` class on <html>, so dark: must key off the
-   class rather than the default prefers-color-scheme media query. */
-@custom-variant dark (&:where(.dark, .dark *));
+   class rather than the default prefers-color-scheme media query. Screen
+   only: printing (e.g. the resume) always uses the light palette, since
+   dark-theme text is near-white and vanishes on paper. */
+@custom-variant dark {
+  @media screen {
+    &:where(.dark, .dark *) {
+      @slot;
+    }
+  }
+}
+
+@page {
+  margin: 0.5in;
+}
+
+/* Everything is sized in rem, so this one value scales the printed page. */
+@media print {
+  html {
+    font-size: 12px;
+  }
+}
 
 @keyframes fade-up {
   from {
diff --git a/app/layout.tsx b/app/layout.tsx
index 2ee886c..a67a741 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,7 @@ import './globals.css';
 
 import { Footer } from './components/Footer';
 import { Header } from './components/Header';
+import { Analytics } from './components/Analytics';
 import type { Metadata } from 'next';
 import { Providers } from './providers';
 import { pageMetadata } from './lib/metadata';
@@ -46,6 +47,18 @@ const personSchema = {
     url: 'https://www.maplarge.com',
   },
   sameAs: [socials.github, socials.linkedin],
+  knowsAbout: [
+    'C#',
+    '.NET',
+    'TypeScript',
+    'React',
+    'Angular',
+    'Node.js',
+    'Go',
+    'Kubernetes',
+    'SQL',
+    'AWS',
+  ],
 };
 
 export default async function RootLayout({
@@ -65,7 +78,7 @@ export default async function RootLayout({
           dangerouslySetInnerHTML={{ __html: JSON.stringify(personSchema) }}
         />
         <Providers>
-          <div className="fixed inset-0 flex justify-center sm:px-8">
+          <div className="fixed inset-0 flex justify-center sm:px-8 print:hidden">
             <div className="flex w-full max-w-7xl lg:px-8">
               <div className="w-full bg-white ring-1 ring-zinc-100 dark:bg-zinc-900 dark:ring-zinc-300/20" />
             </div>
@@ -76,6 +89,7 @@ export default async function RootLayout({
             <Footer />
           </div>
         </Providers>
+        <Analytics />
       </body>
     </html>
   );
diff --git a/app/lib/site.ts b/app/lib/site.ts
index aa738e1..703ba10 100644
--- a/app/lib/site.ts
+++ b/app/lib/site.ts
@@ -13,6 +13,9 @@ export const navigation = [
   { href: '/uses', label: 'Uses' },
 ];
 
+export const resumePdfUrl =
+  'https://will-white.github.io/resume/William_White_Resume.pdf';
+
 export const socials = {
   github: 'https://github.com/will-white',
   linkedin: 'https://www.linkedin.com/in/will-white-dev/',
diff --git a/app/page.tsx b/app/page.tsx
index 059e795..5fb340c 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -4,7 +4,8 @@ import Image from 'next/image';
 import clsx from 'clsx';
 import { GitHubIcon, LinkedInIcon } from './components/SocialIcons';
 import { Card } from './components/Card';
-import { siteDescription, socials } from './lib/site';
+import { resumePdfUrl, siteDescription, socials } from './lib/site';
+import { Button } from './components/Button';
 import { pageMetadata } from './lib/metadata';
 import headshot from './images/headshot.webp';
 
@@ -227,6 +228,19 @@ export default async function Home() {
                 {socials.email}
               </SocialLink>
             </ul>
+            <div className="mt-8 flex flex-wrap gap-3">
+              <Button href="/resume" variant="primary">
+                View resume
+              </Button>
+              <Button
+                href={resumePdfUrl}
+                target="_blank"
+                variant="secondary"
+                data-goatcounter-click="resume-pdf-home"
+              >
+                Download PDF
+              </Button>
+            </div>
           </div>
         </div>
       </Container>
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index a2b4954..5f4e6cd 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -1,5 +1,6 @@
 import { pageMetadata } from '../lib/metadata';
 import Image, { type StaticImageData } from 'next/image';
+import Link from 'next/link';
 
 import k8s from '../images/logos/k8s.svg';
 import github from '../images/logos/github.svg';
@@ -17,6 +18,10 @@ type Project = {
   link: { href: string; label: string };
   logo: StaticImageData;
   tags: string[];
+  /** Blog post about the project, if there is one. */
+  writeUp?: string;
+  /** What I personally did on it, for professional work. */
+  contribution?: string;
 };
 
 const personalProjects: Project[] = [
@@ -30,6 +35,7 @@ const personalProjects: Project[] = [
     },
     logo: k8s,
     tags: ['Kubernetes', 'Talos', 'Flux', 'GitOps'],
+    writeUp: '/blog/spouse-approved-kubernetes-homelab/',
   },
   {
     name: 'Dahua Companion',
@@ -41,6 +47,7 @@ const personalProjects: Project[] = [
     },
     logo: github,
     tags: ['Go', 'MQTT', 'Home Assistant'],
+    writeUp: '/blog/watching-the-doorbell-with-go/',
   },
   {
     name: 'AdGuard external-dns Sidecar',
@@ -77,6 +84,8 @@ const companyProjects: Project[] = [
     },
     logo: skyslopeForms,
     tags: ['.NET', 'Node.js', 'React', 'AWS'],
+    contribution:
+      'Senior engineer, 2022–2024. Helped keep it at 99.999% uptime for 10,000+ daily concurrent users, and led a streaming and deferred-execution effort that cut cluster costs by 40%.',
   },
   {
     name: 'AgriSompo AgriNet',
@@ -88,6 +97,8 @@ const companyProjects: Project[] = [
     },
     logo: armtech,
     tags: ['C#', '.NET', 'Angular', 'MSSQL'],
+    contribution:
+      'Eight years at ARMtech Insurance Services, 2014–2022. Built a unified single sign-on for 10,000+ users and a 45x speedup of a core processing service.',
   },
   {
     name: 'RASI',
@@ -161,6 +172,14 @@ function ProjectSection({
               </Card.Link>
             </h3>
             <Card.Description>{project.description}</Card.Description>
+            {project.contribution && (
+              <p className="relative z-10 mt-3 text-sm text-zinc-700 dark:text-zinc-300">
+                <span className="font-semibold text-zinc-800 dark:text-zinc-100">
+                  My part:
+                </span>{' '}
+                {project.contribution}
+              </p>
+            )}
             <div className="relative z-10 mt-4 flex flex-wrap gap-2">
               {project.tags.map((tag) => (
                 <span
@@ -175,6 +194,15 @@ function ProjectSection({
               <LinkIcon className="h-6 w-6 flex-none" />
               <span className="ml-2">{project.link.label}</span>
             </p>
+            {project.writeUp && (
+              // z-30 lifts it above Card.Link's full-card click target.
+              <Link
+                href={project.writeUp}
+                className="relative z-30 mt-3 text-sm font-medium text-cyan-600 hover:underline dark:text-cyan-400"
+              >
+                Read the write-up →
+              </Link>
+            )}
           </Card>
         ))}
       </ul>
@@ -184,14 +212,15 @@ function ProjectSection({
 
 export const metadata = pageMetadata({
   title: 'Projects',
-  description: 'My creative footprint on the internet.',
+  description:
+    'Products I’ve helped build and run at work, and the open-source tools I run at home.',
   path: '/projects/',
 });
 
 export default function Projects() {
   return (
     <SimpleLayout
-      title="My creative footprint on the internet."
+      title="Things I’ve built, at work and at home."
       intro="I’ve worked on tons of little projects but these are the ones that I’m most proud of. Some of them are open-source, so if you see something that piques your interest, check out the code!"
     >
       <div className="space-y-20">
diff --git a/app/resume/page.tsx b/app/resume/page.tsx
index 22180a1..1fe03b3 100644
--- a/app/resume/page.tsx
+++ b/app/resume/page.tsx
@@ -1,9 +1,7 @@
 import { pageMetadata } from '../lib/metadata';
 import { Container } from '../components/Container';
 import { Button } from '../components/Button';
-
-const resumePdfUrl =
-  'https://will-white.github.io/resume/William_White_Resume.pdf';
+import { resumePdfUrl, siteUrl, socials } from '../lib/site';
 
 type Role = {
   title: string;
@@ -59,7 +57,7 @@ const experience: Role[] = [
 const skills: { category: string; items: string }[] = [
   {
     category: 'Languages',
-    items: 'C#, TypeScript, JavaScript, Python, Java, SQL',
+    items: 'C#, TypeScript, JavaScript, Go, Python, Java, SQL',
   },
   {
     category: 'Frameworks & Libraries',
@@ -70,6 +68,10 @@ const skills: { category: string; items: string }[] = [
     category: '.NET',
     items: '.NET Core, Web API, EF, WCF, WPF, MSTest, xUnit, NUnit',
   },
+  {
+    category: 'Cloud Native',
+    items: 'Docker, Kubernetes, Talos Linux, Flux (GitOps)',
+  },
   {
     category: 'Cloud',
     items: 'AWS (Aurora, RDS, SQS, DynamoDB), GCP App Engine',
@@ -105,7 +107,7 @@ function ArrowDownIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
 
 function RoleEntry({ role }: { role: Role }) {
   return (
-    <div className="md:grid md:grid-cols-4 md:items-baseline">
+    <div className="break-inside-avoid md:grid md:grid-cols-4 md:items-baseline">
       <div className="md:col-span-1">
         <p className="text-sm text-zinc-400 dark:text-zinc-500">
           {role.start} – {role.end}
@@ -118,7 +120,7 @@ function RoleEntry({ role }: { role: Role }) {
         <p className="mt-1 text-sm font-medium text-zinc-600 dark:text-zinc-400">
           {role.company} · {role.location}
         </p>
-        <ul className="mt-4 list-disc space-y-2 pl-5 text-sm text-zinc-600 marker:text-cyan-500 dark:text-zinc-400">
+        <ul className="mt-4 list-disc space-y-2 pl-5 text-sm text-zinc-600 marker:text-cyan-500 dark:text-zinc-400 print:mt-2 print:space-y-1">
           {role.highlights.map((highlight) => (
             <li key={highlight}>{highlight}</li>
           ))}
@@ -130,40 +132,53 @@ function RoleEntry({ role }: { role: Role }) {
 
 export default function Resume() {
   return (
-    <Container className="mt-16 sm:mt-32">
+    <Container className="mt-16 sm:mt-32 print:mt-0">
       <header className="max-w-2xl">
         <h1 className="animate-fade-up text-4xl font-bold tracking-tight text-zinc-800 sm:text-5xl dark:text-zinc-100">
-          Resume
+          <span className="print:hidden">Resume</span>
+          <span className="hidden print:inline">William White</span>
         </h1>
-        <p className="animate-fade-up mt-6 text-base text-zinc-600 [animation-delay:100ms] dark:text-zinc-400">
+        {/* The site header and footer are hidden in print, so carry the
+            contact details on the page itself. */}
+        <p className="mt-2 hidden text-sm text-zinc-600 print:block">
+          {siteUrl.replace('https://', '')} · {socials.email} ·{' '}
+          {socials.linkedin.replace('https://www.', '')} ·{' '}
+          {socials.github.replace('https://', '')}
+        </p>
+        <p className="animate-fade-up mt-6 text-base text-zinc-600 [animation-delay:100ms] dark:text-zinc-400 print:mt-3">
           Experienced polyglot engineer with over 10 years in the industry,
           specializing in scalable, high-performance B2B applications.
         </p>
-        <div className="animate-fade-up mt-6 [animation-delay:200ms]">
-          <Button href={resumePdfUrl} target="_blank" variant="primary">
+        <div className="animate-fade-up mt-6 [animation-delay:200ms] print:hidden">
+          <Button
+            href={resumePdfUrl}
+            target="_blank"
+            variant="primary"
+            data-goatcounter-click="resume-pdf"
+          >
             Download PDF
             <ArrowDownIcon className="h-4 w-4 stroke-zinc-400 transition group-active:stroke-zinc-600 dark:group-hover:stroke-zinc-50 dark:group-active:stroke-zinc-50" />
           </Button>
         </div>
       </header>
 
-      <div className="mt-16 space-y-16 sm:mt-20">
+      <div className="mt-16 space-y-16 sm:mt-20 print:mt-6 print:space-y-6">
         <section>
-          <h2 className="text-sm font-semibold tracking-widest text-zinc-400 uppercase dark:text-zinc-500">
+          <h2 className="break-after-avoid text-sm font-semibold tracking-widest text-zinc-400 uppercase dark:text-zinc-500">
             Experience
           </h2>
-          <div className="mt-8 space-y-12 border-l border-zinc-100 pl-6 md:border-none md:pl-0 dark:border-zinc-700/40">
+          <div className="mt-8 space-y-12 border-l border-zinc-100 pl-6 md:border-none md:pl-0 dark:border-zinc-700/40 print:mt-4 print:space-y-6">
             {experience.map((role) => (
               <RoleEntry key={`${role.title}-${role.start}`} role={role} />
             ))}
           </div>
         </section>
 
-        <section>
-          <h2 className="text-sm font-semibold tracking-widest text-zinc-400 uppercase dark:text-zinc-500">
+        <section className="break-inside-avoid">
+          <h2 className="break-after-avoid text-sm font-semibold tracking-widest text-zinc-400 uppercase dark:text-zinc-500">
             Skills
           </h2>
-          <dl className="mt-8 grid grid-cols-1 gap-x-12 gap-y-6 sm:grid-cols-2">
+          <dl className="mt-8 grid grid-cols-1 gap-x-12 gap-y-6 sm:grid-cols-2 print:mt-4 print:gap-y-3">
             {skills.map((skill) => (
               <div key={skill.category}>
                 <dt className="text-sm font-semibold text-zinc-800 dark:text-zinc-100">
@@ -177,11 +192,11 @@ export default function Resume() {
           </dl>
         </section>
 
-        <section>
-          <h2 className="text-sm font-semibold tracking-widest text-zinc-400 uppercase dark:text-zinc-500">
+        <section className="break-inside-avoid">
+          <h2 className="break-after-avoid text-sm font-semibold tracking-widest text-zinc-400 uppercase dark:text-zinc-500">
             Education
           </h2>
-          <p className="mt-8 text-sm text-zinc-600 dark:text-zinc-400">
+          <p className="mt-8 text-sm text-zinc-600 dark:text-zinc-400 print:mt-4">
             <span className="font-semibold text-zinc-800 dark:text-zinc-100">
               B.S.E. in Computer Science and Engineering
             </span>{' '}