diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..1363e43 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,107 @@ + +body { + font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; + background-color: #121212; + color: #FFFFFF; +} + +.navbar { + background-color: #1E1E1E; + border-bottom: 1px solid #333; +} + +.trade-dashboard { + padding-top: 2rem; +} + +.chart-container { + background-color: #1E1E1E; + border-radius: 0.5rem; + padding: 1rem; + height: 500px; + display: flex; + align-items: center; + justify-content: center; + color: #ADB5BD; +} + +.signal-panel { + background-color: #1E1E1E; + border-radius: 0.5rem; + padding: 2rem; + height: 100%; +} + +.signal-title { + font-size: 1.5rem; + font-weight: bold; + margin-bottom: 1.5rem; +} + +.signal-info .info-item { + margin-bottom: 1rem; +} + +.signal-info .info-label { + color: #ADB5BD; + font-size: 0.9rem; +} + +.signal-info .info-value { + font-size: 1.2rem; + font-weight: 500; +} + +.confidence-meter { + height: 10px; + background-color: #333; + border-radius: 5px; + overflow: hidden; +} + +.confidence-bar { + height: 100%; + background-color: #28A745; +} + +.action-buttons .btn { + font-size: 1.5rem; + font-weight: bold; + padding: 1rem; + border-radius: 0.5rem; + transition: all 0.2s ease; +} + +.btn-call { + background: linear-gradient(145deg, #28a745, #218838); + border: none; + color: white; +} + +.btn-call:hover { + background: linear-gradient(145deg, #2dbc4e, #28a745); + box-shadow: 0 0 15px rgba(40, 167, 69, 0.5); +} + +.btn-put { + background: linear-gradient(145deg, #dc3545, #c82333); + border: none; + color: white; +} + +.btn-put:hover { + background: linear-gradient(145deg, #e74c3c, #dc3545); + box-shadow: 0 0 15px rgba(220, 53, 69, 0.5); +} + +.btn:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +.toast-container { + position: fixed; + bottom: 1rem; + right: 1rem; + z-index: 1050; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..2263cb3 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,52 @@ + +document.addEventListener('DOMContentLoaded', function () { + const callButton = document.getElementById('call-btn'); + const putButton = document.getElementById('put-btn'); + + function handleTradeAction(action) { + // Disable buttons + callButton.disabled = true; + putButton.disabled = true; + + // Show toast notification + const asset = document.querySelector('.info-value').textContent; + showToast(`${action.toUpperCase()} trade placed for ${asset}.`); + + // Re-enable buttons after a delay (e.g., 1 minute for expiry) + setTimeout(() => { + callButton.disabled = false; + putButton.disabled = false; + }, 5000); // 5 second demo timeout + } + + callButton.addEventListener('click', () => handleTradeAction('call')); + putButton.addEventListener('click', () => handleTradeAction('put')); +}); + +function showToast(message) { + const toastContainer = document.getElementById('toast-container'); + const toast = document.createElement('div'); + toast.className = 'toast show'; + toast.setAttribute('role', 'alert'); + toast.setAttribute('aria-live', 'assertive'); + toast.setAttribute('aria-atomic', 'true'); + + toast.innerHTML = ` +
+ Trade Alert + +
+
+ ${message} +
+ `; + + toastContainer.appendChild(toast); + + const bsToast = new bootstrap.Toast(toast); + bsToast.show(); + + toast.addEventListener('hidden.bs.toast', () => { + toast.remove(); + }); +} diff --git a/index.php b/index.php index 7205f3d..8943621 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,90 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Binomo prediction app + + + + + + + + + + + + + + + + - -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + + +
+
+ +
+
+

TradingView Chart Widget Placeholder

+
+
+ + +
+
+

Live Signal

+ +
+
+
ASSET
+
EUR/USD
+
+
+
CONFIDENCE
+
95%
+
+
+
+
+
+
EXPIRY
+
1 Minute
+
+
+ +
+ + +
+
+
+
+
+ + +
+ + + + + + + + - + \ No newline at end of file