- ID de l'analyse :
- 6ac08d23-9554-4a5d-8db4-af21dbd240cdTerminée
- URL soumise :
- https://a9fm.github.io/lightshotRedirigé
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
https://a9fm.github.io/ | Privacy policy |
Variables JavaScript : 11 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | 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 |
Messages de journal de console : 4 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
warning | other |
|
error | network |
|
warning | other |
|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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>