https://eyeclosely.com/

スキャンID：: 7a3d51c3-597f-4620-8713-1ba134294b2c終了
送信済みURL：: https://eyeclosely.com/
レポート終了日：: 2024年11月17日 10:40:12

リンク · 0件検出

ページから特定された発信リンク

JavaScript変数 · 8件検出

ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です

名前	規模
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
showDiscount	function
onHideDiscount	function
loopToNextColor	function
onBoop	function
incrementCounter	function

コンソールログメッセージ · 0件検出

Webコンソールにログ記録されたメッセージ

HTML

未加工のHTMLページ本文

<!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>