-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy path404.html
106 lines (100 loc) · 4.24 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
---
title: "404: Page not found"
permalink: 404.html
eleventyExcludeFromCollections: true
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="noindex" />
<title>{{ title }}</title>
<!-- CSS -->
<link rel="stylesheet" href="/css/main.css" />
<!-- Meta -->
<meta name="description" content="This page doesn't exist. Please try another one." />
<!-- Favicons -->
<link rel="icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0f111a" />
<meta name="msapplication-TileColor" content="#0f111a" />
<meta name="theme-color" content="#0f111a" />
</head>
<body data-type="404">
{% include "header.html" %}
<main id="main_content">
<div class="fourohfour__content">
<svg
class="fourohfour__logo"
width="426"
height="291"
viewBox="0 0 426 291"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M115.687 185.192H133.059V231.652H115.687V287H70.0346V231.652H0.142578V185.192L63.9746 4.19998H75.2866H115.687V185.192ZM47.4106 185.192H70.0346L70.8426 118.936L47.4106 185.192Z"
fill="url(#paint0_linear_4029_6690)" />
<path
d="M148.092 53.488C148.092 24.4 171.524 0.56398 200.612 0.56398H222.024C251.112 0.56398 274.948 24.4 274.948 53.488V238.116C274.948 267.204 251.112 290.636 222.024 290.636H200.612C171.524 290.636 148.092 267.204 148.092 238.116V53.488ZM200.612 230.036C200.612 235.692 205.056 240.54 210.712 240.54H211.924C217.58 240.54 222.024 235.692 222.024 230.036V61.568C222.024 55.912 217.58 51.064 211.924 51.064H210.712C205.056 51.064 200.612 55.912 200.612 61.568V230.036Z"
fill="url(#paint1_linear_4029_6690)" />
<path
d="M407.64 185.192H425.012V231.652H407.64V287H361.988V231.652H292.096V185.192L355.928 4.19998H367.24H407.64V185.192ZM339.364 185.192H361.988L362.796 118.936L339.364 185.192Z"
fill="url(#paint2_linear_4029_6690)" />
<defs>
<linearGradient
id="paint0_linear_4029_6690"
x1="212.577"
y1="0.56398"
x2="212.577"
y2="290.636"
gradientUnits="userSpaceOnUse">
<stop stop-color="#F0047F" />
<stop offset="1" stop-color="#FC814A" />
</linearGradient>
<linearGradient
id="paint1_linear_4029_6690"
x1="212.577"
y1="0.56398"
x2="212.577"
y2="290.636"
gradientUnits="userSpaceOnUse">
<stop stop-color="#F0047F" />
<stop offset="1" stop-color="#FC814A" />
</linearGradient>
<linearGradient
id="paint2_linear_4029_6690"
x1="212.577"
y1="0.56398"
x2="212.577"
y2="290.636"
gradientUnits="userSpaceOnUse">
<stop stop-color="#F0047F" />
<stop offset="1" stop-color="#FC814A" />
</linearGradient>
</defs>
</svg>
<h1 class="fourohfour__title">Oops. You fell down a hole.</h1>
<div class="fourohfour__cta">
<div class="newsletterSignup">
<h2 class="newsletterSignup__title">
Want
<span>weird stuff</span>
in your inbox?
</h2>
<p class="newsletterSignup__para">
Enter the Weird Wide Web Hole to find no answers to questions you didn't know you had.
</p>
<a href="https://buttondown.email/weirdwidewebhole" class="newsletterSignup__submit" target="_blank">
Subscribe
</a>
</div>
</div>
</div>
</main>
</body>
</html>