Skip to content

Commit bcc0e8d

Browse files
takdjtakdj
committed
sfu: add 404 custom page
1 parent df0bb23 commit bcc0e8d

File tree

2 files changed

+98
-0
lines changed

2 files changed

+98
-0
lines changed

‎static/404.css‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
body {
2+
margin: 0;
3+
display: flex;
4+
flex-direction: column;
5+
justify-content: center;
6+
height: 100vh;
7+
padding: 0px 30px;
8+
background: #ddd;
9+
}
10+
11+
.wrapper {
12+
max-width: 960px;
13+
width: 100%;
14+
margin: 30px auto;
15+
transform: scale(0.8);
16+
}
17+
18+
.landing-page {
19+
max-width: 960px;
20+
height: 475px;
21+
margin: 0;
22+
box-shadow: 0px 0px 8px 1px #ccc;
23+
background: #fafafa;
24+
border-radius: 8px;
25+
display: flex;
26+
flex-direction: column;
27+
justify-content: center;
28+
align-items: center;
29+
}
30+
31+
.logo {
32+
color: #7e7e7e;
33+
font-size: 8em;
34+
text-align: center;
35+
line-height: 1.1;
36+
}
37+
38+
.logo .fa {
39+
color: #c39999;
40+
}
41+
42+
h1 {
43+
font-size: 48px;
44+
margin: 0;
45+
color: #7e7e7e;
46+
}
47+
48+
p {
49+
font-size: 18px;
50+
width: 35%;
51+
margin: 16px auto 24px;
52+
text-align: center;
53+
}
54+
55+
.home-link {
56+
text-decoration: none;
57+
border-radius: 8px;
58+
padding: 12px 24px;
59+
font-size: 18px;
60+
cursor: pointer;
61+
background: #610a86;
62+
color: #fff;
63+
border: none;
64+
box-shadow: 0 4px 4px 0 #ccc;
65+
-webkit-user-select: none;
66+
-moz-user-select: none;
67+
-ms-user-select: none;
68+
user-select: none;
69+
}

‎static/404.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Page not Found</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="/common.css">
8+
<link rel="stylesheet" type="text/css" href="/404.css"/>
9+
<link rel="author" href="https://www.irif.fr/~jch/"/>
10+
<!-- Font Awesome File -->
11+
<link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css">
12+
</head>
13+
14+
<body>
15+
16+
<div class="wrapper">
17+
<div class="landing-page">
18+
<div class="logo">
19+
<i class="fa fa-frown-o" aria-hidden="true"></i>
20+
</div>
21+
22+
<h1> Page not found!</h1>
23+
<p> We can't find the page you're looking for.</p>
24+
<a href="/" class="home-link">Back to home</a>
25+
</div>
26+
</div>
27+
28+
</body>
29+
</html>

0 commit comments

Comments
 (0)