- ID de l'analyse :
- 7a3d51c3-597f-4620-8713-1ba134294b2cTerminée
- URL soumise :
- https://eyeclosely.com/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 8 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 |
| showDiscount | function |
| onHideDiscount | function |
| loopToNextColor | function |
| onBoop | function |
| incrementCounter | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Eye Closely</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Application health in color and connected. Use for database monitoring, server health, API responsiveness, locating the root cause. Downtime and uptime monitoring of all registered systems and public health page.">
<link rel="stylesheet" href="/css/4abed1c996f46e1b2ad61757af46ece4.css"> <script src="/js/d41d8cd98f00b204e9800998ecf8427e.js"></script>
<style>
header {
height: 94px;
padding: 0;
margin: 16px;
}
.logo-shared {
position: relative;
max-width: 100%;
height: 100px;
pointer-events: none;
user-select: none;
z-index: 1;
}
.show-on-wide-screen {
display: block;
}
.show-on-narrow-screen {
display: none;
}
@media (max-width: 768px) {
.show-on-wide-screen {
display: none;
}
.show-on-narrow-screen {
display: block;
}
}
#boop-discount {
position: absolute;
z-index: 0;
top: 0;
left: 0;
height: 100%;
aspect-ratio: 1;
background: rgba(255, 255, 255, 0);
border: 0;
border-radius: 50%;
cursor: pointer;
}
#boop-discount:hover {
box-shadow: 0 0 5px #02ff70;
}
#boop-discount.white {
background-color: white;
}
#boop-discount.green {
background-color: #02ff706e;
box-shadow: 0 0 10px 5px #02ff70;
}
#boop-discount.yellow {
background-color: #ffff706e;
box-shadow: 0 0 10px 5px #ffff70;
}
#boop-discount.red {
background-color: #ff00006e;
box-shadow: 0 0 10px 5px #ff0000;
}
#hidden-discount {
position: absolute;
background: white;
display: flex;
flex-direction: column;
margin: 10px;
padding: 20px;
box-shadow: 0 0 5px black;
border-radius: 15px;
row-gap: 15px;
max-width: 600px;
z-index: 1;
}
#main-menu {
display: flex;
flex-direction: column;
position: absolute;
width: 100%;
min-height: 100vh;
background-color: white;
z-index: 1;
box-shadow: 0 0 5px 0 black;
row-gap: 16px;
padding: 16px;
}
#hamburger-menu {
display: flex;
width: 90px;
height: 90px;
justify-content: center;
}
.hidden {
display: none !important;
}
@keyframes fadeIn {
0% {
opacity: 0.01;
}
100% {
opacity: 1;
}
}
.fade-in-body {
animation: fadeIn 0.2s;
}
</style>
</head>
<body class="fade-in-body">
<header>
<div style="position: relative; left: 0">
<div id="boop-discount" class="white" role="button" aria-label="boop for discount" tabindex="0"></div>
<img id="logo" class="logo-shared show-on-wide-screen" src="/img/logo-compressed.svg" width="430" alt="eyeclosely logo">
<img id="logo-small" class="logo-shared show-on-narrow-screen" src="/img/logo-compact.svg" width="100" alt="eyeclosely logo">
</div>
<script>
const boopDiscount = document.getElementById("boop-discount")
function showDiscount() {
document.getElementById("hidden-discount").classList.remove("hidden")
}
function onHideDiscount(e) {
e.preventDefault()
boopDiscount.classList.replace("green", "white")
document.getElementById("hidden-discount").classList.add("hidden")
}
function loopToNextColor() {
const classes = ["white", "red", "yellow", "green"]
for (const currentIndex in classes) {
const className = classes[currentIndex]
if (boopDiscount.classList.contains(className)) {
boopDiscount.classList.replace(className, classes[parseInt(currentIndex) + 1])
break
}
}
}
function onBoop(e) {
e.preventDefault()
if (window.location.pathname !== "/") {
window.location.href = "/"
return
}
if (boopDiscount.classList.contains("green")) {
return
}
loopToNextColor()
if (boopDiscount.classList.contains("green")) {
showDiscount()
}
}
boopDiscount.addEventListener("mousedown", onBoop)
</script>
<div class="show-on-wide-screen">
<a href="/blog" class="button invisible">Blog</a>
</div>
<div class="show-on-wide-screen">
<a href="/subscribe" class="button primary">Sign Up</a>
</div>
<div class="show-on-narrow-screen">
<a href="#" alt="Open menu" id="hamburger-menu" onclick="document.getElementById('main-menu').classList.toggle('hidden'); return false;">
<img src="/img/hamburger_icon.svg" width="32" alt="menu">
</a>
</div>
</header>
<section id="hidden-discount" class="hidden">
<h2>Discount unlocked!</h2>
<div>If you use the code <b>eyedclosely</b> at the checkout once the public version launches, you'll get an <b>additional 10% off</b> for the first three months on top of all other discounts!</div>
<button onclick="onHideDiscount(event)" class="button">Close</button>
</section>
<div style="position: relative">
<nav id="main-menu" class="show-on-narrow-screen hidden">
<a href="/blog" class="button invisible">Blog</a>
<a href="/subscribe" class="button primary">Sign Up</a>
</nav>
</div>
<main>
<div class="vertical" style="row-gap: 10vh">
<div class="flipper" style="column-gap: 2vw; margin-top: 4vh; row-gap: 32px">
<section style="flex: 1">
<h1 style="font-size: 32px; margin-bottom: 30px">Application health in depth</h1>
<p>Did the registration page just disappear after the latest update? Yes it did! Of course it is still bad, but at least you'll know you about it!</p>
</section>
<section class="vertical" style="flex: 1; row-gap: 20px; align-items: center; justify-content: center">
<a href="/demo" class="primary button"> Try out the demo now! </a>
<div>or</div>
<a href="/subscribe" class="button"> Get a sneak peek when <b>Beta</b> version launches </a>
</section>
</div>
<section style="display: none">
<div>
<h2>Find out ...</h2>
<ul>
<li>Can your users even log in?</li>
<li>Is the dashboard still around?</li>
<li>Are the databases up and running?</li>
<li>Is the API responding?</li>
</ul>
</div>
</section>
</div>
</main>
<footer>
<a href="/policies/terms" target="_blank">Terms and Conditions</a>
<a href="/policies/privacy" target="_blank">Privacy Policy</a>
<a href="/contact">Contact</a>
<p>© 2024 Eye Closely</p>
</footer>
<script>
const images = document.images
const imagesCount = document.images.length
let counter = 0
function incrementCounter() {
counter++
if (counter === imagesCount) {
document.body.classList.remove("hidden")
document.body.classList.add("fade-in-body")
}
}
for (const image of images) {
if (image.complete) {
incrementCounter()
} else {
image.addEventListener("load", incrementCounter, false)
}
}
</script>
<!-- Congratulations! You must be a software developer at least at heart! Cheating to find more discounts?! Here's a code to be used for an extra 10% off for the first 3 months: i=0x1337 -->
</body></html>