Compare commits
2 Commits
72f0eab718
...
718165aa23
| Author | SHA1 | Date | |
|---|---|---|---|
718165aa23
|
|||
|
c15adf8e3c
|
@@ -167,6 +167,14 @@
|
||||
src: url('/assets/fonts/fraunces-v38-latin-600.woff2') format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fraunces;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('/assets/fonts/fraunces-v38-latin-700.woff2') format('woff2');
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
Base Styles
|
||||
======================================== */
|
||||
|
||||
@@ -61,6 +61,13 @@
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-600.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-700.woff2"
|
||||
|
||||
@@ -3,6 +3,48 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/fraunces-v38-latin-600.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-regular.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-500.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-600.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-700.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/fraunces-v38-latin-700.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<title>404 Not Found — mifi Ventures</title>
|
||||
<meta
|
||||
name="theme-color"
|
||||
@@ -16,7 +58,7 @@
|
||||
<body class="error-page">
|
||||
<main>
|
||||
<div class="emoji" aria-hidden="true">🔍</div>
|
||||
<h1>404 Not Found</h1>
|
||||
<h1 data-testid="404-title">404 Not Found</h1>
|
||||
<p>This page went off to find itself. We’re not sure it’s coming back.</p>
|
||||
<p><a href="/">Back to mifi Ventures →</a></p>
|
||||
</main>
|
||||
|
||||
@@ -3,6 +3,48 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/fraunces-v38-latin-600.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-regular.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-500.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-600.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/inter-v20-latin-700.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/assets/fonts/fraunces-v38-latin-700.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<title>410 Gone — mifi Ventures</title>
|
||||
<meta
|
||||
name="theme-color"
|
||||
@@ -16,7 +58,7 @@
|
||||
<body class="error-page">
|
||||
<main>
|
||||
<div class="emoji" aria-hidden="true">👋</div>
|
||||
<h1>410 Gone</h1>
|
||||
<h1 data-testid="410-title">410 Gone</h1>
|
||||
<p>This page has left the building. We’ve moved on—and so should you.</p>
|
||||
<p><a href="/">Back to mifi Ventures →</a></p>
|
||||
</main>
|
||||
|
||||
@@ -65,6 +65,14 @@
|
||||
src: url('/assets/fonts/fraunces-v38-latin-600.woff2') format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fraunces;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('/assets/fonts/fraunces-v38-latin-700.woff2') format('woff2');
|
||||
}
|
||||
|
||||
/* Error page layout */
|
||||
.error-page {
|
||||
margin: 0;
|
||||
|
||||
@@ -65,12 +65,21 @@
|
||||
console.error('Failed to load Google Analytics', e);
|
||||
}
|
||||
|
||||
// Microsoft Clarity
|
||||
// Microsoft Clarity – use the official loader snippet so that
|
||||
// window.clarity is defined before the tag script runs.
|
||||
try {
|
||||
var clarityScript = document.createElement('script');
|
||||
clarityScript.defer = true;
|
||||
setScriptSrc(clarityScript, 'https://www.clarity.ms/tag/vuo5q3yf79?ref=bwt');
|
||||
document.head.appendChild(clarityScript);
|
||||
(function (c, l, a, r, i, t, y) {
|
||||
c[a] =
|
||||
c[a] ||
|
||||
function () {
|
||||
(c[a].q = c[a].q || []).push(arguments);
|
||||
};
|
||||
t = l.createElement(r);
|
||||
t.async = 1;
|
||||
setScriptSrc(t, 'https://www.clarity.ms/tag/' + i);
|
||||
y = l.getElementsByTagName(r)[0];
|
||||
y.parentNode.insertBefore(t, y);
|
||||
})(window, document, 'clarity', 'script', 'vuo5q3yf79');
|
||||
} catch (e2) {
|
||||
console.error('Failed to load Microsoft Clarity', e2);
|
||||
}
|
||||
|
||||
@@ -140,4 +140,16 @@ test.describe('visual regression', () => {
|
||||
await expect(page.locator('#cookie-banner')).not.toBeVisible();
|
||||
await expect(page).toHaveScreenshot('terms-of-service.png', { fullPage: true });
|
||||
});
|
||||
|
||||
test('404 page matches snapshot', async ({ page }) => {
|
||||
await page.goto('/404');
|
||||
await expect(page).toHaveTitle(/404 | mifi Ventures/);
|
||||
await expect(page).toHaveScreenshot('404.png', { fullPage: true });
|
||||
});
|
||||
|
||||
test('410 page matches snapshot', async ({ page }) => {
|
||||
await page.goto('/410');
|
||||
await expect(page).toHaveTitle(/410 | mifi Ventures/);
|
||||
await expect(page).toHaveScreenshot('410.png', { fullPage: true });
|
||||
});
|
||||
});
|
||||
|
||||
BIN
tests/visual.spec.ts-snapshots/404-chromium-desktop-linux.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
tests/visual.spec.ts-snapshots/404-chromium-mobile-linux.png
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
tests/visual.spec.ts-snapshots/410-chromium-desktop-linux.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
tests/visual.spec.ts-snapshots/410-chromium-mobile-linux.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 419 KiB After Width: | Height: | Size: 419 KiB |
|
Before Width: | Height: | Size: 609 KiB After Width: | Height: | Size: 611 KiB |
|
Before Width: | Height: | Size: 565 KiB After Width: | Height: | Size: 566 KiB |
|
Before Width: | Height: | Size: 844 KiB After Width: | Height: | Size: 845 KiB |
|
Before Width: | Height: | Size: 296 KiB After Width: | Height: | Size: 297 KiB |
|
Before Width: | Height: | Size: 429 KiB After Width: | Height: | Size: 430 KiB |
|
Before Width: | Height: | Size: 582 KiB After Width: | Height: | Size: 583 KiB |
|
Before Width: | Height: | Size: 871 KiB After Width: | Height: | Size: 872 KiB |
|
Before Width: | Height: | Size: 680 KiB After Width: | Height: | Size: 683 KiB |
|
Before Width: | Height: | Size: 1009 KiB After Width: | Height: | Size: 1011 KiB |
|
Before Width: | Height: | Size: 543 KiB After Width: | Height: | Size: 544 KiB |
|
Before Width: | Height: | Size: 746 KiB After Width: | Height: | Size: 748 KiB |
|
Before Width: | Height: | Size: 632 KiB After Width: | Height: | Size: 635 KiB |
|
Before Width: | Height: | Size: 960 KiB After Width: | Height: | Size: 961 KiB |
|
Before Width: | Height: | Size: 357 KiB After Width: | Height: | Size: 356 KiB |
|
Before Width: | Height: | Size: 532 KiB After Width: | Height: | Size: 532 KiB |