generated from adobe/aem-boilerplate
-
Notifications
You must be signed in to change notification settings - Fork 3
/
404.html
71 lines (65 loc) · 2.83 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<title>404 Not Found</title>
<script type="text/javascript">
window.isErrorPage = true;
window.errorCode = '404';
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Page not found">
<script src="/scripts/scripts.js" type="module" crossorigin="use-credentials"></script>
<script type="module">
import { sampleRUM } from '/scripts/lib-franklin.js';
import { load404 } from '/scripts/scripts.js';
window.addEventListener('load', async () => {
sampleRUM('404', { source: document.referrer, target: window.location.href });
await load404();
});
</script>
<link rel="stylesheet" href="/styles/styles.css">
<style>
</style>
<link rel="stylesheet" href="/styles/lazy-styles.css">
</head>
<body>
<header></header>
<main class="error">
<div>
<h1 id="title"></h1>
<div class="section-metadata">
<div>
<div>background-desktop</div>
<div>
<picture>
<source type="image/webp" srcset="./media_13482f7c3c53e537c2eda3cb92e669aadb9ad2ebb.png?width=2000&format=webply&optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_13482f7c3c53e537c2eda3cb92e669aadb9ad2ebb.png?width=750&format=webply&optimize=medium">
<source type="image/png" srcset="./media_13482f7c3c53e537c2eda3cb92e669aadb9ad2ebb.png?width=2000&format=png&optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="404 error" src="./media_13482f7c3c53e537c2eda3cb92e669aadb9ad2ebb.png?width=750&format=png&optimize=medium" width="1920" height="500">
</picture>
</div>
</div>
<div>
<div>background-mobile</div>
<div>
<picture>
<source type="image/webp" srcset="./media_1d44b0b7748b059e6e583daa6eaf442586e801563.png?width=2000&format=webply&optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_1d44b0b7748b059e6e583daa6eaf442586e801563.png?width=750&format=webply&optimize=medium">
<source type="image/png" srcset="./media_1d44b0b7748b059e6e583daa6eaf442586e801563.png?width=2000&format=png&optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="404 error" src="./media_1d44b0b7748b059e6e583daa6eaf442586e801563.png?width=750&format=png&optimize=medium" width="1023" height="1996">
</picture>
</div>
</div>
<div>
<div>Style</div>
<div>full-width-banner</div>
</div>
</div>
</div>
<div style="text-align: center;">
<h2></h2>
</div>
</main>
<footer></footer>
</body>
</html>