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');
|
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
|
Base Styles
|
||||||
======================================== */
|
======================================== */
|
||||||
|
|||||||
@@ -61,6 +61,13 @@
|
|||||||
type="font/woff2"
|
type="font/woff2"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
/>
|
/>
|
||||||
|
<link
|
||||||
|
rel="preload"
|
||||||
|
href="/assets/fonts/inter-v20-latin-600.woff2"
|
||||||
|
as="font"
|
||||||
|
type="font/woff2"
|
||||||
|
crossorigin="anonymous"
|
||||||
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
rel="preload"
|
||||||
href="/assets/fonts/inter-v20-latin-700.woff2"
|
href="/assets/fonts/inter-v20-latin-700.woff2"
|
||||||
|
|||||||
@@ -3,6 +3,48 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<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>
|
<title>404 Not Found — mifi Ventures</title>
|
||||||
<meta
|
<meta
|
||||||
name="theme-color"
|
name="theme-color"
|
||||||
@@ -16,7 +58,7 @@
|
|||||||
<body class="error-page">
|
<body class="error-page">
|
||||||
<main>
|
<main>
|
||||||
<div class="emoji" aria-hidden="true">🔍</div>
|
<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>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>
|
<p><a href="/">Back to mifi Ventures →</a></p>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -3,6 +3,48 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<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>
|
<title>410 Gone — mifi Ventures</title>
|
||||||
<meta
|
<meta
|
||||||
name="theme-color"
|
name="theme-color"
|
||||||
@@ -16,7 +58,7 @@
|
|||||||
<body class="error-page">
|
<body class="error-page">
|
||||||
<main>
|
<main>
|
||||||
<div class="emoji" aria-hidden="true">👋</div>
|
<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>This page has left the building. We’ve moved on—and so should you.</p>
|
||||||
<p><a href="/">Back to mifi Ventures →</a></p>
|
<p><a href="/">Back to mifi Ventures →</a></p>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -65,6 +65,14 @@
|
|||||||
src: url('/assets/fonts/fraunces-v38-latin-600.woff2') format('woff2');
|
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 layout */
|
||||||
.error-page {
|
.error-page {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@@ -65,12 +65,21 @@
|
|||||||
console.error('Failed to load Google Analytics', e);
|
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 {
|
try {
|
||||||
var clarityScript = document.createElement('script');
|
(function (c, l, a, r, i, t, y) {
|
||||||
clarityScript.defer = true;
|
c[a] =
|
||||||
setScriptSrc(clarityScript, 'https://www.clarity.ms/tag/vuo5q3yf79?ref=bwt');
|
c[a] ||
|
||||||
document.head.appendChild(clarityScript);
|
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) {
|
} catch (e2) {
|
||||||
console.error('Failed to load Microsoft Clarity', 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.locator('#cookie-banner')).not.toBeVisible();
|
||||||
await expect(page).toHaveScreenshot('terms-of-service.png', { fullPage: true });
|
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 |