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
  • - Login + + Login + + +
    @@ -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);