mirror of
https://github.com/Oreolek/shooter.git
synced 2024-05-02 00:49:19 +03:00
96 lines
3 KiB
HTML
96 lines
3 KiB
HTML
|
<!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="toolbar">
|
||
|
|
<h1>Thirty five shots</h1>
|
||
|
|
<div class="nav">
|
||
|
|
<a href="#" class="button" id="menu-button">Menu</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ul id="menu">
|
||
|
|
<li><a href="#title, #content_wrapper">Story</a></li>
|
||
|
|
<li><a href="#character_panel">Character</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<div id="page">
|
||
|
|
|
||
|
|
<div id="tools_wrapper">
|
||
|
|
<div id="character_panel" class="tools right">
|
||
|
|
<div id="character">
|
||
|
|
<div id="character_text">
|
||
|
|
<div id="character_text_content"></div>
|
||
|
|
</div>
|
||
|
|
<div id="qualities"></div>
|
||
|
|
</div>
|
||
|
|
<div class='buttons'>
|
||
|
|
<button id="save">Save</button><button id="erase">Erase</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- End of div.tools_wrapper -->
|
||
|
|
|
||
|
|
<div id="mid_panel">
|
||
|
|
<div id="title">
|
||
|
|
<div class="label">
|
||
|
|
|
||
|
|
<h1>Thirty five shots</h1>
|
||
|
|
<noscript>
|
||
|
|
<p class="noscript_message">This game requires Javascript.</p>
|
||
|
|
</noscript>
|
||
|
|
<p class="click_message">click to play</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="content_wrapper">
|
||
|
|
<div id="content">
|
||
|
|
</div>
|
||
|
|
<a name="end_of_content"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="legal">
|
||
|
|
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/" class="footright"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
|
||
|
|
<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>
|
||
|
|
</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>
|
||
|
|
<script type="text/javascript" src="game/undum.js"></script>
|
||
|
|
<script type="text/javascript" src="game/bundle.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|