Spaces:
Running
Running
cambia usd por usdc y arregla los logos ya que no se ve ninguno
Browse files- 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
|
| 43 |
-
|
| 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 |
-
|
| 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">
|
| 82 |
-
|
| 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 |
-
|
| 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 |
-
|
| 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 |
-
|
| 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 |
-
|
| 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 |
-
|
| 313 |
datasets: [
|
| 314 |
{
|
| 315 |
label: 'USDT APY',
|
|
@@ -319,9 +319,9 @@
|
|
| 319 |
borderWidth: 1
|
| 320 |
},
|
| 321 |
{
|
| 322 |
-
label: '
|
| 323 |
data: [7.89, 5.89, 10.75, 8.92, 14.87],
|
| 324 |
-
|
| 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 |
}
|