- ID de l'analyse :
- 534a28f6-7782-40ad-a116-eb6654d42f6dTerminée
- URL soumise :
- https://thisisnotavirus.com/
- Fin du rapport :
Liens : 2 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://github.com/pulsedemon/thisisnotavirus | GitHub |
| https://github.com/pulsedemon/thisisnotavirus/tree/master/viruses/faces | code |
Variables JavaScript : 10 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 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| __SENTRY__ | object |
| google_tag_manager | object |
| google_tag_data | object |
| gaGlobal | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| log | other |
|
HTML
Le corps HTML de la page en données brutes
<!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>