Add files via upload

Rommmmaha · Oct 30, 2024 · 5571104 · 5571104
1 parent ca1d07d
commit 5571104
Show file tree

Hide file tree

Showing 11 changed files with 30 additions and 32 deletions.
diff --git a/index.html b/index.html
@@ -30,52 +30,50 @@
 
         .container {
             position: relative;
-            width: 0px;
-            height: 0px;
         }
 
-        .center-image {
+        .container>a {
             position: absolute;
-            width: 360px;
-            height: 360px;
-            left: -180px;
-            top: -180px;
+            transition: all 0.3s ease;
             border-radius: 50%;
-            transition: transform 0.3s ease;
-            object-fit: cover;
-            box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.8);
+        }
+
+        .center-image {
+            width: 400px;
+            height: 400px;
+            left: -200px;
+            top: -200px;
+            box-shadow: 0px 0px 300px rgba(255, 255, 255, 0.8);
+        }
+
+        .center-image img {
+            background-color: rgba(255, 255, 255, 0.2);
         }
 
         .center-image:hover {
             transform: scale(1.1);
+            box-shadow: 0px 0px 300px rgba(255, 255, 255, 1);
         }
 
         .link-item {
-            position: absolute;
-            width: 90px;
-            height: 90px;
-            border-radius: 50%;
-            transition: transform 0.3s ease;
-            overflow: hidden;
-            box-shadow: 0 0px 50px rgba(255, 255, 255, 0.5);
+            width: 100px;
+            height: 100px;
+            box-shadow: 0px 0px 100px rgba(0, 0, 0, 1);
         }
 
         .link-item:hover {
-            transform: scale(2);
+            transform: scale(1.8);
+            box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.8);
         }
 
-        .link-item>img {
-            position: absolute;
+        img {
             width: 100%;
             height: 100%;
             border-radius: 50%;
-            object-fit: cover;
         }
 
         .background {
             position: fixed;
-            top: 0;
-            left: 0;
             width: 100%;
             height: 100%;
             object-fit: cover;
@@ -87,7 +85,7 @@
 
 <body>
     <div class="container">
-        <a href="https://dub.sh/rommmmaha"><img src="media/avatar.png" class="center-image"></a>
+        <a class="center-image" href="https://dub.sh/rommmmaha"><img src="media/avatar.png"></a>
     </div>
     <video src="media/background.mp4" class="background" autoplay loop muted playsinline></video>
     <script>
@@ -103,22 +101,22 @@
             const links = [...container.querySelectorAll('.link-item'), link];
             links.forEach((link, index) => {
                 const currentAngle = index * (360 / links.length) * Math.PI / 180;
-                const x = Math.cos(currentAngle) * radius - 45;
-                const y = Math.sin(currentAngle) * radius - 45;
+                const x = Math.cos(currentAngle) * radius - 50;
+                const y = Math.sin(currentAngle) * radius - 50;
 
                 link.style.left = `${x}px`;
                 link.style.top = `${y}px`;
             });
             container.appendChild(link);
         }
         addLink('https://x.com/rommmmaha', 'x');
-        addLink('https://tiktok.com/rommmmaha', 'tiktok');
-        addLink('https://github.com/rommmmaha/', 'github', "transform:scale(1.38);filter:invert(1)");
-        addLink('https://steamcommunity.com/profiles/76561199095711243', 'steam', "transform:scale(1.09);filter:");
-        addLink('https://reddit.com/user/Rommmmaha/', 'reddit');
+        addLink('https://tiktok.com/@rommmmaha', 'tiktok');
+        addLink('https://github.com/rommmmaha', 'github');
+        addLink('https://steamcommunity.com/profiles/76561199095711243', 'steam');
+        addLink('https://reddit.com/user/Rommmmaha', 'reddit');
         addLink('https://discord.com/users/rommmmaha', 'discord');
-        addLink('https://t.me/rommmmaha', 'telegram', "transform:scale(1.25);filter:brightness(60%)");
-        addLink('https://twitch.tv/rommmmaha/', 'twitch', "filter:invert(1)brightness(60%)");
+        addLink('https://t.me/rommmmaha', 'telegram');
+        addLink('https://twitch.tv/rommmmaha', 'twitch');
         addLink('https://youtube.com/@rommmmaha', 'youtube');
     </script>
 

diff --git a/media/avatar.png b/media/avatar.png
diff --git a/media/discord.png b/media/discord.png
diff --git a/media/github.png b/media/github.png
diff --git a/media/reddit.png b/media/reddit.png
diff --git a/media/steam.png b/media/steam.png
diff --git a/media/telegram.png b/media/telegram.png
diff --git a/media/tiktok.png b/media/tiktok.png
diff --git a/media/twitch.png b/media/twitch.png
diff --git a/media/x.png b/media/x.png
diff --git a/media/youtube.png b/media/youtube.png