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 {
211211 }
212212} / * Release
213213
214+ <style>
214215.exchange-section {
215216 background-color : # 111827 ;
216217 border-radius : 1rem ;
220221 margin-left : auto;
221222 margin-right : auto;
222223 text-align : center;
223- position : relative;
224- z-index : 1 ;
225224}
226225
227226.exchange-title {
233232.exchange-desc {
234233 color : # 9ca3af ;
235234 font-size : 1rem ;
236- margin-bottom : 1.5 rem ;
235+ margin-bottom : 2 rem ;
237236}
238237
239238# galaxy {
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