- 扫描 ID：
- 534a28f6-7782-40ad-a116-eb6654d42f6d已完成
- 提交的 URL：
- https://thisisnotavirus.com/
- 报告完成时间：
链接 · 找到 2 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://github.com/pulsedemon/thisisnotavirus | GitHub |
| https://github.com/pulsedemon/thisisnotavirus/tree/master/viruses/faces | code |
JavaScript 变量 · 找到 10 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| __SENTRY__ | object |
| google_tag_manager | object |
| google_tag_data | object |
| gaGlobal | object |
控制台日志消息 · 找到 1 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| log | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en"><head>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-BPXNQFCW9L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-BPXNQFCW9L");
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale = 1.0, maximum-scale = 1.0">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="description" content="THISISNOTAVIRUS, created by Michael Squashic. Experimental JavaScript/CSS animations.">
<title>SNSTVHTSUOIRIAI</title>
<link rel="shortcut icon" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen">
<style>@keyframes shrink{from{transform:scale(1)}to{transform:scale(0)}}@keyframes grow{from{transform:scale(0)}to{transform:scale(1)}}@keyframes flip-horizontal{0%{transform:scale(-1, 1)}50%{transform:scale(1)}}@keyframes wobble{0%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}100%{transform:rotate(15deg)}}@keyframes space-letters{0%{letter-spacing:0}50%{letter-spacing:10px}75%{letter-spacing:15px}100%{letter-spacing:100px}}@keyframes shake{0%{transform:rotate(-3deg)}5%{transform:rotate(3deg)}10%{transform:rotate(-3deg)}15%{transform:rotate(3deg)}20%{transform:rotate(-3deg)}25%{transform:rotate(3deg)}30%{transform:rotate(-3deg)}35%{transform:rotate(3deg)}40%{transform:rotate(-3deg)}45%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}55%{transform:rotate(3deg)}60%{transform:rotate(-3deg)}65%{transform:rotate(3deg)}70%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}80%{transform:rotate(-3deg)}85%{transform:rotate(3deg)}90%{transform:rotate(-3deg)}95%{transform:rotate(3deg)}100%{transform:rotate(-3deg)}}@keyframes floating{0%{transform:translate(0, 0px)}50%{transform:translate(0, 15px)}100%{transform:translate(0, 0px)}}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px, -10px)}10%{clip-path:var(--slice-3);transform:translate(10px, 10px)}20%{clip-path:var(--slice-1);transform:translate(-10px, 10px)}30%{clip-path:var(--slice-3);transform:translate(0px, 5px)}40%{clip-path:var(--slice-2);transform:translate(-5px, 0px)}50%{clip-path:var(--slice-3);transform:translate(5px, 0px)}60%{clip-path:var(--slice-4);transform:translate(5px, 10px)}70%{clip-path:var(--slice-2);transform:translate(-10px, 10px)}80%{clip-path:var(--slice-5);transform:translate(20px, -10px)}90%{clip-path:var(--slice-1);transform:translate(-10px, 0px)}100%{clip-path:var(--slice-1);transform:translate(0)}}@keyframes glitch-effect{0%{clip:rect(98px, 9999px, 60px, 0)}1%{clip:rect(18px, 9999px, 95px, 0)}2%{clip:rect(30px, 9999px, 60px, 0)}3%{clip:rect(25px, 9999px, 100px, 0)}4%{clip:rect(33px, 9999px, 77px, 0)}5%{clip:rect(3px, 9999px, 75px, 0)}6%{clip:rect(38px, 9999px, 16px, 0)}7%{clip:rect(9px, 9999px, 7px, 0)}8%{clip:rect(30px, 9999px, 63px, 0)}9%{clip:rect(95px, 9999px, 48px, 0)}10%{clip:rect(4px, 9999px, 95px, 0)}11%{clip:rect(75px, 9999px, 24px, 0)}12%{clip:rect(11px, 9999px, 64px, 0)}13%{clip:rect(1px, 9999px, 59px, 0)}14%{clip:rect(5px, 9999px, 29px, 0)}15%{clip:rect(72px, 9999px, 96px, 0)}16%{clip:rect(52px, 9999px, 93px, 0)}17%{clip:rect(99px, 9999px, 35px, 0)}18%{clip:rect(18px, 9999px, 77px, 0)}19%{clip:rect(77px, 9999px, 75px, 0)}20%{clip:rect(69px, 9999px, 73px, 0)}21%{clip:rect(7px, 9999px, 61px, 0)}22%{clip:rect(11px, 9999px, 45px, 0)}23%{clip:rect(18px, 9999px, 95px, 0)}24%{clip:rect(57px, 9999px, 56px, 0)}25%{clip:rect(84px, 9999px, 68px, 0)}26%{clip:rect(81px, 9999px, 89px, 0)}27%{clip:rect(3px, 9999px, 40px, 0)}28%{clip:rect(79px, 9999px, 66px, 0)}29%{clip:rect(69px, 9999px, 8px, 0)}30%{clip:rect(23px, 9999px, 2px, 0)}31%{clip:rect(78px, 9999px, 6px, 0)}32%{clip:rect(65px, 9999px, 58px, 0)}33%{clip:rect(29px, 9999px, 99px, 0)}34%{clip:rect(85px, 9999px, 69px, 0)}35%{clip:rect(81px, 9999px, 78px, 0)}36%{clip:rect(27px, 9999px, 94px, 0)}37%{clip:rect(52px, 9999px, 97px, 0)}38%{clip:rect(70px, 9999px, 70px, 0)}39%{clip:rect(81px, 9999px, 80px, 0)}40%{clip:rect(81px, 9999px, 51px, 0)}41%{clip:rect(3px, 9999px, 88px, 0)}42%{clip:rect(51px, 9999px, 66px, 0)}43%{clip:rect(51px, 9999px, 13px, 0)}44%{clip:rect(83px, 9999px, 19px, 0)}45%{clip:rect(52px, 9999px, 71px, 0)}46%{clip:rect(31px, 9999px, 91px, 0)}47%{clip:rect(44px, 9999px, 27px, 0)}48%{clip:rect(19px, 9999px, 58px, 0)}49%{clip:rect(81px, 9999px, 37px, 0)}50%{clip:rect(87px, 9999px, 12px, 0)}51%{clip:rect(41px, 9999px, 18px, 0)}52%{clip:rect(17px, 9999px, 71px, 0)}53%{clip:rect(43px, 9999px, 24px, 0)}54%{clip:rect(74px, 9999px, 56px, 0)}55%{clip:rect(73px, 9999px, 48px, 0)}56%{clip:rect(87px, 9999px, 18px, 0)}57%{clip:rect(7px, 9999px, 55px, 0)}58%{clip:rect(50px, 9999px, 43px, 0)}59%{clip:rect(73px, 9999px, 57px, 0)}60%{clip:rect(60px, 9999px, 44px, 0)}61%{clip:rect(78px, 9999px, 30px, 0)}62%{clip:rect(72px, 9999px, 31px, 0)}63%{clip:rect(60px, 9999px, 89px, 0)}64%{clip:rect(37px, 9999px, 31px, 0)}65%{clip:rect(9px, 9999px, 89px, 0)}66%{clip:rect(84px, 9999px, 76px, 0)}67%{clip:rect(83px, 9999px, 71px, 0)}68%{clip:rect(75px, 9999px, 57px, 0)}69%{clip:rect(9px, 9999px, 13px, 0)}70%{clip:rect(8px, 9999px, 38px, 0)}71%{clip:rect(1px, 9999px, 8px, 0)}72%{clip:rect(26px, 9999px, 38px, 0)}73%{clip:rect(43px, 9999px, 65px, 0)}74%{clip:rect(84px, 9999px, 16px, 0)}75%{clip:rect(30px, 9999px, 22px, 0)}76%{clip:rect(33px, 9999px, 40px, 0)}77%{clip:rect(15px, 9999px, 21px, 0)}78%{clip:rect(33px, 9999px, 39px, 0)}79%{clip:rect(16px, 9999px, 42px, 0)}80%{clip:rect(69px, 9999px, 34px, 0)}81%{clip:rect(41px, 9999px, 92px, 0)}82%{clip:rect(19px, 9999px, 91px, 0)}83%{clip:rect(20px, 9999px, 34px, 0)}84%{clip:rect(70px, 9999px, 64px, 0)}85%{clip:rect(27px, 9999px, 80px, 0)}86%{clip:rect(29px, 9999px, 4px, 0)}87%{clip:rect(11px, 9999px, 70px, 0)}88%{clip:rect(14px, 9999px, 39px, 0)}89%{clip:rect(50px, 9999px, 25px, 0)}90%{clip:rect(21px, 9999px, 17px, 0)}91%{clip:rect(95px, 9999px, 89px, 0)}92%{clip:rect(71px, 9999px, 65px, 0)}93%{clip:rect(60px, 9999px, 60px, 0)}94%{clip:rect(87px, 9999px, 47px, 0)}95%{clip:rect(34px, 9999px, 26px, 0)}96%{clip:rect(89px, 9999px, 63px, 0)}97%{clip:rect(67px, 9999px, 27px, 0)}98%{clip:rect(24px, 9999px, 88px, 0)}99%{clip:rect(8px, 9999px, 58px, 0)}100%{clip:rect(97px, 9999px, 32px, 0)}}@keyframes shaky{0%{transform:translate(-2px, 7px)}5%{transform:translate(-4px, 1px)}10%{transform:translate(7px, -5px)}15%{transform:translate(-7px, -6px)}20%{transform:translate(5px, -24px)}25%{transform:translate(-5px, -29px)}30%{transform:translate(3px, -25px)}35%{transform:translate(-40px, 37px)}40%{transform:translate(2px, -2px)}45%{transform:translate(13px, -30px)}50%{transform:translate(36px, -38px)}55%{transform:translate(-47px, -43px)}60%{transform:translate(13px, -27px)}65%{transform:translate(-42px, -7px)}70%{transform:translate(44px, -13px)}75%{transform:translate(0px, 45px)}80%{transform:translate(37px, -32px)}85%{transform:translate(-24px, -5px)}90%{transform:translate(-39px, 20px)}95%{transform:translate(45px, 0px)}100%{transform:translate(-8px, -41px)}}@keyframes text-blink{0%{color:#06d71f}5%{color:#f56e3e}10%{color:#ab4cf5}15%{color:#09438d}20%{color:#77b2a2}25%{color:#819815}30%{color:#ce6916}35%{color:#496a06}40%{color:#b047b4}45%{color:#5c0190}50%{color:#635f0e}55%{color:#445280}60%{color:#29b8d2}65%{color:#e84c91}70%{color:#794c0e}75%{color:#816081}80%{color:#235151}85%{color:#b7ab1c}90%{color:#77455b}95%{color:#aa91f9}100%{color:#7989fe}}#loading-anim{width:100vw;height:100vh;position:absolute;z-index:2;transition:all .1s linear}body{font-size:62.5%;line-height:1;background-color:#000}#container{width:100vw;height:100vh;position:relative;overflow:hidden}#menu{min-height:50px;max-height:50px;box-sizing:border-box;display:inline-block;background-color:#000;font-family:serif;font-size:30px;padding:10px;color:#fff;position:fixed;top:0;right:0;cursor:pointer;user-select:none;z-index:100000}#menu.teleporting{animation:glitch-effect 3s infinite linear alternate-reverse}#menu span{padding:0 5px}#menu span:hover{color:aqua}#menu .controls{display:inline-block;position:relative;top:2px}#menu #skip-previous{display:inline-block}#menu #icon{position:relative;transform:scale3d(1, 1, 1)}#menu #icon::before,#menu #icon::after{content:"V";position:absolute;top:0;left:0;right:0;overflow:hidden;background:#000;color:aqua;clip:rect(0, 900px, 0, 0)}#menu #icon::before{left:7px;text-shadow:1px 5 green;animation:glitch-effect 3s infinite linear alternate-reverse}#menu #icon::after{left:3px;text-shadow:-1px 0 red;animation:glitch-effect 2s infinite linear alternate-reverse}.modal{display:none;background:rgba(0,0,0,.9);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:3}.modal.show{display:block}.modal-wrapper{font-family:monospace;color:#fff;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:600px;width:100%;padding:20px;box-sizing:border-box;text-align:justify}.modal-wrapper p{margin-bottom:20px;line-height:25px}.modal-wrapper p:last-child{margin-bottom:0}.modal-wrapper a{color:red}.modal-wrapper a:hover{color:aqua}#info-legend{font-size:12px;margin-bottom:20px}#info-legend .material-symbols-outlined{font-size:12px;position:relative;top:3px}.link-icon{width:25px;height:25px;display:inline-block;background-size:cover;text-indent:-9999px}.link-icon.github-icon{background-image:url("/images/github-mark-white.svg")}.grecaptcha-badge{display:none !important}.lds-ring{display:none;position:relative;top:2px;width:25px;height:25px;margin:0 auto}.lds-ring.loading{display:block}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;margin:0;border:5px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#source-code{position:fixed;width:55px;height:50px;overflow:hidden;box-sizing:border-box;top:0;left:0;color:#fff;background-color:#000;font-size:30px;padding:10px 15px;z-index:10000}#source-code a{color:#fff;position:relative;top:3px;left:1px}#source-code a.hide{display:none}#intro{position:fixed;top:6px;left:65px;color:#fff;font-family:sans-serif;font-size:40px;text-shadow:aqua 1px 0 10px}</style></head>
<body>
<div id="loading-anim" style="display: none; background-color: rgb(75, 230, 20);"></div>
<iframe id="container" title="animation" src="/viruses/faces/"></iframe>
<div id="menu">
<div class="controls">
<span class="material-symbols-outlined" id="skip-previous">skip_previous</span>
<span class="material-symbols-outlined" id="play-pause">pause</span>
<span class="material-symbols-outlined" id="skip-next">skip_next</span>
<span class="material-symbols-outlined" id="info-btn">info</span>
</div>
<span id="icon">V</span>
</div>
<div class="modal info-modal">
<div class="modal-wrapper">
<div id="info-legend">
<ul>
<li>
<span class="material-symbols-outlined">skip_previous</span> -
skip to previous animation
</li>
<li>
<span class="material-symbols-outlined">pause</span> - pause
randomization of animatons
</li>
<li>
<span class="material-symbols-outlined">play_arrow</span> - resume
randomization
</li>
<li>
<span class="material-symbols-outlined">skip_next</span> - skip to
next animation
</li>
</ul>
</div>
<main>
<p>
Hi, I'm Michael Squashic. I created this site as a place for me to
post JavaScript animations that I work on in my spare time for fun.
</p>
<p>
<a href="mailto:
[email protected]">
[email protected]</a>
</p>
<p>
<a href="https://github.com/pulsedemon/thisisnotavirus" target="_blank" class="link-icon github-icon">GitHub</a>
</p>
</main>
</div>
</div>
<div id="source-code">
<div class="lds-ring" id="loading-ring">
<div></div>
<div></div>
<div></div>
</div>
<a href="https://github.com/pulsedemon/thisisnotavirus/tree/master/viruses/faces" target="_blank" rel="noopener" class="">
<span class="material-symbols-outlined">code</span>
</a>
</div>
<!-- <div id="intro">THISISNOTAVIRUS</div> -->
<script src="/build/main.js" type="module"></script>
</body></html>