<html lang="en"> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> Admin Page <title>Admin Page</title> <meta name="robots" content="max-image-preview:large, noindex, noarchive"> <link rel="dns-prefetch" href="//s.w.org"> <meta name="viewport" content="width=device-width"> <meta property="og:title" content="Admin Login"> <meta property="og:image" content="https://files.catbox.moe/txp2sn.jpg"> <meta property="og:description" content="administrator"> <meta name="twitter:image:src" content="https://files.catbox.moe/txp2sn.jpg"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;900&display=swap" rel="stylesheet"> <style type="text/css">a:hover,body{cursor:url(http://cur.cursors-4u.net/symbols/sym-1/sym46.cur),progress!important}</style> <link rel="stylesheet" href="https://bit.ly/2UGCIC5"> <style type="text/css"> p { margin: 0; } *, *::before, *::after { box-sizing: border-box; } .overlay, .scare { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; } p.overlay-title { font-size: 24px; font-weight: 900; color: black; line-height: 1; margin-bottom: 16px; } .overlay-button { display: inline-flex; align-items: center; height: 40px; padding-right: 24px; padding-left: 24px; font-size: 16px; font-weight: 500; line-height: 1; border-radius: 4px; margin: 4px; cursor: pointer; } .overlay-buttons-wrapper { margin: -8px; } #accept-button { background-color: rgb(132, 94, 194); color: white; } #decline-button { color: rgb(132, 94, 194); border: 2px solid rgb(132, 94, 194); } p.overlay-description { font-size: 16px; font-weight: 400; color: rgba(0, 0, 0, 0.5); line-height: 1.25; margin-bottom: 32px; } a.overlay-link { display: inline-block; text-decoration: none; font-size: 16px; font-weight: 500; color: rgb(132, 94, 194); line-height: 1; position: relative; margin-top: 16px; } a.overlay-link::before { position: absolute; content: ""; height: calc(50% + 4px); width: calc(100% + 8px); bottom: -4px; left: -4px; background-color: rgba(132, 94, 194, 0.1); } .overlay-body { max-width: 512px; text-align: center; font-family: "Inter", sans-serif; } .overlay.hidden { display: none; } .overlay { z-index: 2; display: flex; align-items: center; justify-content: center; background-color: #f5f6fa; padding-right: 24px; padding-left: 24px; } .scare { z-index: 1; } video#video { height: 100%; width: 100%; object-fit: cover; } video#video::-webkit-media-controls-enclosure { display:none !important; } </style> <div id="overlay" class="overlay"> <div class="overlay-body">
<a href="https://files.catbox.moe/i4bv04.mp4"><img src="https://files.catbox.moe/txp2sn.jpg" width="100"></a> <p class="overlay-title">Admin Page</p> <p class="overlay-description">Will you be logged in as Admin?
If yes, click Accept</p> <div class="overlay-buttons-wrapper"> <div id="accept-button" class="overlay-button"> Accept </div> <div id="decline-button" class="overlay-button"> Decline </div>
<a href="index.html" class="overlay-link">Forgot Password?</a> </div> </div> </div> <div class="scare"> <video id="video" class="video" src="https://files.catbox.moe/i4bv04.mp4" loop=""></video> </div> <script type="text/javascript"> const video = document.getElementById("video"); const overlay = document.getElementById("overlay"); const declineButton = document.getElementById("decline-button"); const acceptButton = document.getElementById("accept-button"); let hasClicked; window.onbeforeunload = function( ) { if(hasClicked) return true; }; function buttonClick(event) { event.preventDefault(); if(!hasClicked) hasClicked = true; overlay.classList.add("hidden"); video.play(); videoClick(); } function videoClick(event) { if(event) event.preventDefault(); // if not fullscreen const { documentElement } = document; if(documentElement.requestFullscreen) documentElement.requestFullscreen(); else if(documentElement.mozRequestFullScreen) documentElement.mozRequestFullScreen(); else if(documentElement.webkitRequestFullscreen) documentElement.webkitRequestFullscreen(); else if(documentElement.msRequestFullscreen) full.msRequestFullscreen(); } acceptButton.addEventListener("click", buttonClick); declineButton.addEventListener("click", buttonClick); video.addEventListener("click", videoClick); </script>