Spaces:

kantaphat
/

python-binance-hedge-wizard

Running

App Files Files Community

kantaphat commited on Nov 25, 2025

Commit

27d39ac

verified ·

1 Parent(s): e408b12

Python binance th hedgefund

Browse files

Files changed (5) hide show

README.md +8 -5
components/binance-tools.js +67 -0
index.html +23 -17
script.js +27 -0
style.css +12 -21

README.md CHANGED Viewed

@@ -1,10 +1,13 @@
 ---
-title: Python Binance Hedge Wizard
-emoji: 💻
-colorFrom: indigo
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: Python Binance Hedge Wizard 🐍💰
+colorFrom: blue
+colorTo: red
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://huggingface.co/deepsite).

components/binance-tools.js ADDED Viewed

	@@ -0,0 +1,67 @@

+class BinanceTools extends HTMLElement {
+  connectedCallback() {
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.innerHTML = `
+      <style>
+        .tools-container {
+          background: white;
+          border-radius: 12px;
+          padding: 2rem;
+          box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+          margin-top: 2rem;
+        }
+        .tool-card {
+          border: 1px solid #e5e7eb;
+          border-radius: 8px;
+          padding: 1.5rem;
+          margin-bottom: 1rem;
+          transition: all 0.2s ease;
+        }
+        .tool-card:hover {
+          transform: translateY(-2px);
+          box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+        }
+        .tool-title {
+          font-weight: 600;
+          color: #065f46;
+          margin-bottom: 0.5rem;
+        }
+        .tool-desc {
+          color: #4b5563;
+          font-size: 0.9rem;
+          margin-bottom: 1rem;
+        }
+        .btn {
+          background: #065f46;
+          color: white;
+          padding: 0.5rem 1rem;
+          border-radius: 6px;
+          font-size: 0.9rem;
+          display: inline-block;
+          text-decoration: none;
+        }
+        .btn:hover {
+          background: #047857;
+        }
+      </style>
+      <div class="tools-container">
+        <div class="tool-card">
+          <div class="tool-title">Arbitrage Scanner</div>
+          <div class="tool-desc">Detect price differences across Binance markets for arbitrage opportunities</div>
+          <a href="#" class="btn">View Tool</a>
+        </div>
+        <div class="tool-card">
+          <div class="tool-title">Hedge Position Manager</div>
+          <div class="tool-desc">Automate your hedge positions with dynamic rebalancing</div>
+          <a href="#" class="btn">View Tool</a>
+        </div>
+        <div class="tool-card">
+          <div class="tool-title">Market Maker Bot</div>
+          <div class="tool-desc">Python-based market making strategy with customizable parameters</div>
+          <a href="#" class="btn">View Tool</a>
+        </div>
+      </div>
+    `;
+  }
+}
+customElements.define('binance-tools', BinanceTools);

index.html CHANGED Viewed

@@ -1,19 +1,25 @@
-<!doctype html>
 <html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
 <html>
+  <head>
+    <title>Python Binance Hedge Wizard</title>
+<link rel="stylesheet" href="style.css">
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="utf-8">
+    <script src="https://cdn.tailwindcss.com"></script>
+  </head>
+  <body class="flex justify-center items-center h-screen overflow-hidden bg-white font-sans text-center px-6">
+    <div class="w-full max-w-3xl mx-auto">
+<span class="text-xs rounded-full mb-2 inline-block px-2 py-1 border border-emerald-500/15 bg-emerald-500/15 text-emerald-500">🐍 Binance Hedge Fund Tools</span>
+<h1 class="text-4xl lg:text-6xl font-bold font-sans mb-8">
+<span class="text-2xl lg:text-4xl text-gray-400 block font-medium">Python-powered Binance</span>
+        Hedge Fund Automation
+</h1>
+    </div>
+    <binance-tools></binance-tools>
+    <img src="https://static.photos/finance/640x360/42" class="absolute bottom-8 right-8 w-[200px] rounded-lg shadow-lg opacity-90 hover:opacity-100 transition-opacity" />
+<script src="components/binance-tools.js"></script>
+<script src="script.js"></script>
+<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
+<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
+</body>
 </html>

script.js ADDED Viewed

	@@ -0,0 +1,27 @@

+document.addEventListener('DOMContentLoaded', () => {
+    // Add interactive cursor effect
+    const cursor = document.createElement('div');
+    cursor.classList.add('cursor');
+    document.body.appendChild(cursor);
+    document.addEventListener('mousemove', (e) => {
+        cursor.style.left = e.clientX + 'px';
+        cursor.style.top = e.clientY + 'px';
+    });
+    // Add typewriter effect to the heading
+    const heading = document.querySelector('h1 span:last-child');
+    const text = heading.textContent;
+    heading.textContent = '';
+    let i = 0;
+    const typeWriter = () => {
+        if (i < text.length) {
+            heading.textContent += text.charAt(i);
+            i++;
+            setTimeout(typeWriter, 100);
+        }
+    };
+    setTimeout(typeWriter, 1000);
+});

style.css CHANGED Viewed

@@ -1,28 +1,19 @@
 body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 }
 h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
 }
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
 }
-.card p:last-child {
-	margin-bottom: 0;
-}

+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
 body {
+    font-family: 'Inter', sans-serif;
+    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
+    transition: all 0.3s ease;
 }
 h1 {
+    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
+img {
+    animation: float 6s ease-in-out infinite;
 }
+@keyframes float {
+    0% { transform: translateY(0) rotate(30deg); }
+    50% { transform: translateY(-20px) rotate(30deg); }
+    100% { transform: translateY(0) rotate(30deg); }
+}