File size: 2,940 Bytes
e3e57fc 0163074 e3e57fc 0163074 c34e3ef e3e57fc 0163074 e3e57fc c34e3ef e3e57fc 0163074 c34e3ef 0163074 e3e57fc 0163074 e3e57fc 0163074 c34e3ef e3e57fc 0163074 e3e57fc 0163074 e3e57fc 0163074 e3e57fc 0163074 e3e57fc c34e3ef e3e57fc c34e3ef e3e57fc c34e3ef e3e57fc c34e3ef e3e57fc 0163074 e3e57fc 0163074 e3e57fc | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | <!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> |