deploy: f04fb36

hanisntsolo · May 18, 2024 · 54cd052 · 54cd052
1 parent 48cf8c7
commit 54cd052
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 29 deletions.
diff --git a/dhirendra_resume-openfont.log b/dhirendra_resume-openfont.log
@@ -1,4 +1,4 @@
-This is XeTeX, Version 3.141592653-2.6-0.999996 (TeX Live 2024) (preloaded format=xelatex 2024.3.15)  18 MAY 2024 12:27
+This is XeTeX, Version 3.141592653-2.6-0.999996 (TeX Live 2024) (preloaded format=xelatex 2024.3.15)  18 MAY 2024 12:31
 entering extended mode
  restricted \write18 enabled.
  %&-line parsing enabled.

diff --git a/dhirendra_resume-openfont.pdf b/dhirendra_resume-openfont.pdf
diff --git a/index.html b/index.html
@@ -24,53 +24,57 @@
             font-family: Arial, sans-serif;
         }
 
-        /* Marvel transition effect */
-        .marvel-transition {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 100%;
-            height: 100%;
-            background-color: black;
-            animation: marvelEffect 3s forwards;
+        /* Star Wars ship */
+        .starship {
+            position: absolute;
+            left: -200px;
+            top: 50%;
+            width: 100px;
+            height: auto;
+            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 1C10.345 1 9 2.345 9 4c0 1.391.823 2.588 2.008 3.163L12 15l.992-7.837C14.177 6.588 15 5.391 15 4c0-1.655-1.345-3-3-3zm0 1c.551 0 1 .449 1 1s-.449 1-1 1-1-.449-1-1 .449-1 1-1z"/></svg>') no-repeat center center;
+            background-size: contain;
+            animation: moveShip 5s linear infinite;
         }
 
-        .marvel-text {
-            font-size: 4em;
-            font-weight: bold;
-            color: white;
-            border: 10px solid white;
-            padding: 20px;
-            text-transform: uppercase;
-            letter-spacing: 5px;
-            animation: marvelEffect 3s forwards;
+        /* Redirection message */
+        .message {
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            animation: moveMessage 5s linear infinite;
+        }
+
+        @keyframes moveShip {
+            0% {
+                transform: translateX(0);
+            }
+
+            100% {
+                transform: translateX(2000px);
+            }
         }
 
-        @keyframes marvelEffect {
+        @keyframes moveMessage {
             0% {
-                transform: scale(1);
-                opacity: 1;
+                transform: translateX(0);
             }
 
             100% {
-                transform: scale(10);
-                opacity: 0;
+                transform: translateX(2000px);
             }
         }
     </style>
 </head>
 
 <body>
-    <div class="marvel-transition">
-        <div class="marvel-text">Marvel</div>
-    </div>
+    <div class="message">Redirecting to <a href="dhirendra_resume-openfont.pdf">dhirendra_resume-openfont.pdf</a></div>
+    <div class="starship"></div>
     <script>
         // Redirect after the animation
         setTimeout(function () {
             window.location.href = "dhirendra_resume-openfont.pdf";
-        }, 3000); // 3 seconds to match the animation duration
+        }, 5000); // 5 seconds to match the animation duration
     </script>
-    <p>Redirecting to <a href="dhirendra_resume-openfont.pdf">dhirendra_resume-openfont.pdf</a></p>
 </body>
 
 </html>