edubanks/DexNeon
0
1<!doctype html>2<html>3 <head>4 <meta charset="utf-8" />5 <meta name="viewport" content="width=device-width" />6 <title>My static Space</title>7 <link rel="stylesheet" href="style.css" />8 </head>9 <body>10 <div class="card">11 <h1>Welcome to your static Space!</h1>12 <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>13 <p>14 Also don't forget to check the15 <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.16 </p>17 </div>18 </body>19</html>20<!DOCTYPE html>21<html lang="en">22<head>23 <meta charset="UTF-8">24 <title>DexNeon</title>25 <meta name="viewport" content="width=device-width, initial-scale=1.0">26 <style>27 body {28 margin: 0;29 font-family: Arial, sans-serif;30 background: linear-gradient(180deg, #050b24, #0a102c);31 color: #aefeff;32 }33 .header {34 text-align: center;35 padding: 2rem 1rem;36 background-color: #0a0f2d;37 color: #00f0ff;38 font-size: 2rem;39 font-weight: bold;40 text-shadow: 0 0 8px #00f0ff;41 }42 .container {43 display: flex;44 flex-wrap: wrap;45 justify-content: center;46 padding: 2rem;47 gap: 1rem;48 }49 .card {50 background-color: #0e1733;51 border: 1px solid #00f0ff33;52 border-radius: 12px;53 box-shadow: 0 0 10px #00f0ff22;54 padding: 1rem;55 width: 300px;56 transition: all 0.3s ease;57 }58 .card:hover {59 transform: scale(1.03);60 box-shadow: 0 0 15px #00f0ff55;61 }62 .card h3 {63 margin: 0;64 font-size: 1.2rem;65 color: #ffffff;66 }67 .card p {68 margin: 0.4rem 0;69 font-size: 0.9rem;70 color: #c2e6f7;71 }72 .footer {73 text-align: center;74 padding: 1rem;75 font-size: 0.8rem;76 color: #526a83;77 background-color: #0b1229;78 }79 </style>80</head>81<body>82 <div class="header">DexNeon</div>83 84 <div class="container" id="tokenContainer">85 <p style="color:#ccc">Carregando tokens em destaque...</p>86 </div>87 88 <div class="footer">Kael & Banks - DexScreener Boosted Tokens</div>89 90 <script>91 async function carregarTokensBoost() {92 try {93 const res = await fetch("https://api.dexscreener.com/latest/token/boosts/top/v1");94 const data = await res.json();95 const container = document.getElementById('tokenContainer');96 container.innerHTML = '';97 98 const tokens = data.pairs.slice(0, 12);99 100 tokens.forEach(token => {101 const card = document.createElement('div');102 card.className = 'card';103 card.innerHTML = `104 <h3>${token.baseToken.name} (${token.baseToken.symbol})</h3>105 <p><strong>Preço:</strong> $${parseFloat(token.priceUsd).toFixed(6)}</p>106 <p><strong>DEX:</strong> ${token.dexId}</p>107 <p><strong>Volume 24h:</strong> $${parseFloat(token.volume.h24).toLocaleString()}</p>108 <p><strong>Liquidez:</strong> $${parseFloat(token.liquidity.usd).toLocaleString()}</p>109 `;110 container.appendChild(card);111 });112 } catch (e) {113 document.getElementById('tokenContainer').innerHTML = '<p>Erro ao carregar tokens.</p>';114 console.error(e);115 }116 }117 118 carregarTokensBoost();119 </script>120</body>121</html>122 123