Gurripulli commited on
Commit
d54ab38
·
verified ·
1 Parent(s): b7222cb

cambia usd por usdc y arregla los logos ya que no se ve ninguno

Browse files
Files changed (1) hide show
  1. index.html +17 -17
index.html CHANGED
@@ -39,8 +39,8 @@
39
  DeFi Yield Explorer
40
  </h1>
41
  <p class="text-lg md:text-xl opacity-80 max-w-2xl">
42
- Real-time APY comparison for USD & USDT across top DeFi platforms
43
- </p>
44
  <div class="mt-6 flex space-x-4">
45
  <button id="refresh-btn" class="flex items-center px-4 py-2 bg-indigo-600 hover:bg-indigo-700 rounded-lg transition">
46
  <i data-feather="refresh-cw" class="mr-2"></i>
@@ -67,8 +67,8 @@
67
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
68
  <div class="flex justify-between items-start mb-4">
69
  <div>
70
- <img src="https://cryptologos.cc/logos/aave-aave-logo.png" alt="Aave Logo" class="h-10 w-10 rounded-full">
71
- </div>
72
  <span class="px-3 py-1 bg-green-900/30 text-green-400 rounded-full text-xs font-medium">Low Risk</span>
73
  </div>
74
  <h3 class="text-xl font-bold mb-2">Aave v3</h3>
@@ -78,8 +78,8 @@
78
  <span class="font-bold text-green-400">8.42%</span>
79
  </div>
80
  <div class="flex justify-between items-center">
81
- <span class="opacity-80">USD APY</span>
82
- <span class="font-bold text-green-400">7.89%</span>
83
  </div>
84
  <div class="flex justify-between items-center">
85
  <span class="opacity-80">TVL</span>
@@ -95,8 +95,8 @@
95
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
96
  <div class="flex justify-between items-start mb-4">
97
  <div>
98
- <img src="https://cryptologos.cc/logos/compound-comp-logo.png" alt="Compound Logo" class="h-10 w-10 rounded-full">
99
- </div>
100
  <span class="px-3 py-1 bg-green-900/30 text-green-400 rounded-full text-xs font-medium">Low Risk</span>
101
  </div>
102
  <h3 class="text-xl font-bold mb-2">Compound v3</h3>
@@ -123,8 +123,8 @@
123
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
124
  <div class="flex justify-between items-start mb-4">
125
  <div>
126
- <img src="https://cryptologos.cc/logos/curve-dao-token-crv-logo.png" alt="Curve Logo" class="h-10 w-10 rounded-full">
127
- </div>
128
  <span class="px-3 py-1 bg-yellow-900/30 text-yellow-400 rounded-full text-xs font-medium">Medium Risk</span>
129
  </div>
130
  <h3 class="text-xl font-bold mb-2">Curve Finance</h3>
@@ -151,8 +151,8 @@
151
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
152
  <div class="flex justify-between items-start mb-4">
153
  <div>
154
- <img src="https://cryptologos.cc/logos/yearn-finance-yfi-logo.png" alt="Yearn Logo" class="h-10 w-10 rounded-full">
155
- </div>
156
  <span class="px-3 py-1 bg-yellow-900/30 text-yellow-400 rounded-full text-xs font-medium">Medium Risk</span>
157
  </div>
158
  <h3 class="text-xl font-bold mb-2">Yearn Finance</h3>
@@ -179,8 +179,8 @@
179
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
180
  <div class="flex justify-between items-start mb-4">
181
  <div>
182
- <img src="https://cryptologos.cc/logos/uniswap-uni-logo.png" alt="Uniswap Logo" class="h-10 w-10 rounded-full">
183
- </div>
184
  <span class="px-3 py-1 bg-red-900/30 text-red-400 rounded-full text-xs font-medium">High Risk</span>
185
  </div>
186
  <h3 class="text-xl font-bold mb-2">Uniswap v3</h3>
