From ca77551054c4e4215fcd3a1e57d866896ede8981 Mon Sep 17 00:00:00 2001 From: sk66641 <145834771+sk66641@users.noreply.github.com> Date: Mon, 24 Jun 2024 19:48:56 +0530 Subject: [PATCH] updated error page --- styles.css => css/error.css | 23 ++++++++++++++++++++++- scripts.js => js/error.js | 10 +++++++++- error..html => pages/error.html | 17 +++++++++++------ 3 files changed, 42 insertions(+), 8 deletions(-) rename styles.css => css/error.css (95%) rename scripts.js => js/error.js (68%) rename error..html => pages/error.html (59%) diff --git a/styles.css b/css/error.css similarity index 95% rename from styles.css rename to css/error.css index 471b64a..7e80aa4 100644 --- a/styles.css +++ b/css/error.css @@ -40,6 +40,7 @@ body { from { opacity: 0.2; } + to { opacity: 1; } @@ -62,6 +63,7 @@ body { from { text-shadow: 0 0 10px #fff, 0 0 20px #00c6ff, 0 0 30px #00c6ff, 0 0 40px #00c6ff, 0 0 50px #00c6ff, 0 0 60px #00c6ff, 0 0 70px #00c6ff; } + to { text-shadow: 0 0 20px #fff, 0 0 30px #00c6ff, 0 0 40px #00c6ff, 0 0 50px #00c6ff, 0 0 60px #00c6ff, 0 0 70px #00c6ff, 0 0 80px #00c6ff; } @@ -103,13 +105,25 @@ a:hover { background-color: rgb(0, 86, 204); } +.text4 { + font-weight: 800; +} + +.text5 { + display: flex; + justify-content: center; + align-items: center; +} + @media only screen and (max-width: 705px) { .text1 { font-size: 175px; } + .text2 { font-size: 20px; } + .text3 { font-size: 16px; width: 500px; @@ -120,13 +134,16 @@ a:hover { .text1 { font-size: 125px; } + .text2 { font-size: 18px; } + .text3 { font-size: 16px; width: 400px; } + a { width: 155px; font-size: 12px; @@ -138,9 +155,11 @@ a:hover { .text1 { font-size: 100px; } + .text2 { font-size: 15px; } + .text3 { font-size: 12px; width: 300px; @@ -151,6 +170,7 @@ a:hover { 0% { opacity: 0; } + 100% { opacity: 1; } @@ -161,8 +181,9 @@ a:hover { transform: translateY(50px); opacity: 0; } + 100% { transform: translateY(0); opacity: 1; } -} +} \ No newline at end of file diff --git a/scripts.js b/js/error.js similarity index 68% rename from scripts.js rename to js/error.js index 843103d..c43ccb1 100644 --- a/scripts.js +++ b/js/error.js @@ -1,6 +1,14 @@ +let n = 10 // seconds + setTimeout(function () { window.location.href = './index.html'; -}, 5000); +}, n*1000); + +document.querySelector('.text4').getElementsByTagName("strong")[0].innerHTML = n; +setInterval(() => { + document.querySelector('.text4').getElementsByTagName("strong")[0].innerHTML = n - 1; + n = n - 1 +}, 1000); // Generate stars document.addEventListener('DOMContentLoaded', function () { diff --git a/error..html b/pages/error.html similarity index 59% rename from error..html rename to pages/error.html index 2c75abc..79ae19e 100644 --- a/error..html +++ b/pages/error.html @@ -1,21 +1,26 @@ - + - + Error - 404 +
Oops!
404 - Page not Found
-
The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.
- Go to HomePage +
The page you are looking for might have been removed, had its name changed, or is temporarily + unavailable.
+
Redirecting in seconds
+
Go to HomePage
+
- + - + + \ No newline at end of file