Post: Can I have help with a site?
Options
04-29-2011, 01:05 AM
#1
Nero.
Space Ninja
how do I make a annoying ass site like the nyan cat?
thanks!
+rep and 15k vbux for the first person to help!
Last edited by
Nero. ; 04-29-2011 at 01:06 AM.
Reason: dumb ass me spelt nyan cat wrong
04-30-2011, 01:08 PM
#14
<Jimbo>
</Jimbo>
Originally posted by Lewbo11
Terible script is terrible.
for the attempt. But really?---------- Post added at 02:08 PM ---------- Previous post was at 02:05 PM ----------
Originally posted by austinr00
yeah! lol
The message you have entered is too short. Please lengthen your message to at least 10 characters.
The message you have entered is too short. Please lengthen your message to at least 10 characters.
Just come up with something to put into the site!
04-30-2011, 01:09 PM
#15
Josh
League Champion
Make a .php file in the FTP server, then copy and paste this code into it:
Be sure to call it index.php!
EDIT: you can go and experiment with this too, by editing some of the things by pressing CTRL+F and searching for the stuff you want to chance (like the twitter links)
<!DOCTYPE html>
<html>
<head xmlns:fb='https://www.facebook.com/2008/fbml' xmlns
g='https://ogp.me/ns#'>
<meta content='NON-STOP NYAN CAT!' property='og:title' />
<meta content='website' property='og:type' />
<meta content='https://nyan.cat' property='og:url' />
<meta content='https://nyan.cat/images/nyancat.png' property='og:image' />
<meta content='NYAN CAT' property='og:site_name' />
<meta content='2514152' property='fb:admins' />
<meta content='ENDLESS LOOP OF NYAN CAT NYANING! SO MESMERIZING OMG!' property='og:description' />
<meta content='yes' name='apple-mobile-web-app-capable' />
<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style' />
<meta content='width = 1000, initial-scale = .25, user-scalable = yes' name='viewport' />
<link type="text/css" rel="stylesheet" media="screen" href="/stylesheets/screen.css" />
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="/javascripts/soundmanager2-nodebug-jsmin.js"></script>
<script type='text/javascript'>
//<![CDATA[
jQuery.extend(jQuery.browser,
{SafariMobile : navigator.userAgent.toLowerCase().match(/iP(hone|ad|od)/i) }
);
soundManager.url = '/swfs/';
soundManager.flashVersion = 9;
soundManager.useFlashBlock = false;
soundManager.onready(function() {
soundManager.createSound({
id: 'loop',
// url: '/mp3s/nyan-looped.mp3',
url: 'https://s3.amazonaws.com/nyan.cat/nyan-looped.mp3',
autoLoad: true,
autoPlay: true,
loops: 9999999,
onload: function() {
},
onfinish: function() {
// if($.browser.SafariMobile){
// this.play();
// }
},
volume: 50
});
});
//]]>
</script>
<title>NON-STOP NYAN CAT!</title>
</head>
<body>
<h1 class='i18n' data-cat='NYAN GAT SENSE PARAR' data-en='NON-STOP NYAN CAT!' data-jp='おわらにゃーいニャン猫！' data-nyan='NYAN-NYAN NYAN NYAN!'>NON-STOP NYAN CAT!</h1>
<div class='hint'>
New Easter Eggs for 4/20!!! See if you can find them!!!
</div>
<script type='text/javascript'>
//<![CDATA[
var tweetPrefix = {
en: "I HAVE NYANED FOR",
cat: "TINC NYAN PER",
nyan: "NYAN NYANED NYA",
jp: ""
}
var tweetSuffix = {
en: "SECONDS",
cat: "SEGON",
nyan: "NYANS",
jp: "秒ニャンした！"
}
var tweetPrefixActive = tweetPrefix.en;
var tweetSuffixActive = tweetSuffix.en;
var lang = "en";
//]]>
</script>
<div class='rainbows'>
<div class='wrapper'>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
</div>
</div>
<div class='nyan-cat'>
<!-- = star(1, 0,0) -->
<!-- = star(2, 100,0) -->
<!-- = star(3, 200,0) -->
<!-- = star(4, 300,0) -->
<!-- = star(5, 400,0) -->
<!-- = star(6, 500,0) -->
</div>
<div class='star frame-2' style='left:445px; top:353px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:1340px; top:243px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:1303px; top:953px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:1430px; top:990px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:407px; top:1196px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-1' style='left:549px; top:988px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:1486px; top:96px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:25px; top:429px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:1560px; top:801px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:709px; top:829px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:940px; top:431px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-5' style='left:883px; top:1125px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:495px; top:333px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:270px; top:139px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:1512px; top:1035px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:1421px; top:925px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:833px; top:399px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-5' style='left:837px; top:841px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:998px; top:561px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:230px; top:626px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:1123px; top:882px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:1385px; top:755px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:224px; top:775px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:79px; top:1027px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-5' style='left:1598px; top:816px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:79px; top:281px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:761px; top:1116px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:553px; top:587px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:992px; top:366px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:123px; top:378px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-1' style='left:627px; top:281px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:1099px; top:613px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:302px; top:872px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:650px; top:941px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:1545px; top:223px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div id='timer'>
<div class='i18n' data-cat='Has NYANED per' data-en="You've NYANED for" data-jp='今までニャンした時間' data-nyan='NYAN NYANED NYA'>You've NYANED for</div>
<div class='time'>
<span class='seconds'>0</span>
<span class='i18n' data-cat='segon' data-en='seconds' data-jp='秒' data-nyan='NYANS'>seconds</span>
</div>
<div class='tweet-score i18n' data-cat='Tweeteja la teva puntuació' data-en='Tweet Your Score' data-jp='スコアをツイッターでつばやく' data-nyan='NYAN NYA NYAN'>
Tweet Your Score
</div>
<div class='disclaimer i18n' data-cat='No et preocupis, això obre una finestra nova ^^' data-en="Don't worry, this opens a new window ^^" data-jp='新しいウインドウに開くので安心してください :3' data-nyan='NYA NYAN, NYAN NYAN NYA NYA NYAN ^^'>
Don't worry, this opens a new window ^^
</div>
<div class='follow i18n' data-cat='Seguir @nyannyancat' data-en='Follow @nyannyancat' data-jp='@nyannyancat をフォロー' data-nyan='NYAN @nyannyancat'>
Follow @nyannyancat
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".tweet-score").click(function() {
href = "https://twitter.com/share?_=1303084972176&count=horizontal&text=" + encodeURIComponent(tweetPrefixActive) + "%20" + seconds + "%20" + encodeURIComponent(tweetSuffixActive) + "!&url=http%3A%2F%2Fnyan.cat&via=nyannyancat"
window.open(href, '_blank'
_gaq.push(['_trackEvent', 'Click off', 'Tweet Score', seconds]);
})
$(".follow").click(function() {
href = "https://twitter.com/nyannyancat"
window.open(href, '_blank'
_gaq.push(['_trackEvent', 'Click off', 'Follow @nyannyancat', seconds]);
})
if($.browser.SafariMobile){
$(".i18n-pane").hide();
$("#timer").css("font-size","40em").append("<div id='play'>I WANT NYAN<span>(click me)</span></div>")
$("#play").click(function() {
soundManager.play('loop', { onfinish: function() {
soundManager.play('loop'
}})
$(this).fadeOut();
})
}
})
//]]>
</script>
</div>
<div class='bottom-pane'>
<div style='display: block'>
<div id='twitter-share-button'>
<a class='twitter-share-button' data-count='horizontal' data-text='' data-url='https://nyan.cat' data-via='nyannyancat' href='https://twitter.com/share'> </a>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
</div>
<div id='facebook-share-button'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fnyan.cat%2F%3Ff%3D1&layout=button_count&show_faces=false&width=110&action=like&font=lucida+grande&colorscheme=light&height=21' style='border:none; overflow:hidden; width:110px; height:22px;'></iframe>
</div>
</div>
<div id='attribution'>
<span class='i18n' data-cat='Per' data-en='Site by' data-jp='By' data-nyan='NYAN'>Site by</span>
<a href='https://twitter.com/huy' onclick="_gaq.push(['_trackEvent', 'Click off', '@huy']);" target='_blank'>@huy</a>
.
<a class='i18n' data-cat='Vídeo Original' data-en='Original Video' data-jp='原作映像' data-nyan='NYAN NYAN' href='https://www.youtube.com/watch?v=QH2-TGUlwu4' onclick="_gaq.push(['_trackEvent', 'Click off', 'Original Video']);" target='_blank'>Original Video</a>
.
<a class='i18n' data-cat='GIF Original' data-en='Original GIF' data-jp='原作GIF' data-nyan='NYAN NYAN' href='https://www.prguitarman.com/index.php?id=348' onclick="_gaq.push(['_trackEvent', 'Click off', 'Original GIF']);" target='_blank'>Original GIF</a>
.
<a class='i18n' data-cat='Samarretes' data-en='Shirts' data-jp='Tシャツ' data-nyan='NYANS' href='https://www.poptartcat.com' onclick="_gaq.push(['_trackEvent', 'Click off', 'Shirts']);" target='_blank'>Shirts</a>
.
<a class='i18n' data-cat='Cançó Original' data-en='Original Song' data-jp='原曲' data-nyan='NYAN NYAN' href='https://www.nicomimi.net/play/sm13455867' onclick="_gaq.push(['_trackEvent', 'Click off', 'Original Song']);" target='_blank'>Original Song</a>
</div>
</div>
<div id='volume'>
lower the volume
</div>
<script type='text/javascript'>
//<![CDATA[
$(".bottom-pane").hover(function() {
$('#twitter-share-button'.html("<a class='twitter-share-button' data-count='horizontal' data-text='" + tweetPrefixActive + " " + $("#timer .seconds").text() + " " + tweetSuffixActive + "!', data-url='https://nyan.cat' data-via='nyannyancat' href='https://twitter.com/share'> </a>")
$.getScript('https://platform.twitter.com/widgets.js';
})
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function animateStars() {
$('.star'.each(function() {
thisFrame = $(this).attr('class';
thisFrame = thisFrame.split(' ';
thisFrame = thisFrame[1].split('-';
thisFrame = parseInt(thisFrame[1]);
if(thisFrame == 6) {
$(this).remove();
} else {
$(this).removeClass("frame-" + String(thisFrame)).addClass("frame-" + String(parseInt(thisFrame) + 1));
}
})
}
animateStarsTimer = setInterval( animateStars, 500 );
function placeStar() {
var newStar = $("<div class='star frame-1'><div class='wrapper'><div class='dot dot-1'></div><div class='dot dot-2'></div><div class='dot dot-3'></div><div class='dot dot-4'></div><div class='dot dot-5'></div><div class='dot dot-6'></div><div class='dot dot-7'></div><div class='dot dot-8'></div><div class='dot dot-9'></div></div></div>");
newStar.css({
top: Math.floor(Math.random() * 1600),
left: Math.floor(Math.random() * 1200)
});
$('body'.append(newStar);
}
placeStarTimer = setInterval( placeStar, 150);
function animateRainbow() {
$('.rainbows'.toggleClass("shift")
}
animateRainbowTimer = setInterval( animateRainbow, 400);
var startTime = new Date;
var currentTime = new Date;
var seconds;
function timeOnSite() {
currentTime = new Date;
seconds = parseFloat((currentTime - startTime) / 1000).toFixed(1);
$("#timer .seconds").text(seconds);
}
setTimeOnSite = setInterval( timeOnSite, 100);
function turnRasta() {
_gaq.push(['_trackEvent', 'Turned Rasta', seconds]);
rastaColors = ["#4ba05e", "#f9f447", "#de3d3c"]
currentColor = 0;
$(".nyan-cat").addClass("rasta")
titles = $("h1").text().split("");
$("h1").text("")
$.each(titles, function(index, value) {
value = "<span style='color:" + rastaColors[currentColor] + "'>" + value + "</span>"
currentColor++
if(currentColor == 3) {
currentColor = 0
}
$("h1").append(value)
})
}
function blowUpBackground() {
hyperColors = ["#0f4d8f", "#0f8f2a", "#8f5a0f", "#8f0f0f", "#840f8f"]
$("body").css("background-color", hyperColors[Math.floor(Math.random()*6)])
}
currentVolume = 50;
function volumeDown() {
currentVolume = currentVolume + 15
if (currentVolume >= 150) {
soundManager.setVolume('loop',200);
setSiteOnFire = setInterval( blowUpBackground, 150);
$("#volume").hide();
_gaq.push(['_trackEvent', 'Background Blew', seconds]);
} else {
soundManager.setVolume('loop',currentVolume);
}
}
$("#volume").click(function() {
_gaq.push(['_trackEvent', 'Lower Volume', currentVolume]);
if (currentVolume == 95) {
$(this).text("OMG!!!!")
} else if (currentVolume == 110) {
$(this).text("OMG!!!!!!!!!!!!")
} else if (currentVolume == 125) {
$(this).text("OMG!!!!!!!!!!!!!!!!!!!!!!")
}
volumeDown();
})
function overNyanThousand() {
_gaq.push(['_trackEvent', 'Over Nyan Thousand', ':3']);
// OMG STOP LOOKING AT THIS AND THINKING YOU'RE GOING TO GET SOMETHING FOR STAYING HERE THAT LONG :3
}
//]]>
</script>
<ul class='i18n-pane'>
<li class='i18n' data-cat='El Teu Idioma' data-en='Your Language' data-jp='言語設定' data-nyan='NYAN NYAN'>
Your Language
</li>
<li>
<a class='lang' href='javascript:void(0)' lang='en'>English</a>
</li>
<li>
(<a class='learn' href='https://www.catalanculture.com/' target='_blank'>Learn more!</a>
<a class='lang' href='javascript:void(0)' lang='cat'>Catalan</a>
</li>
<li>
<a class='lang' href='javascript:void(0)' lang='nyan'>NYAN</a>
</li>
<li>
<a class='lang' href='javascript:void(0)' lang='jp'>Japanese</a>
</li>
</ul>
<script type='text/javascript'>
//<![CDATA[
$(".i18n-pane a.lang").click(function() {
lang = $(this).attr('lang';
_gaq.push(['_trackEvent', 'Language', lang]);
switch(lang) {
case "en":
tweetPrefixActive = tweetPrefix.en;
tweetSuffixActive = tweetSuffix.en;
break;
case "nyan":
tweetPrefixActive = tweetPrefix.nyan;
tweetSuffixActive = tweetSuffix.nyan;
break;
case "cat":
tweetPrefixActive = tweetPrefix.cat;
tweetSuffixActive = tweetSuffix.cat;
break;
case "jp":
tweetPrefixActive = tweetPrefix.jp;
tweetSuffixActive = tweetSuffix.jp;
break;
}
$(".i18n").each(function() {
$(this).text($(this).attr("data-" + lang))
})
})
$(".i18n-pane .learn").click(function() {
_gaq.push(['_trackEvent', 'Click off', 'catalanculture.com']);
})
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22720879-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'; ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script'[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function achievements() {
nyanSeconds = parseInt(seconds);
switch(nyanSeconds) {
case 400:
$('<img/>'[0].src = "/images/rasta-nyancat.gif"
break;
case 420: // for 4/20
turnRasta()
break;
case 9001: // over 9000
overNyanThousand()
break;
default:
break;
}
}
setAchievements = setInterval( achievements, 1000);
//]]>
</script>
</body>
</html>
Be sure to call it index.php!
EDIT: you can go and experiment with this too, by editing some of the things by pressing CTRL+F and searching for the stuff you want to chance (like the twitter links)
Last edited by
Josh ; 04-30-2011 at 01:11 PM.
04-30-2011, 02:17 PM
#16
t0asty
Web Dev / Security
Originally posted by RGB
Terible script is terrible. for the attempt. But really?
---------- Post added at 02:08 PM ---------- Previous post was at 02:05 PM ----------
Just come up with something to put into the site!
for the attempt. But really?---------- Post added at 02:08 PM ---------- Previous post was at 02:05 PM ----------
Just come up with something to put into the site!
terrible troll is terrible.
And it's a free script, it's not going to be a work of art now is it? I'm sorry but all I'm doing is throwing ideas at the guy to try help him out; your just criticizing people.....
It was only meant to show the browser jumping about the screen to give him an idea of what he could work with.
Last edited by
t0asty ; 04-30-2011 at 02:20 PM.
The following user groaned t0asty for this awful post:
04-30-2011, 02:30 PM
#17
<Jimbo>
</Jimbo>
I wasn't trying to troll... And I did not critisise the idea, just where ever you got the script from! 
---------- Post added at 03:30 PM ---------- Previous post was at 03:24 PM ----------
Don't mean to be an ass, but would he not have do download the resource files,
i.e. The style sheet CSS, Images etc!
Originally posted by Lewbo11
terrible troll is terrible.
And it's a free script, it's not going to be a work of art now is it? I'm sorry but all I'm doing is throwing ideas at the guy to try help him out; your just criticizing people.....
It was only meant to show the browser jumping about the screen to give him an idea of what he could work with.
And it's a free script, it's not going to be a work of art now is it? I'm sorry but all I'm doing is throwing ideas at the guy to try help him out; your just criticizing people.....
It was only meant to show the browser jumping about the screen to give him an idea of what he could work with.
---------- Post added at 03:30 PM ---------- Previous post was at 03:24 PM ----------
Don't mean to be an ass, but would he not have do download the resource files,
i.e. The style sheet CSS, Images etc!
Originally posted by Josh
Make a .php file in the FTP server, then copy and paste this code into it:
04-30-2011, 03:44 PM
#18
Nero.
Space Ninja
Originally posted by Josh
Make a .php file in the FTP server, then copy and paste this code into it:
Be sure to call it index.php!
EDIT: you can go and experiment with this too, by editing some of the things by pressing CTRL+F and searching for the stuff you want to chance (like the twitter links)
<!DOCTYPE html>
<html>
<head xmlns:fb='https://www.facebook.com/2008/fbml' xmlnsg='https://ogp.me/ns#'>
<meta content='NON-STOP NYAN CAT!' property='og:title' />
<meta content='website' property='og:type' />
<meta content='https://nyan.cat' property='og:url' />
<meta content='https://nyan.cat/images/nyancat.png' property='og:image' />
<meta content='NYAN CAT' property='og:site_name' />
<meta content='2514152' property='fb:admins' />
<meta content='ENDLESS LOOP OF NYAN CAT NYANING! SO MESMERIZING OMG!' property='og:description' />
<meta content='yes' name='apple-mobile-web-app-capable' />
<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style' />
<meta content='width = 1000, initial-scale = .25, user-scalable = yes' name='viewport' />
<link type="text/css" rel="stylesheet" media="screen" href="/stylesheets/screen.css" />
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="/javascripts/soundmanager2-nodebug-jsmin.js"></script>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
jQuery.extend(jQuery.browser,
{SafariMobile : navigator.userAgent.toLowerCase().match(/iP(hone|ad|od)/i) }
);
soundManager.url = '/swfs/';
soundManager.flashVersion = 9;
soundManager.useFlashBlock = false;
soundManager.onready(function() {
soundManager.createSound({
id: 'loop',
// url: '/mp3s/nyan-looped.mp3',
url: 'https://s3.amazonaws.com/nyan.cat/nyan-looped.mp3',
autoLoad: true,
autoPlay: true,
loops: 9999999,
onload: function() {
},
onfinish: function() {
// if($.browser.SafariMobile){
// this.play();
// }
},
volume: 50
});
});
//]=]=>
</script>
<title>NON-STOP NYAN CAT!</title>
</head>
<body>
<h1 class='i18n' data-cat='NYAN GAT SENSE PARAR' data-en='NON-STOP NYAN CAT!' data-jp='おわらにゃーいニャン猫！' data-nyan='NYAN-NYAN NYAN NYAN!'>NON-STOP NYAN CAT!</h1>
<div class='hint'>
New Easter Eggs for 4/20!!! See if you can find them!!!
</div>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
var tweetPrefix = {
en: "I HAVE NYANED FOR",
cat: "TINC NYAN PER",
nyan: "NYAN NYANED NYA",
jp: ""
}
var tweetSuffix = {
en: "SECONDS",
cat: "SEGON",
nyan: "NYANS",
jp: "秒ニャンした！"
}
var tweetPrefixActive = tweetPrefix.en;
var tweetSuffixActive = tweetSuffix.en;
var lang = "en";
//]=]=>
</script>
<div class='rainbows'>
<div class='wrapper'>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-1'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-2'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-3'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-4'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-5'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
<div class='rainbow frame-6'>
<div class='wave wave-1'></div>
<div class='wave wave-2'></div>
<div class='wave wave-3'></div>
<div class='wave wave-4'></div>
<div class='wave wave-5'></div>
<div class='wave wave-6'></div>
<div class='wave wave-7'></div>
</div>
</div>
</div>
<div class='nyan-cat'>
<!-- = star(1, 0,0) -->
<!-- = star(2, 100,0) -->
<!-- = star(3, 200,0) -->
<!-- = star(4, 300,0) -->
<!-- = star(5, 400,0) -->
<!-- = star(6, 500,0) -->
</div>
<div class='star frame-2' style='left:445px; top:353px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:1340px; top:243px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:1303px; top:953px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:1430px; top:990px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:407px; top:1196px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-1' style='left:549px; top:988px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:1486px; top:96px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:25px; top:429px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:1560px; top:801px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:709px; top:829px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:940px; top:431px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-5' style='left:883px; top:1125px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:495px; top:333px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:270px; top:139px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:1512px; top:1035px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:1421px; top:925px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:833px; top:399px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-5' style='left:837px; top:841px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:998px; top:561px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:230px; top:626px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:1123px; top:882px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:1385px; top:755px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:224px; top:775px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:79px; top:1027px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-5' style='left:1598px; top:816px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-6' style='left:79px; top:281px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:761px; top:1116px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:553px; top:587px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:992px; top:366px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:123px; top:378px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-1' style='left:627px; top:281px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-2' style='left:1099px; top:613px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-4' style='left:302px; top:872px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:650px; top:941px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div class='star frame-3' style='left:1545px; top:223px;'>
<div class='wrapper'>
<div class='dot dot-1'></div>
<div class='dot dot-2'></div>
<div class='dot dot-3'></div>
<div class='dot dot-4'></div>
<div class='dot dot-5'></div>
<div class='dot dot-6'></div>
<div class='dot dot-7'></div>
<div class='dot dot-8'></div>
<div class='dot dot-9'></div>
</div>
</div>
<div id='timer'>
<div class='i18n' data-cat='Has NYANED per' data-en="You've NYANED for" data-jp='今までニャンした時間' data-nyan='NYAN NYANED NYA'>You've NYANED for</div>
<div class='time'>
<span class='seconds'>0</span>
<span class='i18n' data-cat='segon' data-en='seconds' data-jp='秒' data-nyan='NYANS'>seconds</span>
</div>
<div class='tweet-score i18n' data-cat='Tweeteja la teva puntuació' data-en='Tweet Your Score' data-jp='スコアをツイッターでつばやく' data-nyan='NYAN NYA NYAN'>
Tweet Your Score
</div>
<div class='disclaimer i18n' data-cat='No et preocupis, això obre una finestra nova ^^' data-en="Don't worry, this opens a new window ^^" data-jp='新しいウインドウに開くので安心してください :3' data-nyan='NYA NYAN, NYAN NYAN NYA NYA NYAN ^^'>
Don't worry, this opens a new window ^^
</div>
<div class='follow i18n' data-cat='Seguir @nyannyancat' data-en='Follow @nyannyancat' data-jp='@nyannyancat をフォロー' data-nyan='NYAN @nyannyancat'>
Follow @nyannyancat
</div>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
$(function(){
$(".tweet-score").click(function() {
href = "https://twitter.com/share?_=1303084972176&count=horizontal&text=" + encodeURIComponent(tweetPrefixActive) + "%20" + seconds + "%20" + encodeURIComponent(tweetSuffixActive) + "!&url=http%3A%2F%2Fnyan.cat&via=nyannyancat"
window.open(href, '_blank'
_gaq.push(['_trackEvent', 'Click off', 'Tweet Score', seconds]);
})
$(".follow").click(function() {
href = "https://twitter.com/nyannyancat"
window.open(href, '_blank'
_gaq.push(['_trackEvent', 'Click off', 'Follow @nyannyancat', seconds]);
})
if($.browser.SafariMobile){
$(".i18n-pane").hide();
$("#timer").css("font-size","40em").append("<div id='play'>I WANT NYAN<span>(click me)</span></div>")
$("#play").click(function() {
soundManager.play('loop', { onfinish: function() {
soundManager.play('loop'
}})
$(this).fadeOut();
})
}
})
//]=]=>
</script>
</div>
<div class='bottom-pane'>
<div style='display: block'>
<div id='twitter-share-button'>
<a class='twitter-share-button' data-count='horizontal' data-text='' data-url='https://nyan.cat' data-via='nyannyancat' href='https://twitter.com/share'> </a>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
</div>
<div id='facebook-share-button'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fnyan.cat%2F%3Ff%3D1&layout=button_count&show_faces=false&width=110&action=like&font=lucida+grande&colorscheme=light&height=21' style='border:none; overflow:hidden; width:110px; height:22px;'></iframe>
</div>
</div>
<div id='attribution'>
<span class='i18n' data-cat='Per' data-en='Site by' data-jp='By' data-nyan='NYAN'>Site by</span>
<a href='https://twitter.com/huy' onclick="_gaq.push(['_trackEvent', 'Click off', '@huy']);" target='_blank'>@huy</a>
.
<a class='i18n' data-cat='Vídeo Original' data-en='Original Video' data-jp='原作映像' data-nyan='NYAN NYAN' href='https://www.youtube.com/watch?v=QH2-TGUlwu4' onclick="_gaq.push(['_trackEvent', 'Click off', 'Original Video']);" target='_blank'>Original Video</a>
.
<a class='i18n' data-cat='GIF Original' data-en='Original GIF' data-jp='原作GIF' data-nyan='NYAN NYAN' href='https://www.prguitarman.com/index.php?id=348' onclick="_gaq.push(['_trackEvent', 'Click off', 'Original GIF']);" target='_blank'>Original GIF</a>
.
<a class='i18n' data-cat='Samarretes' data-en='Shirts' data-jp='Tシャツ' data-nyan='NYANS' href='https://www.poptartcat.com' onclick="_gaq.push(['_trackEvent', 'Click off', 'Shirts']);" target='_blank'>Shirts</a>
.
<a class='i18n' data-cat='Cançó Original' data-en='Original Song' data-jp='原曲' data-nyan='NYAN NYAN' href='https://www.nicomimi.net/play/sm13455867' onclick="_gaq.push(['_trackEvent', 'Click off', 'Original Song']);" target='_blank'>Original Song</a>
</div>
</div>
<div id='volume'>
lower the volume
</div>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
$(".bottom-pane").hover(function() {
$('#twitter-share-button'.html("<a class='twitter-share-button' data-count='horizontal' data-text='" + tweetPrefixActive + " " + $("#timer .seconds").text() + " " + tweetSuffixActive + "!', data-url='https://nyan.cat' data-via='nyannyancat' href='https://twitter.com/share'> </a>")
$.getScript('https://platform.twitter.com/widgets.js';
})
//]=]=>
</script>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
function animateStars() {
$('.star'.each(function() {
thisFrame = $(this).attr('class';
thisFrame = thisFrame.split(' ';
thisFrame = thisFrame[1].split('-';
thisFrame = parseInt(thisFrame[1]);
if(thisFrame == 6) {
$(this).remove();
} else {
$(this).removeClass("frame-" + String(thisFrame)).addClass("frame-" + String(parseInt(thisFrame) + 1));
}
})
}
animateStarsTimer = setInterval( animateStars, 500 );
function placeStar() {
var newStar = $("<div class='star frame-1'><div class='wrapper'><div class='dot dot-1'></div><div class='dot dot-2'></div><div class='dot dot-3'></div><div class='dot dot-4'></div><div class='dot dot-5'></div><div class='dot dot-6'></div><div class='dot dot-7'></div><div class='dot dot-8'></div><div class='dot dot-9'></div></div></div>");
newStar.css({
top: Math.floor(Math.random() * 1600),
left: Math.floor(Math.random() * 1200)
});
$('body'.append(newStar);
}
placeStarTimer = setInterval( placeStar, 150);
function animateRainbow() {
$('.rainbows'.toggleClass("shift")
}
animateRainbowTimer = setInterval( animateRainbow, 400);
var startTime = new Date;
var currentTime = new Date;
var seconds;
function timeOnSite() {
currentTime = new Date;
seconds = parseFloat((currentTime - startTime) / 1000).toFixed(1);
$("#timer .seconds").text(seconds);
}
setTimeOnSite = setInterval( timeOnSite, 100);
function turnRasta() {
_gaq.push(['_trackEvent', 'Turned Rasta', seconds]);
rastaColors = ["#4ba05e", "#f9f447", "#de3d3c"]
currentColor = 0;
$(".nyan-cat").addClass("rasta")
titles = $("h1").text().split("");
$("h1").text("")
$.each(titles, function(index, value) {
value = "<span style='color:" + rastaColors[currentColor] + "'>" + value + "</span>"
currentColor++
if(currentColor == 3) {
currentColor = 0
}
$("h1").append(value)
})
}
function blowUpBackground() {
hyperColors = ["#0f4d8f", "#0f8f2a", "#8f5a0f", "#8f0f0f", "#840f8f"]
$("body").css("background-color", hyperColors[Math.floor(Math.random()*6)])
}
currentVolume = 50;
function volumeDown() {
currentVolume = currentVolume + 15
if (currentVolume >= 150) {
soundManager.setVolume('loop',200);
setSiteOnFire = setInterval( blowUpBackground, 150);
$("#volume").hide();
_gaq.push(['_trackEvent', 'Background Blew', seconds]);
} else {
soundManager.setVolume('loop',currentVolume);
}
}
$("#volume").click(function() {
_gaq.push(['_trackEvent', 'Lower Volume', currentVolume]);
if (currentVolume == 95) {
$(this).text("OMG!!!!")
} else if (currentVolume == 110) {
$(this).text("OMG!!!!!!!!!!!!")
} else if (currentVolume == 125) {
$(this).text("OMG!!!!!!!!!!!!!!!!!!!!!!")
}
volumeDown();
})
function overNyanThousand() {
_gaq.push(['_trackEvent', 'Over Nyan Thousand', ':3']);
// OMG STOP LOOKING AT THIS AND THINKING YOU'RE GOING TO GET SOMETHING FOR STAYING HERE THAT LONG :3
}
//]=]=>
</script>
<ul class='i18n-pane'>
<li class='i18n' data-cat='El Teu Idioma' data-en='Your Language' data-jp='言語設定' data-nyan='NYAN NYAN'>
Your Language
</li>
<li>
<a class='lang' href='javascript:void(0)' lang='en'>English</a>
</li>
<li>
(<a class='learn' href='https://www.catalanculture.com/' target='_blank'>Learn more!</a>
<a class='lang' href='javascript:void(0)' lang='cat'>Catalan</a>
</li>
<li>
<a class='lang' href='javascript:void(0)' lang='nyan'>NYAN</a>
</li>
<li>
<a class='lang' href='javascript:void(0)' lang='jp'>Japanese</a>
</li>
</ul>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
$(".i18n-pane a.lang").click(function() {
lang = $(this).attr('lang';
_gaq.push(['_trackEvent', 'Language', lang]);
switch(lang) {
case "en":
tweetPrefixActive = tweetPrefix.en;
tweetSuffixActive = tweetSuffix.en;
break;
case "nyan":
tweetPrefixActive = tweetPrefix.nyan;
tweetSuffixActive = tweetSuffix.nyan;
break;
case "cat":
tweetPrefixActive = tweetPrefix.cat;
tweetSuffixActive = tweetSuffix.cat;
break;
case "jp":
tweetPrefixActive = tweetPrefix.jp;
tweetSuffixActive = tweetSuffix.jp;
break;
}
$(".i18n").each(function() {
$(this).text($(this).attr("data-" + lang))
})
})
$(".i18n-pane .learn").click(function() {
_gaq.push(['_trackEvent', 'Click off', 'catalanculture.com']);
})
//]=]=>
</script>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22720879-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'; ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script'[0]; s.parentNode.insertBefore(ga, s);
})();
//]=]=>
</script>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
function achievements() {
nyanSeconds = parseInt(seconds);
switch(nyanSeconds) {
case 400:
$('<img/>'[0].src = "/images/rasta-nyancat.gif"
break;
case 420: // for 4/20
turnRasta()
break;
case 9001: // over 9000
overNyanThousand()
break;
default:
break;
}
}
setAchievements = setInterval( achievements, 1000);
//]=]=>
</script>
</body>
</html>
Be sure to call it index.php!
EDIT: you can go and experiment with this too, by editing some of the things by pressing CTRL+F and searching for the stuff you want to chance (like the twitter links)
sorta You must login or register to view this content.
04-30-2011, 04:27 PM
#19
Josh
League Champion
Originally posted by RGB
I wasn't trying to troll... And I did not critisise the idea, just where ever you got the script from!
---------- Post added at 03:30 PM ---------- Previous post was at 03:24 PM ----------
Don't mean to be an ass, but would he not have do download the resource files,
i.e. The style sheet CSS, Images etc!
---------- Post added at 03:30 PM ---------- Previous post was at 03:24 PM ----------
Don't mean to be an ass, but would he not have do download the resource files,
i.e. The style sheet CSS, Images etc!
Yeah, he probably would do, but for basic coding that's going to be as close as you're going to get without downloading anything.
---------- Post added at 05:27 PM ---------- Previous post was at 05:26 PM ----------
As RGB's ho3 said, you're going to need to download images, songs, CSS sheets, etc.
The following user thanked Josh for this useful post:
Copyright © 2024, NextGenUpdate.
All Rights Reserved.
