Skip to content

Commit 6de421f

Browse files
spetebroodtspetebroodt
committed
404 page updated
1 parent 38f11bc commit 6de421f

File tree

1 file changed

+146
-10
lines changed

1 file changed

+146
-10
lines changed

‎404.html

+146-10
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,156 @@
11
<!DOCTYPE html>
22
<!--[if IE]><![endif]-->
33
<html>
4+
45
<head>
56
<meta charset="utf-8">
67
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7-
<title>Error 404</title>
8+
<title>docs.dataminer.services | Error 404</title>
89
<meta name="viewport" content="width=device-width">
9-
<meta name="title" content="Error 404">
10-
<link rel="shortcut icon" href="../favicon.ico">
11-
<link rel="stylesheet" href="../styles/docfx.vendor.min.css">
12-
<link rel="stylesheet" href="../styles/docfx.css">
13-
<link rel="stylesheet" href="../styles/main.css">
10+
<meta name="title" content="docs.dataminer.services | Error 404">
11+
<link rel="shortcut icon" href="favicon.ico">
1412
</head>
13+
1514
<body>
16-
<h1>Not found (404)</h1>
17-
<p>The page you requested could not be found on this server.</p>
18-
<p><a href="https://docs.dataminer.services/connector/index.html">DataMiner Connector Documentation</a></p>
15+
<div class="container py-5 row">
16+
<div class="wp-block-column">
17+
<center>
18+
<h1 class="pageNotFound">404</h1>
19+
<p class="lead">Looks like this page went missing.</p>
20+
<p>Maybe you'll find what you're looking for via our <a href="https://docs.dataminer.services/connector/index.html">home page</a>.</p>
21+
</center>
22+
</div>
23+
<div class="wp-block-column">
24+
<div class="wp-block-drupalmedia-drupal-media-entity">
25+
<div class="contextual-region">
26+
<img alt="Something went wrong, page not found" class="inline-image"
27+
src="https://www.skyline.be/sites/default/files/inline-images/404_0.png">
28+
</div>
29+
</div>
30+
</div>
31+
</div>
1932
</body>
20-
</html>
33+
<style>
34+
body {
35+
margin: 0;
36+
font-family: Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif;
37+
font-size: 1rem;
38+
font-weight: 400;
39+
line-height: 1.5;
40+
color: #212529;
41+
text-align: left;
42+
}
43+
44+
.container {
45+
margin: 50px auto auto auto;
46+
padding: 0 20px;
47+
width: 100%;
48+
max-width: 1340px;
49+
flex-direction: row
50+
}
51+
52+
.row {
53+
display: flex;
54+
flex-direction: row;
55+
flex-wrap: wrap;
56+
width: 100%;
57+
}
58+
59+
.py-5 {
60+
padding-bottom: 3rem !important;
61+
}
62+
63+
.contextual-region {
64+
position: relative;
65+
}
66+
67+
.contextual {
68+
position: absolute;
69+
z-index: 500;
70+
top: 6px;
71+
right: 0;
72+
}
73+
74+
.wp-block-column {
75+
flex-grow: 1;
76+
min-width: 0;
77+
word-break: break-word;
78+
overflow-wrap: break-word;
79+
flex-direction: column;
80+
flex-basis: 100%;
81+
flex: 1;
82+
}
83+
84+
.pageNotFound {
85+
font-size: 3.5rem;
86+
line-height: 1.1;
87+
margin-bottom: 1rem;
88+
color: #00aeef;
89+
font-weight: 900;
90+
}
91+
92+
.lead {
93+
color: #6c757d;
94+
font-weight: 400;
95+
font-size: 1.5rem;
96+
}
97+
98+
p {
99+
margin-top: 0;
100+
margin-bottom: 1rem;
101+
}
102+
103+
.btn {
104+
white-space: normal;
105+
display: inline-block;
106+
font-weight: 400;
107+
color: #212529;
108+
text-align: center;
109+
vertical-align: middle;
110+
cursor: pointer;
111+
user-select: none;
112+
background-color: transparent;
113+
border: 1px solid transparent;
114+
padding: 0.375rem 0.95rem;
115+
font-size: 1rem;
116+
line-height: 1.5;
117+
border-radius: 0.25rem;
118+
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
119+
}
120+
121+
.btn-lg,
122+
.btn-group-lg>.btn {
123+
font-weight: bold;
124+
}
125+
126+
.btn-lg,
127+
.btn-group-lg>.btn {
128+
padding: 0.5rem 1rem;
129+
font-size: 1.25rem;
130+
line-height: 1.5;
131+
border-radius: 0.3rem;
132+
}
133+
134+
.btn-secondary {
135+
color: #fff;
136+
background-color: #00aeef;
137+
border-color: #00aeef;
138+
text-decoration: none;
139+
}
140+
141+
.inline-image {
142+
width: 100%;
143+
height: auto;
144+
max-width: 1038;
145+
max-height: 711;
146+
}
147+
148+
img {
149+
vertical-align: middle;
150+
border-style: none;
151+
max-width: 1038px;
152+
max-height: 711px;
153+
}
154+
</style>
155+
156+
</html>

0 commit comments

Comments
 (0)