From 75a49b0997ab4fe3493e7a0e8936771c2520d4a5 Mon Sep 17 00:00:00 2001 From: Sander Vonk Date: Sat, 6 Aug 2022 15:31:48 -0700 Subject: [PATCH] new 404 page --- 404-alt.html | 50 -------- 404.html | 198 +++++++---------------------- 404/404.css | 29 ++++- About/archive & templates/404.html | 163 ++++++++++++++++++++++++ 4 files changed, 234 insertions(+), 206 deletions(-) delete mode 100644 404-alt.html create mode 100644 About/archive & templates/404.html diff --git a/404-alt.html b/404-alt.html deleted file mode 100644 index cd9e2cf..0000000 --- a/404-alt.html +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - - VITE! - 404 Not Found - - - - - - - -
-
-
- Earth -
-
-
-
-
- mascot character -
-
-
404
-
- -
Page Not Found
-
-
-
-
- - - -
-
-
-
Home
 -
Login
 -
Practice
 -
-
-
- - - diff --git a/404.html b/404.html index ce736f9..8a41ea8 100644 --- a/404.html +++ b/404.html @@ -5,159 +5,55 @@ - VITE! | Offline - + VITE! - 404 Not Found + + + + + -
- +
+
+
+ Earth +
+
+
+
+
+ mascot character +
+
+
404
+
+ +
Page Not Found
+
+
+
+
+ + + +
+
+ +
-
+ diff --git a/404/404.css b/404/404.css index df266f2..6a17c41 100644 --- a/404/404.css +++ b/404/404.css @@ -198,6 +198,9 @@ body { #error-text { z-index: 1 !important; } + #offline-img { + display: none; + } } @keyframes scroll-bg { 0% { @@ -215,7 +218,7 @@ body { transform: scale(1.1); transform-origin: center; background-image: url(/VITE/img/earth-clouds.png); - background-size: 1em; + background-size: contain; background-repeat: repeat-x; animation: scroll-bg 30s linear infinite; } @@ -233,7 +236,7 @@ body { #offline-img { background-image: url(/VITE/img/offline/image-offline.svg); background-size: contain; - background-repeat: none; + background-repeat: no-repeat; background-position: center center; } #action-btns { @@ -241,12 +244,16 @@ body { flex-flow: column; align-items: center; justify-content: space-evenly; - padding: 40px 0; + padding: 40px; box-sizing: border-box; } -#action-btns > * { +#action-btns > a { flex-grow: 0; + width: 100%; + max-width: 500px; height: 70px; + padding: 20px; + box-sizing: border-box; flex-shrink: 1; border-radius: 20px; display: flex; @@ -259,8 +266,20 @@ body { font-size: 30px; color: #415f66 !important; text-decoration: none !important; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } -#action-btns > * > * { +#action-btns > a > * { pointer-events: none; user-select: none; + height: fit-content; + flex-grow: 1; + text-align: center; +} +#action-btns > a > .shortcut-icon { + flex-grow: 0; + width: 30px; + height: 30px; + margin-right: 20px; } diff --git a/About/archive & templates/404.html b/About/archive & templates/404.html new file mode 100644 index 0000000..ce736f9 --- /dev/null +++ b/About/archive & templates/404.html @@ -0,0 +1,163 @@ + + + + + + + + VITE! | Offline + + + +
+ +
+
+ +