added animation

2025-08-25 18:19:15 +01:00
parent 2bc3e014dd
commit 56f6df8e46
1 changed files with 33 additions and 1 deletions
--- a/html/index.html
+++ b/html/index.html
@@ -3,8 +3,40 @@
  <head>
    <meta charset="UTF-8">
    <title>Hello Dokploy</title>
+    <style>
+      body {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100vh;
+        margin: 0;
+        background: linear-gradient(to top, #00111a, #003344);
+        color: white;
+        font-family: sans-serif;
+        overflow: hidden;
+      }
+
+      h1 {
+        position: relative;
+        font-size: 2rem;
+      }
+
+      .rocket {
+        display: inline-block;
+        animation: launch 4s ease-in-out infinite;
+      }
+
+      @keyframes launch {
+        0%   { transform: translateY(0);   opacity: 1; }
+        70%  { transform: translateY(-200px); opacity: 1; }
+        100% { transform: translateY(-400px); opacity: 0; }
+      }
+    </style>
  </head>
  <body>
-    <h1>Hello from Gitea + Dokploy 🚀</h1>
+    <h1>
+      Hello from Gitea + Dokploy 
+      <span class="rocket">🚀</span>
+    </h1>
  </body>
 </html>