diff --git a/static/index.html b/static/index.html
index a0fbae8..80d93b3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -93,6 +93,25 @@
color: #000;
}
+ .go-play-button {
+ background: linear-gradient(135deg, #00ff88, #00cc6a);
+ color: #000;
+ padding: 8px 16px;
+ border-radius: 6px;
+ text-decoration: none;
+ font-weight: 600;
+ font-size: 0.9rem;
+ transition: all 0.3s ease;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+ }
+
+ .go-play-button:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 8px 25px rgba(0, 255, 136, 0.3);
+ color: #000;
+ }
+
.beta-badge {
background: linear-gradient(45deg, #ff6b35, #f7931e);
color: white;
@@ -801,7 +820,11 @@
FAQ
@@ -1069,6 +1092,28 @@
}
});
});
+
+ // Check authentication state and toggle buttons
+ function checkAuthState() {
+ // Check if user is logged in (you can modify this logic based on your auth implementation)
+ const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true' ||
+ document.cookie.includes('session=') ||
+ window.location.search.includes('logged_in=true');
+
+ const loginButton = document.getElementById('login-button');
+ const goPlayButton = document.getElementById('go-play-button');
+
+ if (isLoggedIn) {
+ loginButton.style.display = 'none';
+ goPlayButton.style.display = 'inline-block';
+ } else {
+ loginButton.style.display = 'inline-block';
+ goPlayButton.style.display = 'none';
+ }
+ }
+
+ // Check auth state on page load
+ document.addEventListener('DOMContentLoaded', checkAuthState);