feat: refine portfolio content, contact, and supporting media

tests/helpers/serve-dist.ts

@@ -18,11 +18,13 @@ const contentTypes: Readonly<Record<string, string>> = {
   ".json": "application/json; charset=utf-8",
   ".map": "application/json; charset=utf-8",
   ".mp3": "audio/mpeg",
+  ".mp4": "video/mp4",
   ".opus": "audio/ogg",
   ".png": "image/png",
   ".svg": "image/svg+xml; charset=utf-8",
   ".txt": "text/plain; charset=utf-8",
   ".webp": "image/webp",
+  ".webm": "video/webm",
   ".woff": "font/woff",
   ".woff2": "font/woff2",
   ".xml": "application/xml; charset=utf-8",

tests/helpers/test-build-auth.ts

@@ -133,7 +133,7 @@ export const assertSemanticFaultOracle = async (page: Page): Promise<void> => {
   await expect(page.locator('main > section')).toHaveCount(8);
   await expect(page.locator('nav[aria-label="Portfolio sections"] a')).toHaveCount(8);
   await expect(page.locator('nav a[href="#contact"]')).toBeVisible();
-  const email = page.locator('#contact a[href^="mailto:"]');
+  const email = page.locator('#contact :is(a, summary):text-is("Email Me")');
   await expect(email).toBeVisible();
   for (const title of [
     'Private self-hosted medication tracker',