-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path404.html
137 lines (112 loc) · 3.53 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" type="text/css" href="https://jollydata.blog/humble_canvas.css"/>
<style type="text/css">
body {
font-family: 'Open Sans', sans-serif;
background: #1BC7DC;
background: linear-gradient(180deg, #1BC7DC 25%, #394755 75%);
color: white;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.reef-container {
/*more than 95vx resulted in scoll bars*/
width: 95vw;
height: 95vh;
margin:0 auto;
}
.reef-block {
max-width: 60%;
top: 20%;
position: relative;
padding-right: 15px;
padding-left: 15px;
}
.reef-block div.image {
margin-bottom: 50px;
}
.reef-block span.title {
font-family: 'Bitter', serif;
font-size: 2.5rem;
margin-bottom: 5rem;
line-height: 1.2;
padding-top: 1em;
padding-bottom: 100px;
}
.reef-block span.rtext {
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
margin-top: 5rem;
padding-bottom: 50px;
line-height: 1.2;
}
.reef-block span.fnote {
font-family: 'Open Sans', sans-serif;
font-size: 0.8rem;
margin-top: 5rem;
padding-top: 50px;
padding-bottom: 50px;
line-height: 1.2;
}
.reef-block span.impressum {
font-family: 'Open Sans', sans-serif;
color: #DDDDDD;
font-size: 0.8rem;
margin-top: 5rem;
padding-top: 50px;
padding-bottom: 50px;
line-height: 1.2;
}
/* unvisited link */
a:link {
color: white;
}
/* visited link */
a:visited {
color: white;
}
/* mouse over link */
a:hover {
color: white;
}
/* selected link */
a:active {
color: white;
}
</style>
<title>Oh no, your jolly boat hit a reef!</title>
</head>
<body>
<div class="reef-container">
<div class="reef-block">
<div class="image">
<img src="https://jollydata.blog/resources/windrose.png" width=200px />
</div>
<span class="title">
Oh no, your jolly boat hit a reef!*
</span>
<br>
<div style="border: thin solid lightgray; width: 150px; margin-top: 30px; margin-bottom: 5px"></div>
<br>
<span class="rtext">
We're now 404m below the ocean surface and there's nothing to see here.
<br><br>
If you were looking for a blog post, go <a href="https://jollydata.blog">back to the home page</a> and check out the list of posts or use the search there to find the right article. Happy sailing!
<br><br>
Send me a mail or hit me up on <a href="https://twitter.com/c_gebhard">Twitter</a> or <a href="https://scicomm.xyz/@basepair">Mastodon</a>, if you think the website you were looking for <i>should</i> be here.
</span>
<div style="height: 50px;"></div>
<span class="fnote">*<i>Don't worry, I won't tell anyone!</i></span>
<div style="height: 50px;"></div>
<span class="impressum"><a href="https://jollydata.blog/impressum.html">Impressum / Contact</a></span>
</div>
</div>
</body>
</html>