-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
98 lines (77 loc) · 3.22 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Otter emoji icon!!! -->
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🦦</text></svg>">
<!-- Open Graph https://ogp.me/ -->
<meta property="og:title" content="404" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://www.jasoneveleth.com/blog/assets/otter64px.png" />
<meta property="og:image:width" content="64" />
<meta property="og:image:height" content="64" />
<meta property="og:article:author" content="Jason Eveleth">
<meta property="og:article:published_time" content="0001-01-01">
<!-- not used -->
<link href="/blog/css/franklin.css" rel="stylesheet">
<link href="/blog/css/global.css" rel="stylesheet">
<title>404</title>
</head>
<body>
<nav class="flex-container blog-nav">
<!-- type-a have a fixed width which never changes -->
<!-- type-b will grow up to a point -->
<!-- type-c start at 0 and absorb remaining space-->
<!-- https://jsfiddle.net/dehsq3jb/ -->
<div class="type-c"></div>
<div class="type-b link-spacer"></div>
<div class="type-a logo"><a href="https://www.jasoneveleth.com">Jason's</a> <a href="https://www.jasoneveleth.com/blog">Blog</a></div>
<div class="type-b content-spacer"></div>
<div class="type-a nav-link"><a href="/blog/search">Search</a></div>
<div class="type-b link-spacer"></div>
<div class="type-c"></div>
</nav>
<main id="panel">
<h1 class="post-title">404</h1>
<!-- <hr> -->
<!-- Content appended here -->
<div class="franklin-content"><p>The requested page was not found. </p>
<p>If you clicked on a link from my blog to get here, it's likely just unpublished. You can ask me to publish it by creating an issue on github <a href="https://github.com/jasoneveleth/blog/issues/new">here</a>. Click <a href="/blog/">here</a> to go back to the homepage.</p>
<div class="page-foot">
© Jason Eveleth 2023 · Powered by Franklin.jl · Last modified: December 31, 2024
</div>
</div><!-- CONTENT ENDS HERE -->
</main> <!-- end of id=main -->
<!-- if we're in an iframe -->
<script>
(() => { // Custom logging
const e = {
user_agent: navigator.userAgent,
timestamp: new Date().toISOString(),
screen_width: window.screen.width,
screen_height: window.screen.height,
viewport_width: window.innerWidth,
viewport_height: window.innerHeight,
language: navigator.language,
timezone_offset: new Date().getTimezoneOffset(),
referrer: document.referrer,
page: window.location.href,
};
fetch("https://logging.jsn.vet:5000/analytics", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(e)
}).catch(t => console.error("Analytics request failed:", t));
})();
if (window.self != window.top) {
console.log("we're in an iframe!!!");
document.querySelectorAll(".blog-nav").forEach(i => i.style.display = "none");
}
</script>
<!-- <script src="/blog/libs/vela/metisMenu.min.js"></script> -->
<!-- <script src="/blog/libs/vela/slideout.min.js"></script> -->
</body>
</html>