[Task] #6 provide fallback index.html

Type-Style · Jan 12, 2024 · fb7c3d5 · fb7c3d5
1 parent 4b249f7
commit fb7c3d5
Showing 1 changed file with 57 additions and 0 deletions.
diff --git a/httpdocs/index.html b/httpdocs/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Welcome Page</title>
+    <style>
+        @keyframes slideInFromLeft {
+          0% {
+            transform: translateX(-10%);
+          }
+          100% {
+            transform: translateX(10%);
+          }
+        }
+        @keyframes textShadow {         
+          50% {
+            text-shadow: 0 0 20px #000;
+          }
+        }
+				@keyframes move-it {				
+					to {
+						background-position: 100px 0px;
+					}
+				}
+				html, body {
+					height: 100%; overflow: hidden;
+				}
+        body {
+						background: repeating-linear-gradient(
+							45deg,
+							#014126,
+							#014126 5%,
+							#025c37 5%,
+							#025c37 10%
+						);
+						background-size: 100px 100px;
+						animation: move-it 2s linear infinite;
+            font-family: Arial, sans-serif;						
+						display: flex;
+						justify-content: center;
+						align-items: center;
+        }
+        h1 {
+            color: rgb(255, 255, 255);
+            text-align: center;
+            animation: 2s ease-in-out 0s infinite slideInFromLeft alternate-reverse, 3s ease-in-out 0s infinite textShadow;
+						filter: drop-shadow(0 0 10px rgb(0, 255, 128));
+						font-size: 40px;
+						font-size: 5dvmax;
+        }
+    </style>
+</head>
+<body>
+    <h1>Welcome</h1>
+</body>
+</html>