- ID scansione:
- 7a3d51c3-597f-4620-8713-1ba134294b2cFatto
- URL inviato:
- https://eyeclosely.com/
- Report terminato:
Link · 0 trovati
I link in uscita identificati dalla pagina
Variabili JavaScript · 8 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
| Nome | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| showDiscount | function |
| onHideDiscount | function |
| loopToNextColor | function |
| onBoop | function |
| incrementCounter | function |
Messaggi di log della console · 0 trovati
Messaggi registrati nella console Web
HTML
Il corpo HTML non elaborato della pagina
<!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>