commit: 2f2d861a8023bd1c07df66927f73eba9d2fd7983
parent 46a74ce09d97b6d072451307888e20813815de70
Author: microlith57 <microlith57@gmail.com>
Date: Fri, 14 Jun 2019 09:28:00 +1200
Set text to fade in after 3s on 404.html
Signed-off-by:
microlith57 <microlith57@gmail.com>
Diffstat:
1 file changed, 20 insertions(+), 3 deletions(-)
diff --git a/404.html b/404.html
@@ -5,7 +5,24 @@ permalink: /404.html
<html lang="en">
<head>
<meta charset="utf-8">
- <title>Loading..</title>
+ <title>Loading...</title>
+ <style>
+ .fadein {
+ -webkit-animation: fadein 3s linear 0s 1;
+ animation: fadein 3s linear 0s 1;
+ }
+
+ @-webkit-keyframes fadein {
+ 0% {opacity: 0;}
+ 50% {opacity: 0;}
+ 100% {opacity: 1;}
+ }
+ @keyframes fadein {
+ 0% {opacity: 0;}
+ 50% {opacity: 0;}
+ 100% {opacity: 1;}
+ }
+ </style>
</head>
<body style='background:black; color:white'>
<script>
@@ -15,14 +32,14 @@ permalink: /404.html
document.location.href = parts.join("/")+"/#"+target
</script>
- <h1>
+ <h1 class="fadein">
Loading, please wait.
<br />
If this takes a long time, please check your Javascript settings.
</h1>
<noscript>
- <h2>
+ <h2 class="fadein">
This website requires Javascript. To view the content, please enable it in your browser settings.
</h2>
</noscript>