@@ -309,7 +309,7 @@
309
  const yieldChart = new Chart(ctx, {
310
  type: 'bar',
311
  data: {
312
- labels: ['Aave v3', 'Compound v3', 'Curve Finance', 'Yearn Finance', 'Uniswap v3'],
313
  datasets: [
314
  {
315
  label: 'USDT APY',
@@ -319,9 +319,9 @@
319
  borderWidth: 1
320
  },
321
  {
322
- label: 'USD APY',
323
  data: [7.89, 5.89, 10.75, 8.92, 14.87],
324
- backgroundColor: 'rgba(236, 72, 153, 0.7)',
325
  borderColor: 'rgba(236, 72, 153, 1)',
326
  borderWidth: 1
327
  }
 
39
  DeFi Yield Explorer
40
  </h1>
41
  <p class="text-lg md:text-xl opacity-80 max-w-2xl">
42
+ Real-time APY comparison for USDC & USDT across top DeFi platforms
43
+ </p>
44
  <div class="mt-6 flex space-x-4">
45
  <button id="refresh-btn" class="flex items-center px-4 py-2 bg-indigo-600 hover:bg-indigo-700 rounded-lg transition">
46
  <i data-feather="refresh-cw" class="mr-2"></i>
 
67
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
68
  <div class="flex justify-between items-start mb-4">
69
  <div>
70
+ <img src="https://cryptologos.cc/logos/aave-aave-logo.png?v=025" alt="Aave Logo" class="h-10 w-10 rounded-full">
71
+ </div>
72
  <span class="px-3 py-1 bg-green-900/30 text-green-400 rounded-full text-xs font-medium">Low Risk</span>
73
  </div>
74
  <h3 class="text-xl font-bold mb-2">Aave v3</h3>
 
78
  <span class="font-bold text-green-400">8.42%</span>
79
  </div>
80
  <div class="flex justify-between items-center">
81
+ <span class="opacity-80">USDC APY</span>
82
+ <span class="font-bold text-green-400">7.89%</span>
83
  </div>
84
  <div class="flex justify-between items-center">
85
  <span class="opacity-80">TVL</span>
 
95
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
96
  <div class="flex justify-between items-start mb-4">
97
  <div>
98
+ <img src="https://cryptologos.cc/logos/compound-comp-logo.png?v=025" alt="Compound Logo" class="h-10 w-10 rounded-full">
99
+ </div>
100
  <span class="px-3 py-1 bg-green-900/30 text-green-400 rounded-full text-xs font-medium">Low Risk</span>
101
  </div>
102
  <h3 class="text-xl font-bold mb-2">Compound v3</h3>
 
123
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
124
  <div class="flex justify-between items-start mb-4">
125
  <div>
126
+ <img src="https://cryptologos.cc/logos/curve-dao-token-crv-logo.png?v=025" alt="Curve Logo" class="h-10 w-10 rounded-full">
127
+ </div>
128
  <span class="px-3 py-1 bg-yellow-900/30 text-yellow-400 rounded-full text-xs font-medium">Medium Risk</span>
129
  </div>
130
  <h3 class="text-xl font-bold mb-2">Curve Finance</h3>
 
151
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
152
  <div class="flex justify-between items-start mb-4">
153
  <div>
154
+ <img src="https://cryptologos.cc/logos/yearn-finance-yfi-logo.png?v=025" alt="Yearn Logo" class="h-10 w-10 rounded-full">
155
+ </div>
156
  <span class="px-3 py-1 bg-yellow-900/30 text-yellow-400 rounded-full text-xs font-medium">Medium Risk</span>
157
  </div>
158
  <h3 class="text-xl font-bold mb-2">Yearn Finance</h3>
 
179
  <div class="glass-card p-6 hover:shadow-lg transition duration-300">
180
  <div class="flex justify-between items-start mb-4">
181
  <div>
182
+ <img src="https://cryptologos.cc/logos/uniswap-uni-logo.png?v=025" alt="Uniswap Logo" class="h-10 w-10 rounded-full">
183
+ </div>
184
  <span class="px-3 py-1 bg-red-900/30 text-red-400 rounded-full text-xs font-medium">High Risk</span>
185
  </div>
186
  <h3 class="text-xl font-bold mb-2">Uniswap v3</h3>
 
309
  const yieldChart = new Chart(ctx, {
310
  type: 'bar',
311
  data: {
312
+ labels: ['Aave v3', 'Compound v3', 'Curve Finance', 'Yearn Finance', 'Uniswap v3'],
313
  datasets: [
314
  {
315
  label: 'USDT APY',
 
319
  borderWidth: 1
320
  },
321
  {
322
+ label: 'USDC APY',
323
  data: [7.89, 5.89, 10.75, 8.92, 14.87],
324
+ backgroundColor: 'rgba(236, 72, 153, 0.7)',
325
  borderColor: 'rgba(236, 72, 153, 1)',
326
  borderWidth: 1
327
  }