From bcc0e8da5e118b974959d9199a7df3d1b8565149 Mon Sep 17 00:00:00 2001 From: Alain Takoudjou Date: Fri, 11 Sep 2020 15:55:53 +0200 Subject: [PATCH] sfu: add 404 custom page --- static/404.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++++ static/404.html | 29 +++++++++++++++++++++ 2 files changed, 98 insertions(+) create mode 100644 static/404.css create mode 100644 static/404.html diff --git a/static/404.css b/static/404.css new file mode 100644 index 0000000..0dcc899 --- /dev/null +++ b/static/404.css @@ -0,0 +1,69 @@ +body { + margin: 0; + display: flex; + flex-direction: column; + justify-content: center; + height: 100vh; + padding: 0px 30px; + background: #ddd; +} + +.wrapper { + max-width: 960px; + width: 100%; + margin: 30px auto; + transform: scale(0.8); +} + +.landing-page { + max-width: 960px; + height: 475px; + margin: 0; + box-shadow: 0px 0px 8px 1px #ccc; + background: #fafafa; + border-radius: 8px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.logo { + color: #7e7e7e; + font-size: 8em; + text-align: center; + line-height: 1.1; +} + +.logo .fa { + color: #c39999; +} + +h1 { + font-size: 48px; + margin: 0; + color: #7e7e7e; +} + +p { + font-size: 18px; + width: 35%; + margin: 16px auto 24px; + text-align: center; +} + +.home-link { + text-decoration: none; + border-radius: 8px; + padding: 12px 24px; + font-size: 18px; + cursor: pointer; + background: #610a86; + color: #fff; + border: none; + box-shadow: 0 4px 4px 0 #ccc; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} diff --git a/static/404.html b/static/404.html new file mode 100644 index 0000000..88b0c4f --- /dev/null +++ b/static/404.html @@ -0,0 +1,29 @@ + + + + Page not Found + + + + + + + + + + + +
+
+ + +

Page not found!

+

We can't find the page you're looking for.

+ Back to home +
+
+ + +