| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>A2E Interface</title> |
| <style> |
| body, html { |
| margin: 0; |
| padding: 0; |
| width: 100%; |
| height: 100vh; |
| overflow: hidden; |
| background-color: #111827; |
| font-family: Arial, sans-serif; |
| } |
| .container { |
| display: flex; |
| flex-direction: column; |
| width: 100%; |
| height: 100vh; |
| position: absolute; |
| top: 0; |
| left: 0; |
| } |
| .top-bar { |
| height: 60px; |
| min-height: 60px; |
| background-color: #1f2937; |
| display: flex; |
| justify-content: center; |
| align-items: center; |
| border-bottom: 2px solid #374151; |
| z-index: 10; |
| } |
| .login-button { |
| background-color: #3b82f6; |
| color: white; |
| border: none; |
| padding: 10px 24px; |
| border-radius: 6px; |
| font-size: 16px; |
| font-weight: bold; |
| cursor: pointer; |
| transition: background-color 0.2s; |
| } |
| .login-button:hover { |
| background-color: #2563eb; |
| } |
| .iframe-container { |
| flex-grow: 1; |
| width: 100%; |
| height: calc(100vh - 60px); |
| overflow: hidden; |
| } |
| iframe { |
| width: 100%; |
| height: 100%; |
| border: none; |
| display: block; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <div class="top-bar"> |
| <button class="login-button" onclick="openGoogleSafePopup()">Open Secure Login Popup</button> |
| </div> |
| |
| <div class="iframe-container"> |
| <iframe id="main-iframe" src="https://video.a2e.ai/?coupon=mQo4" |
| allow="autoplay; encrypted-media; fullscreen" |
| sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"> |
| </iframe> |
| </div> |
| </div> |
|
|
| <script> |
| function openGoogleSafePopup() { |
| var targetUrl = "https://video.a2e.ai/?coupon=mQo4"; |
| var windowFeatures = "width=500,height=650,left=200,top=100,resizable=yes,scrollbars=yes,status=no,noopener,noreferrer"; |
| var popupWindow = window.open(targetUrl, "_blank", windowFeatures); |
| |
| var popupCheckInterval = setInterval(function() { |
| if (popupWindow && popupWindow.closed) { |
| clearInterval(popupCheckInterval); |
| var iframeElement = document.getElementById("main-iframe"); |
| iframeElement.src = iframeElement.src; |
| } |
| }, 1000); |
| } |
| </script> |
| </body> |
| </html> |
