kstefanj.github.io/404.html at master · kstefanj/kstefanj.github.io · GitHub

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
---
title: Page Not Found
permalink: /404.html
---
<!DOCTYPE html>
<html lang="en">

<head>
	{%- include head.html -%}
	<style>
		h2 {
			font-feature-settings: "lnum";
			background-color: #ddd;
			width: 140px;
			height: 140px;
			border-radius: 100%;
			display: flex;
			justify-content: center;
			align-items: center
		}

		body {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			font-size: 20px;
			height: 80vh;
		}

        .main {
            position: relative;
            width: 1280px;
            height: 640px;
            margin: auto;
            padding: 10px;
        }

		.d404 {
			position: absolute;
			width: 150px;
			left: 150px;
			top: 30px;
			z-index: 5;
		}

		.dtruck {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0px;
			top: 0px;
			z-index: 3;
		}

		p {
			text-align: left;
			line-height: 2em;
		}
	</style>
</head>

<body>
	<section class="main">
		<div class="d404">
			<h2>404</h2>
			<p>Page not found.
			</p>
		</div>
		<div class="dtruck">
			<a href="/"><img src="/assets/duke_truck.jpg" alt="404"></a>
		</div>
	</section>
</body>

</html>