<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Qode Interview</title>
<style>
/* Reset margins and padding for full-screen layout */
body,
html {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden; /* Prevent scrollbars on the body */
}
/* Container to hold the iframe */
.interview-container {
width: 100%;
height: 100vh; /* 100% of the viewport height */
}
</style>
</head>
<body>
<div class="interview-container">
<!-- Replace the src URL with your actual interview link -->
<iframe
src="https://turing.qode.world/interview/n4EVX"
width="100%"
height="100%"
frameborder="0"
allowfullscreen
allow="display-capture; camera; microphone; fullscreen; window-management"
>
</iframe>
</div>
<script>
(() => {
window.addEventListener("message", (event) => {
console.log(event);
if (event.data?.type === "candidate_end_interview") {
alert("received `candidate_end_interview`")
}
if (event.data?.type === "tracy_end_interview") {
alert("received `tracy_end_interview`")
}
});
})();
</script>
</body>
</html>
