index.html

<html>
	<head>
		<meta charset="utf-8">
		<title>Loading..</title>
		<link rel="stylesheet" type="text/css" href="index.css?3" />
		<script type="text/javascript" src="js/thirdparty/jquery.js"></script>
		<script type="text/javascript" src="js/thirdparty/jquery-color.js"></script>
	</head>
	<body>
	
		<div id="container">

			<img src='img/gmod_logo_brave.png' class="bounce"/>
			
			<center>
				<br />
				<div id="smiley">:)</div>
				<br />
				<br />
				<div id="label">дыщ</div>
			</center>

		</div>
		

		<script type="text/javascript">
			
			var faces = ["=)","=(","=0","=3","=/","=*","=v","=D","xD",":^)"]
			var labels = ["вычесленя там","погоди ща","зогружаемся","зборка информаци","серёзны оналис","почти","ээээээээээммм","УНУНУНУУНУНунунуну"]
			
			var smiley = document.getElementById("smiley")
			var label = document.getElementById("label")
			
			function ReplayAnimation(){
			
				//Animation is 2 seconds long. In case to synchronise animation, it's is being reset every 2 seconds.
				//Otherwise animation is desynchronised when tab is unfocused or browser is minimised
			
				smiley.className = "";
				window.requestAnimationFrame(function(time) {
				window.requestAnimationFrame(function(time) {
					smiley.className = "smiley-animation";
				});
				}); 
			}
			
			function ChangeFace(){
				smiley.innerHTML = faces[Math.floor(Math.random() * faces.length)]
				smiley.style.backgroundColor = $.Color().hsla(Math.random()*359,1,0.8,255) 
			}
			
			function ChangeLabel(){
				label.innerHTML = labels[Math.floor(Math.random() * labels.length)]+"..."
			}
			
			ChangeFace()
			ChangeLabel()
			ReplayAnimation()
			
			setInterval(ChangeLabel,5000)
			setInterval(ChangeFace,1000)
			setInterval(ReplayAnimation,2000)
			
			function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode )
			{
				// Do with these what you will :)
				// this function gets called only when joining a multiplayer server

				//$("#spambox").append("serverurl: " + serverurl + "<br>");
				//$("#spambox").append("servername: " + servername + "<br>");
				//$("#spambox").append("maxplayers: " + maxplayers + "<br>");
				//$("#spambox").append("steamid: " + steamid + "<br>");
				//$("#spambox").append("gamemode: " + gamemode + "<br>");
				//$("#spambox").append("mapname: " + mapname + "<br>");
			}
	
		</script>

	</body>
</html>