Skip to content

Commit f20e03f

Browse files
B-BDS
1 parent 27bd27c commit f20e03f

1 file changed

Lines changed: 13 additions & 32 deletions

File tree

index.html

Lines changed: 13 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6-
<title>UmbrioX (᪣UBX)</title> // Version 550.41 (For Google Search Console)
7-
<link rel="icon" type="image/png" href="/ico.png"/> // Created by B-HD™ (Do not copy all code! Only 1 part of code)
6+
<title>UmbrioX (᪣UBX)</title>
7+
<link rel="icon" type="image/png" href="/ico.png"/>
88
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
99
<style>
1010
body {
@@ -211,6 +211,7 @@
211211
}
212212
} /* Release
213213

214+
<style>
214215
.exchange-section {
215216
background-color: #111827;
216217
border-radius: 1rem;
@@ -220,8 +221,6 @@
220221
margin-left: auto;
221222
margin-right: auto;
222223
text-align: center;
223-
position: relative;
224-
z-index: 1;
225224
}
226225

227226
.exchange-title {
@@ -233,7 +232,7 @@
233232
.exchange-desc {
234233
color: #9ca3af;
235234
font-size: 1rem;
236-
margin-bottom: 1.5rem;
235+
margin-bottom: 2rem;
237236
}
238237

239238
#galaxy {
@@ -242,11 +241,6 @@
242241
height: 600px;
243242
margin: 0 auto;
244243
border-radius: 50%;
245-
overflow: visible;
246-
}
247-
248-
#galaxy img {
249-
pointer-events: none;
250244
}
251245
</style>
252246
<title>UmbrioX (᪣UBX) - New cryptocurrency of the future</title>
@@ -297,14 +291,15 @@ <h2>Current price:</h2>
297291
</div>
298292
<canvas id="chart"></canvas>
299293
</div>
300-
<div class="exchange-section">
301-
<h2 class="exchange-title">UmbrioX Galaxy of Exchanges</h2>
302-
<p class="exchange-desc">
303-
Explore all the places where UmbrioX shines in the crypto universe.
304-
Click on an exchange to trade or learn more!
305-
</p>
306-
307-
<div id="galaxy"></div>
294+
<div class="exchange-section">
295+
<div class="exchange-content">
296+
<h2 class="exchange-title">UmbrioX Galaxy of Exchanges</h2>
297+
<p class="exchange-desc">
298+
Explore the cosmic network of UmbrioX across different exchanges.<br>
299+
Click on a planet to start your journey 🚀
300+
</p>
301+
<div id="galaxy"></div>
302+
</div>
308303
</div>
309304
<div class="about">
310305
<h2 style="color: #d8b4fe; font-size: 1.75rem;">About UmbrioX</h2>
@@ -681,25 +676,12 @@ <h2 style="color: #d8b4fe; font-size: 1.75rem;">About UmbrioX</h2>
681676
const angle = (i / exchanges.length) * 2 * Math.PI;
682677
const orbit = 200;
683678

684-
const line = document.createElement("div");
685-
line.style.position = "absolute";
686-
line.style.left = "50%";
687-
line.style.top = "50%";
688-
line.style.width = orbit + "px";
689-
line.style.height = "2px";
690-
line.style.background = "linear-gradient(to right, #7e22ce, #4f46e5, #0ea5e9)";
691-
line.style.transformOrigin = "left center";
692-
line.style.transform = `rotate(${angle}rad)`;
693-
line.style.opacity = "0.7";
694-
galaxy.appendChild(line);
695-
696679
const planet = document.createElement("a");
697680
planet.href = ex.url;
698681
planet.target = "_blank";
699682
planet.style.position = "absolute";
700683
planet.style.width = "50px";
701684
planet.style.height = "50px";
702-
planet.style.borderRadius = "50%";
703685
planet.style.left = "50%";
704686
planet.style.top = "50%";
705687
planet.style.transform = `translate(${orbit * Math.cos(angle)}px, ${orbit * Math.sin(angle)}px)`;
@@ -712,7 +694,6 @@ <h2 style="color: #d8b4fe; font-size: 1.75rem;">About UmbrioX</h2>
712694
setInterval(() => {
713695
a += 0.01;
714696
planet.style.transform = `translate(${orbit * Math.cos(a)}px, ${orbit * Math.sin(a)}px)`;
715-
line.style.transform = `rotate(${a}rad)`;
716697
}, 50);
717698
});
718699
</script>

0 commit comments

Comments
 (0)