vskids.github.io/index.html at master · vskids/vskids.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Versus Kids Indie Game Developer</title>
	<link href="http://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="reset.css" type="text/css" media="all">
	<style type="text/css" media="all">
body { background: #fff; }

#centered-phone { position: relative; width: 497px; height: 929px; margin: 8px auto 0; overflow: hidden; }
#centered-phone > * { position: absolute; display: block; }
#centered-phone > #iphone { position: static; width: 497px; height: 928px; }

#centered-phone #screen-region { top: 150px; left: 54px; width: 390px; height: 585px; }
#centered-phone #screen-region > #logo { position: absolute; top: 60px; left: 0; right: 0; }
#centered-phone #screen-region > #logo > img { display: block; margin: 0 auto; }
#centered-phone #screen-region > #tagline { position: absolute; top: 420px; left: 32px; right: 32px; }
#centered-phone #screen-region > #centered-social { position: absolute; bottom: 8px; left: 4px; right: 4px; }

#tagline {
	color: #00c3f4;
	font: 18px/1.5em 'Audiowide', 'Arial Black', 'Gadget', sans-serif;
	text-shadow: 0px 1px 2px rgb(0, 0, 0), 0px 3px 0px rgba(127, 127, 127, 0.5), 0px 5px 0px rgba(127, 0, 0, 0.5), 0px 7px 0px rgba(127, 127, 127, 0.25);
	text-align: center;
}

.vhorizon { position: absolute; left: 50%; width: 0; }
.vhorizon > .centerer { position: absolute; width: 200px; }

#centered-social { text-align: center; }
body > #centered-social { margin-top: 32px; margin-bottom: 16px; }
#screen-region > #centered-social { margin: 0; }
#social-band { display: inline-block; }
#social-band > * { display: inline; margin: 2px; }
#social-band a { border: 0; }
#social-band img { width: 38px; height: 38px; }
#social-band .hidden { display: none !important; }

.nowrap { white-space: nowrap; }
	</style>
	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="@vskids">
	<meta name="twitter:title" content="Versus Kids">
	<meta name="twitter:description" content="Awesome video games for cool kids since 198T.">
	<link href="https://plus.google.com/+VersuskidsIndie" rel="publisher">
</head>
<body>


<div id="centered-phone">
	<div id="screen-region">
		<div id="logo"><img src="imagery/versus-kids-logo.white-border.358x332.png" alt="Versus Kids logo"></div>
		<div id="tagline">Awesome <span class="nowrap">video games</span> for <span class="nowrap">cool kids</span> <span class="nowrap">since 198T.</span></div>
		<div id="centered-social">
			<div id="social-band">
				<a href="https://twitter.com/vskids" rel="me"><img src="imagery/social/twitter.png" alt="Twitter profile"></a>
				<a href="https://www.facebook.com/versuskids" rel="me"><img src="imagery/social/facebook.png" alt="Facebook page"></a>
				<a href="https://plus.google.com/+VersuskidsIndie" rel="me"><img src="imagery/social/google-plus.png" alt="Google+ profile"></a>
				<a href="http://instagram.com/vskids" rel="me"><img src="imagery/social/instagram.png" alt="Instagram profile"></a>
				<a href="http://vskids.tumblr.com/" rel="me"><img src="imagery/social/tumblr.png" alt="Tumblr dev blog"></a>
				<a href="http://www.pinterest.com/vskids/" rel="me"><img src="imagery/social/pinterest.png" alt="Pinterest profile"></a>
				<a class="hidden" href="https://github.com/vskids" rel="me"><img src="imagery/social/github.png" alt="GitHub profile"></a>
				<a href="http://www.twitch.tv/vskids" rel="me"><img src="imagery/social/twitch.png" alt="Twitch profile"></a>
				<a href="http://www.youtube.com/user/vskidsindie" rel="me"><img src="imagery/social/youtube.png" alt="YouTube profile"></a>
			</div>
		</div>
	</div>
	<img id="iphone" src="imagery/versus-kids-painted-iphone4s.2014-03-03.blank-screen.497x929.jpeg" alt="">
</div>


	<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', {trackingId: 'UA-48870305-2', cookieDomain: 'auto', alwaysSendReferrer: true});
ga('require', 'displayfeatures');
ga('send', 'pageview');
	</script>
</body>
</html>