2015-12-01 11:43:51 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
|
|
<title>Thirty five shots</title>
|
|
|
|
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="page">
|
|
|
|
|
|
|
|
|
|
<div id="mid_panel">
|
|
|
|
|
<div id="title">
|
|
|
|
|
<div class="label">
|
|
|
|
|
|
|
|
|
|
<h1>Thirty five shots</h1>
|
2015-12-02 10:48:59 +02:00
|
|
|
<h3>An online sci-fi first person cybertext shooter</h3>
|
2015-12-01 11:43:51 +02:00
|
|
|
<noscript>
|
|
|
|
|
<p class="noscript_message">This game requires Javascript.</p>
|
|
|
|
|
</noscript>
|
|
|
|
|
<p class="click_message">click to play</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2015-12-02 09:20:18 +02:00
|
|
|
<div id="clip">
|
|
|
|
|
<p><img src="img/clip6.png"></p>
|
|
|
|
|
</div>
|
2015-12-01 11:43:51 +02:00
|
|
|
|
|
|
|
|
<div id="content_wrapper">
|
|
|
|
|
<div id="content">
|
|
|
|
|
</div>
|
|
|
|
|
<a name="end_of_content"></a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="legal">
|
|
|
|
|
<p>Approximate play time: five minites.</p>
|
|
|
|
|
<p>Made using <a href="http://undum.com">Undum</a> and <a href="http://sequitur.github.io/raconteur/">Raconteur</a>.</p>
|
2015-12-02 09:20:18 +02:00
|
|
|
<p>Betatesting credit: headless zombie</p>
|
2015-12-01 11:43:51 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> <!-- End of div.page -->
|
|
|
|
|
|
|
|
|
|
<div id="ui_library">
|
|
|
|
|
<div id="quality" class="quality">
|
|
|
|
|
<span class="name" data-attr="name"></span>
|
|
|
|
|
<span class="value" data-attr="value"></span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="quality_group" class="quality_group">
|
|
|
|
|
<h2 data-attr="title"></h2>
|
|
|
|
|
<div class="qualities_in_group">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="progress_bar" class="progress_bar">
|
|
|
|
|
<span class="name" data-attr="name"></span>
|
|
|
|
|
<span class="value" data-attr="value"></span>
|
|
|
|
|
<div class="progress_bar_track">
|
|
|
|
|
<div class="progress_bar_color" data-attr="width">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="left_label" data-attr="left_label"></span>
|
|
|
|
|
<span class="right_label" data-attr="right_label"></span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<hr id="turn_separator">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="content_library"></div>
|
2015-12-02 09:20:18 +02:00
|
|
|
<audio id="shot1" preload="auto"><source src="audio/fire.mp3" type='audio/mpeg; codecs="mp3"'></audio>
|
|
|
|
|
<audio id="shot2" preload="auto"><source src="audio/casing.mp3" type='audio/mpeg; codecs="mp3"'></audio>
|
|
|
|
|
<audio id="reload" preload="auto"><source src="audio/reload.mp3" type='audio/mpeg; codecs="mp3"'></audio>
|
2015-12-01 11:43:51 +02:00
|
|
|
<script type="text/javascript" src="game/undum.js"></script>
|
|
|
|
|
<script type="text/javascript" src="game/bundle.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
