initial commit

EntityinArray · Jan 19, 2018 · 47eaca3 · 47eaca3
commit 47eaca3
Show file tree

Hide file tree

Showing 6 changed files with 842 additions and 0 deletions.
diff --git a/img/bg.jpg b/img/bg.jpg
diff --git a/img/gmod_logo_brave.png b/img/gmod_logo_brave.png
diff --git a/index.css b/index.css
@@ -0,0 +1,109 @@
+BODY
+{
+	background: #fff url( 'img/bg.jpg' );
+	-webkit-background-size: 100% 100%;
+	overflow: hidden;
+}
+
+#container
+{
+	position: fixed;
+	text-align: center;
+	left: 50%;
+	top: 45%;
+	margin-top: -120px;
+	margin-left: -150px;
+	width: 300px;
+}
+
+.progressbar
+{
+	margin: 0 auto;
+	width: 150px;
+	border-radius: 3px;
+	text-align: left;
+	padding: 1px;
+	background-color: rgba( 0, 0, 0, 0.6);
+	float: right;
+}
+
+.reflection
+{
+	-webkit-box-reflect: below -1px -webkit-gradient(linear, left top, left bottom, from(transparent), from(rgba(0, 0, 0, 0.0)), to(rgba(255, 255, 255, 0.5)));
+}
+
+.progressbar .inner 
+{
+	border-radius: 2px;
+	background-color: rgba( 0, 240, 0, 1.0);
+	width: 0.2%;
+	height: 11px;
+}
+
+#progress_text
+{
+	position: absolute;
+	width: 500px;
+	right: 170px;
+	bottom: 0px;
+	margin: 0 auto;
+	text-align: right;
+	font-size: 12px;
+	font-family: helvetica;
+	color: rgba( 0, 0, 0, 0.4);
+	letter-spacing: -1px;
+	text-shadow: 0px 0px 3px white;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+#label
+{
+	text-align: center;
+	font-size: 16px;
+	font-family: courier;
+	//font-weight: bold;
+	color: rgba( 0, 0, 0);
+	text-shadow: 1px 1px 0px white;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+@-webkit-keyframes walk 
+{
+	0% 
+	{
+		-webkit-transform: rotateY(90deg) rotateZ(90deg);
+	}
+
+	50% 
+	{
+		-webkit-transform: rotateY(270deg) rotateZ(90deg);
+	}
+
+	100% 
+	{
+		-webkit-transform: rotateY(450deg) rotateZ(90deg);
+	}
+}
+
+
+#walk
+{	
+	-webkit-animation-name: walk;
+	-webkit-animation-duration: 2s;
+	-webkit-animation-iteration-count: infinite;
+	-webkit-animation-timing-function: linear;
+	text-align: center;
+	background-color: #09F;
+	width: 48px;
+	height: 48px;
+	color: #000;
+	font-size: 32px;
+	font-family: arial;
+	font-weight: bold;
+	border-radius: 6px;
+	display: inline-block;
+	border: 3px solid #000;
+}
+
diff --git a/index.html b/index.html
@@ -0,0 +1,65 @@
+<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="walk">:)</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("walk")
+			var label = document.getElementById("label")
+
+			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()
+
+			setInterval(ChangeFace,1000)
+			setInterval(ChangeLabel,5000)
+
+			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>