95 lines
4.1 KiB
HTML
95 lines
4.1 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#
|
|
website: http://ogp.me/ns/website#">
|
|
|
|
<title>infoSoul - the game</title>
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
|
|
<script type="text/javascript" src="infosoul.js"></script>
|
|
<meta name="description" content="Searching for yourself, drowning in information. A gameful comment on life in the web." />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta property="fb:app_id" content="338829716194624" />
|
|
<meta property="fb:admins" content="nhaukas"/>
|
|
<meta property="og:title" content="infoSoul - the game"/>
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:url" content="http://thunki.com/infosoul/"/>
|
|
<meta property="og:image" content="http://www.thunki.com/infosoul/images/frontcover.jpg"/>
|
|
<meta property="og:description" content="Searching for yourself, drowning in information. A gameful comment on life in the web." />
|
|
|
|
</head>
|
|
<body>
|
|
<div id="fb-root"></div>
|
|
<script>(function(d, s, id) {
|
|
var js, fjs = d.getElementsByTagName(s)[0];
|
|
if (d.getElementById(id)) return;
|
|
js = d.createElement(s); js.id = id;
|
|
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=338829716194624";
|
|
fjs.parentNode.insertBefore(js, fjs);
|
|
}(document, 'script', 'facebook-jssdk'));</script>
|
|
<div id="wrapper">
|
|
<div id="header" class="wrappertext">
|
|
|
|
<h1>infoSoul</h1>
|
|
<p class="tagline">"Searching for yourself, </br>
|
|
drowning in information."</p>
|
|
<p>
|
|
A gameful comment on the web by Nils Norman Haukås, <a href="http://thunki.com/" target="_blank">thunki.com</a>.
|
|
:)
|
|
</p>
|
|
</div>
|
|
|
|
<div id="gamediv"></div>
|
|
|
|
<div class="wrappertext cf">
|
|
<div class="infobox">
|
|
<h2>play it, how?</h2>
|
|
<p>you are playing as <strong>me</strong>,</br>
|
|
searching for <strong>me</strong>,
|
|
</br>
|
|
but the world is chrashing down,
|
|
</br>
|
|
avoid the <strong>*</strong>, find yourself.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="infobox">
|
|
<h2>set the mood</h2>
|
|
<p>
|
|
<div class="Soundcloud">
|
|
<object height="81" width="100%">
|
|
<param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F34424311&show_comments=false&auto_play=false&color=2f2f2f"></param>
|
|
<param name="allowscriptaccess" value="always"></param>
|
|
<embed allowscriptaccess="always" height="81" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F34424311&show_comments=false&auto_play=false&color=2f2f2f" type="application/x-shockwave-flash" width="100%"></embed>
|
|
</object>
|
|
</div>
|
|
<div class="Soundcloud-credit">
|
|
<p>
|
|
<a href="http://soundcloud.com/fitn/escape-live-recording-dub-deep">Escape (Live recording - Dub & Deep techno ambient)</a> by <a href="http://soundcloud.com/fitn">Fingers In The Noise</a>
|
|
</p>
|
|
</div>
|
|
</p>
|
|
</div>
|
|
<div class="infobox">
|
|
<h2>investigate</h2>
|
|
<p>This game was made as part Global Game Jam 2012. You can view my entry (<a href="http://globalgamejam.org/2012/infosoul" target="_blank">link</a>) and check out the github project (<a href="https://github.com/nilsnh/InfoSoul" target="_blank">link</a>). It was fun to make this game in little over 21 hours.
|
|
<div class="fb-like" data-href="http://thunki.com/infosoul/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="debug">
|
|
<p>debug</p>
|
|
<p id="keydebug">Key pressed:</p>
|
|
<p id="standingon">Standing on:</p>
|
|
<p id="foundme">Yay, or nay?</p>
|
|
<p id="currentPos">Current position:</p>
|
|
<p id="winPos">Where to I need to get to:</p>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |