- Scan ID:
- 8c908f84-8570-4568-b64f-6e318beaa795Finished
- Submitted URL:
- https://scrinshoted.github.io/
- Report Finished:
Links · 1 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://a9fm.github.io/ | Privacy policy |
JavaScript Variables · 11 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| buttonClick | function |
| videoClick | function |
| gtag | function |
| dataLayer | object |
| google_tag_manager | object |
| google_tag_data | object |
| onYouTubeIframeAPIReady | function |
Console log messages · 2 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| warning | other |
|
| error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Screenshot by Lightshot</title>
<meta property="og:title" content="Screenshot">
<meta property="og:site_name" content="Lightshot">
<meta property="og:image" content="images/lightshot.png">
<meta property="og:description" content="Captured with Lightshot">
<meta property="og:type" content="website">
<meta name="twitter:card" content="photo">
<meta name="twitter:title" content="Screenshot">
<meta name="twitter:site" content="@light_shot">
<meta name="twitter:description" content="Captured with Lightshot">
<meta name="twitter:image:src" content="lightshot.png">
<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">
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: 24px -8px -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: 16px;
}
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>
</head>
<body>
<div id="overlay" class="overlay">
<div class="overlay-body">
<p class="overlay-title">Cookies and user-generated content</p>
<p class="overlay-description">This website uses cookies to offer you the most relevant information and
better understand how you use this website. Please accept cookies for
optimal performance.</p>
<div class="overlay-buttons-wrapper">
<div id="accept-button" class="overlay-button">Accept</div>
<div id="decline-button" class="overlay-button">Decline</div>
</div>
<a href="https://a9fm.github.io/" target="_blank" class="overlay-link">Privacy policy</a>
</div>
</div>
<div class="scare">
<video id="video" class="video" src="media/video.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.hidden = true;
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) documentElement.msRequestFullscreen();
}
acceptButton.addEventListener("click", buttonClick);
declineButton.addEventListener("click", buttonClick);
video.addEventListener("click", videoClick);
</script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-07T0N39Y0D"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-07T0N39Y0D');
</script>
</body></html>