Line 36: | Line 36: | ||
{ | { | ||
position: relative; | position: relative; | ||
− | top:- | + | top:-7vw; |
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
Line 42: | Line 42: | ||
.centered { | .centered { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 7%; |
left: 49.5%; | left: 49.5%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
Line 489: | Line 489: | ||
console.log($w.scrollTop()); | console.log($w.scrollTop()); | ||
$d.css('transform',spin()) | $d.css('transform',spin()) | ||
− | if($w.scrollTop()>845*scale){ | + | if($w.scrollTop()>(845+106.75)*scale){ |
$d.css('width',scale*250) | $d.css('width',scale*250) | ||
$d.css('height',scale*250) | $d.css('height',scale*250) | ||
Line 499: | Line 499: | ||
$d.css('left',wiggle()+($w.width()/(30))-$w.scrollTop()/(scale*10)) | $d.css('left',wiggle()+($w.width()/(30))-$w.scrollTop()/(scale*10)) | ||
} | } | ||
− | if($w.scrollTop()>scale*7692.7998046875){ | + | if($w.scrollTop()>scale*(7692.7998046875+106.75)){ |
$d.css('width',0) | $d.css('width',0) | ||
} | } | ||
Line 508: | Line 508: | ||
}); | }); | ||
function wiggle(){ | function wiggle(){ | ||
− | return $w.width()/2 +Math.sin( | + | return $w.width()/2 +Math.sin(($w.scrollTop())/(scale*309.5))*$w.width()/(8) |
} | } | ||
function spin(){ | function spin(){ |
Revision as of 16:45, 5 October 2020