Skip to content

Commit

Permalink
this is what i done
Browse files Browse the repository at this point in the history
  • Loading branch information
chee committed Nov 29, 2018
1 parent 2ff49f8 commit 312984c
Showing 1 changed file with 63 additions and 211 deletions.
274 changes: 63 additions & 211 deletions index.html
View file
@@ -1,191 +1,68 @@
<!doctype html>
<style type="text/css">
<!--



.kisser {

position:absolute;
.mouse-trail-item {
position: absolute;
z-index: 1000;
top:0;

left:0;

visibility:hidden;
}

-->

</style>



<script language="JavaScript1.2" type="text/JavaScript">

//Kissing trail- By dij8 (dij8@dij8.com)

//Modified by Dynamic Drive for bug fixes

//Visit http://www.dynamicdrive.com for this script



kisserCount = 15 //maximum number of images on screen at one time

curKisser = 0 //the last image DIV to be displayed (used for timer)

kissDelay = 1000 //duration images stay on screen (in milliseconds)

kissSpacer = 50 //distance to move mouse b4 next heart appears

theimage = "lips_small.gif" //the 1st image to be displayed

theimage2 = "small_heart.gif" //the 2nd image to be displayed





//Browser checking and syntax variables

var docLayers = (document.layers) ? true:false;

var docId = (document.getElementById) ? true:false;

var docAll = (document.all) ? true:false;

var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."

var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""

var stylebitK = (docLayers) ? "":".style"

var showbitK = (docLayers) ? "show":"visible"

var hidebitK = (docLayers) ? "hide":"hidden"

var ns6=document.getElementById&&!document.all

//Variables used in script

var posX, posY, lastX, lastY, kisserCount, curKisser, kissDelay, kissSpacer, theimage

lastX = 0

lastY = 0

//Collection of functions to get mouse position and place the images

function doKisser(e) {



posX = getMouseXPos(e)

posY = getMouseYPos(e)

if (posX>(lastX+kissSpacer)||posX<(lastX-kissSpacer)||posY>(lastY+kissSpacer)||posY<(lastY-kissSpacer)) {

showKisser(posX,posY)

lastX = posX

lastY = posY

}

}

// Get the horizontal position of the mouse

function getMouseXPos(e) {

if (document.layers||ns6) {

return parseInt(e.pageX+10)

} else {

return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))

}

}

// Get the vartical position of the mouse

function getMouseYPos(e) {

if (document.layers||ns6) {

return parseInt(e.pageY)

} else {

return (parseInt(event.clientY) + parseInt(document.body.scrollTop))

}

}

//Place the image and start timer so that it disappears after a period of time

function showKisser(x,y) {

var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x

if (curKisser >= kisserCount) {curKisser = 0}
eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK).left = processedx + 'px'

eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK).top = y + 'px'

eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")

if (eval("typeof(kissDelay" + curKisser + ")")=="number") {

eval("clearTimeout(kissDelay" + curKisser + ")")

}

eval("kissDelay" + curKisser + " = setTimeout('hideKisser(" + curKisser + ")',kissDelay)")

curKisser += 1

}

//Make the image disappear

function hideKisser(knum) {

eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")

}



function kissbegin(){

//Let the browser know when the mouse moves

if (docLayers) {

document.captureEvents(Event.MOUSEMOVE)

document.onMouseMove = doKisser

} else {

document.onmousemove = doKisser

}

}

// decloak -->
void function () {
let timeout = 200
let spacing = 50
let lastX = 0
let lastY = 0
let limit = 10
let index = 0

let timeouts = []

let createKiss = (x, y) => {
let image = document.createElement('img')
image.src = index > 0
? './lips_small.gif'
: './small_heart.gif'
image.style.position = 'absolute'
image.style.zIndex = 1000000000000000000000000
image.style.left = `${x}px`
image.style.top = `${y}px`
image.dataset.kiss = index
return image
}

let plantKiss = (x, y) => {
let image = createKiss(x, y, index++)
document.body.append(image)

clearTimeout(timeouts[index])

timeouts[index] = setTimeout(() => image.remove(), timeout)

if (index > limit) {
index = 0
}
}

let handleMouseMovement = event => {
let x = event.pageX
let y = event.pageY

if (
x > lastX + spacing ||
x < lastX - spacing ||
y > lastY + spacing ||
y < lastY - spacing
) {
plantKiss(
lastX = x,
lastY = y
)
}
}

window.addEventListener('mousemove', handleMouseMovement)
}()
</script>
<style>
</style>
<center>
<h1>Welcome to Snoot.Culb</h1>

Expand All @@ -196,38 +73,13 @@ <h2>Confimrmed &nbsp; snoots:</h2>
<ul>
<li> <a href="https://abe.snoot.club">abe</a>
<li> <a href="https://chee.snoot.club">chee</a>
<li> <a href="https://rowan.snoot.club">rowan</a>
</ul>

<img src=https://zippy.gfycat.com/JoyfulAfraidAltiplanochinchillamouse.gif>
</center>
</center>

<script language="JavaScript" type="text/JavaScript">

<!-- cloak

// Add all DIV's of hearts

if (document.all||document.getElementById||document.layers){

for (k=0;k<kisserCount;k=k+2) {

document.write('<div id="kisser' + k + '" class="kisser"><img src="' + theimage + '" alt="" border="0"></div>\n')

document.write('<div id="kisser' + (k+1) + '" class="kisser"><img src="' + theimage2 + '" alt="" border="0"></div>\n')

}

}



// decloak -->

</script>



<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>

<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
Expand All @@ -251,7 +103,7 @@ <h2>Confimrmed &nbsp; snoots:</h2>
Image4=new Image();
Image4.src=grphcs[4]="el.gif"
Image5=new Image();
Image5.src=grphcs[5]="fl.gif"
Image5.src=grphcs[5]="fl.gif"

Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!
Ypos=new Array();
Expand Down Expand Up @@ -280,7 +132,7 @@ <h2>Confimrmed &nbsp; snoots:</h2>
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Expand All @@ -296,7 +148,7 @@ <h2>Confimrmed &nbsp; snoots:</h2>
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Expand All @@ -313,12 +165,12 @@ <h2>Confimrmed &nbsp; snoots:</h2>
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}

window.onload=() => [fall, kissbegin].map(eval.call, eval.call)
window.onload=() => [fall].map(eval.call, eval.call)
//-->
</script>

0 comments on commit 312984c

Please sign in to comment.