1- < meta http-equiv ="refresh " content ="0; URL='https://emptycharacter.web.app' " />
1+ <!DOCTYPE html>
2+ < html >
3+ < head >
4+ < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
5+ < link href ="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap " rel ="stylesheet ">
6+ < style >
7+ body {
8+ background-color : # 333
9+ color : white;
10+ font-family : 'Roboto' , sans-serif;
11+ }
12+ .error-message {
13+ text-align : center;
14+ font-size : 36px ;
15+ margin-top : 50px ;
16+ animation : shake 0.5s ease;
17+ animation-iteration-count : infinite;
18+ }
19+ @keyframes shake {
20+ 0% { transform : translate (1px , 1px ) rotate (0deg ); }
21+ 10% { transform : translate (-1px , -2px ) rotate (-1deg ); }
22+ 20% { transform : translate (-3px , 0px ) rotate (1deg ); }
23+ 30% { transform : translate (3px , 2px ) rotate (0deg ); }
24+ 40% { transform : translate (1px , -1px ) rotate (1deg ); }
25+ 50% { transform : translate (-1px , 2px ) rotate (-1deg ); }
26+ 60% { transform : translate (-3px , 1px ) rotate (0deg ); }
27+ 70% { transform : translate (3px , 1px ) rotate (-1deg ); }
28+ 80% { transform : translate (-1px , -1px ) rotate (1deg ); }
29+ 90% { transform : translate (1px , 2px ) rotate (0deg ); }
30+ 100% { transform : translate (1px , -2px ) rotate (-1deg ); }
31+ }
32+ </ style >
33+ </ head >
34+ < body >
35+ < div class ="container h-100 d-flex justify-content-center align-items-center ">
36+ < div class ="error-message text-center ">
37+ < h1 class ="display-1 "> 404</ h1 >
38+ < p class ="lead "> Sorry, the page you're looking for doesn't exist.</ p >
39+ < p class ="lead "> Redirecting you back home in < span id ="countdown "> 3</ span > seconds...</ p >
40+ </ div >
41+ </ div >
42+ < script >
43+ const countdown = document . querySelector ( "#countdown" ) ;
44+ let count = 3 ;
45+ setInterval ( ( ) => {
46+ if ( count > 0 ) {
47+ countdown . innerHTML = count ;
48+ count -- ;
49+ } else {
50+ window . location . href = "/EmptyCharacterWebsite/" ;
51+ }
52+ } , 1000 ) ;
53+ </ script >
54+ </ body >
55+ </ html >
0 commit comments