garfieeeeld (add shitty loader)

2025-08-09 17:22:25 +02:00
parent 55e1616e1b
commit 923e4220ff
4 changed files with 112 additions and 9 deletions
--- a/loader.html
+++ b/loader.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Loading...</title>
+<style>
+  html, body {
+    margin: 0; padding: 0; height: 100%;
+    background: #121212;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: sans-serif;
+    color: #eee;
+  }
+  .loader-container {
+    width: 300px;
+    height: 30px;
+    border: 2px solid #444;
+    border-radius: 15px;
+    overflow: hidden;
+    background: #222;
+    position: relative;
+  }
+  .loader-bar {
+    height: 100%;
+    width: 80px;
+    background: linear-gradient(90deg, #4caf50, #81c784);
+    border-radius: 15px;
+    position: absolute;
+    left: 0;
+    animation: bounceBar 2s steps(6) infinite;
+  }
+  @keyframes bounceBar {
+    0%   { left: 0; }
+    50%  { left: calc(100% - 80px); }
+    100% { left: 0; }
+  }
+  .loading-text {
+    margin-top: 15px;
+    font-size: 1.2em;
+    text-align: center;
+    user-select: none;
+  }
+</style>
+</head>
+<body>
+  <div>
+    <div class="loader-container">
+      <div class="loader-bar"></div>
+    </div>
+    <div class="loading-text">Loading...</div>
+  </div>
+</body>
+</html>