Compare commits
6 Commits
72f0eab718
...
develop
| Author | SHA1 | Date | |
|---|---|---|---|
ddcfc8d8d2
|
|||
|
dac44e1b12
|
|||
|
5eb34a0c59
|
|||
|
ef40d25e6a
|
|||
|
718165aa23
|
|||
|
c15adf8e3c
|
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mifi-ventures-landing",
|
||||
"version": "4.0.2",
|
||||
"version": "4.0.3",
|
||||
"private": true,
|
||||
"repository": "https://git.mifi.dev/mifi-ventures/landing.git",
|
||||
"packageManager": "pnpm@10.31.0+sha512.e3927388bfaa8078ceb79b748ffc1e8274e84d75163e67bc22e06c0d3aed43dd153151cbf11d7f8301ff4acb98c68bdc5cadf6989532801ffafe3b3e4a63c268",
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -12,6 +12,8 @@
|
||||
var hasLoadedThirdParty = false;
|
||||
|
||||
// Trusted Types support (for CSP `require-trusted-types-for 'script'`)
|
||||
// Clarity's tag script looks up window.trustedTypePolicies[policyName] to load its inner script;
|
||||
// we must expose the policy there for Safari (and other browsers) to avoid TT violations.
|
||||
var ttPolicy = null;
|
||||
try {
|
||||
if (
|
||||
@@ -23,6 +25,14 @@
|
||||
return url;
|
||||
},
|
||||
});
|
||||
|
||||
if (ttPolicy && !window.trustedTypePolicies) {
|
||||
window.trustedTypePolicies = {};
|
||||
}
|
||||
|
||||
if (ttPolicy) {
|
||||
window.trustedTypePolicies['mifi-ventures-policy'] = ttPolicy;
|
||||
}
|
||||
}
|
||||
} catch (_) {
|
||||
ttPolicy = null;
|
||||
@@ -65,12 +75,29 @@
|
||||
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}?trustedTypes=mifi-ventures-policy`,
|
||||
);
|
||||
y = l.getElementsByTagName(r)[0];
|
||||
y.parentNode.insertBefore(t, y);
|
||||
})(window, document, 'clarity', 'script', 'vuo5q3yf79');
|
||||
|
||||
window.clarity('consentv2', {
|
||||
ad_Storage: 'granted',
|
||||
analytics_Storage: 'granted',
|
||||
});
|
||||
} 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 |