Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

executable file 196 lines (175 sloc) 6.719 kb
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>cellara - a game of cells</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link href='http://fonts.googleapis.com/css?family=Anaheim&amp;text=cellara' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/styles.css">
<script src="js/libs/modernizr-2.6.2.min.js"></script>
<!--[if lte IE 9]><script src="js/libs/es5-shim.min.js"></script><![endif]-->
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<h1 id="logo">cellara</h1>
<div id="game" class="game">
<div class="ether"></div>
<div class="map">
<div class="silhouette"></div>
<nav>
<ul>
<li class="head"><a href="#region=head">&nbsp;</a></li>
<li class="torso"><a href="#region=torso">&nbsp;</a></li>
<li class="midsection"><a href="#region=midsection">&nbsp;</a></li>
<li class="legs"><a href="#region=legs">&nbsp;</a></li>
</ul>
</nav>
</div>
<div class="help">
<p>Hover over cells to see their DNA mutation history.</p>
<p>Click "Fix Me" on an organ on the left to adjust the enzyme levels.</p>
<p>Try to make it 75 years!</p>
</div>
<aside>
<div class="life-info">
<h5>Progress</h5>
<p><span class="years">0</span> years, <span class="days">0</span> days.</p>
</div>
<div class="mutate-info">
<h5>Mutation Status</h5>
<ul>
<li>Resistance: <span class="resist">20</span></li>
<li>Count: <span class="count">1</span></li>
<li>Amount: <span class="amount">2</span></li>
</ul>
</div>
<div class="enzyme-info">
<h5>Enzyme Status</h5>
<div class="level-graph">
<ul class="organs"></ul>
<ul class="levels"></ul>
</div>
</div>
</aside>
<div class="body">
<section class="head" data-name="head">
<h2>The Head</h2>
<div class="grids">
<div class="grid brain" data-name="brain">
<h3>Brain Cells</h3>
<div class="cells"></div>
</div>
<div class="grid eye" data-name="eye">
<h3>Eye Cells</h3>
<div class="cells"></div>
</div>
</div>
</section>
<section class="torso" data-name="torso">
<h2>The Torso</h2>
<div class="grids">
<div class="grid lung" data-name="lung">
<h3>Lung Cells</h3>
<div class="cells"></div>
</div>
<div class="grid heart" data-name="heart">
<h3>Heart Cells</h3>
<div class="cells"></div>
</div>
</div>
</section>
<section class="midsection" data-name="midsection">
<h2>The Midsection</h2>
<div class="grids">
<div class="grid liver" data-name="liver">
<h3>Liver Cells</h3>
<div class="cells"></div>
</div>
<div class="grid stomach" data-name="stomach">
<h3>Stomach Cells</h3>
<div class="cells"></div>
</div>
</div>
</section>
<section class="legs" data-name="legs">
<h2>The Legs</h2>
<div class="grids">
<div class="grid skin" data-name="skin">
<h3>Skin Cells</h3>
<div class="cells"></div>
</div>
<div class="grid bone" data-name="bone">
<h3>Bone Cells</h3>
<div class="cells"></div>
</div>
</div>
</section>
</div>
</div>
<div class="config"></div>
<div id="templates">
<div class="organ-fix">
<div class="fix-type" data-fix-type="nutrition">
<p>Nutrition has a small effect with no side effects.</p>
<button class="fix-type-nutrition">Try to fix with nutrition</button>
</div>
<div class="fix-type" data-fix-type="medicine">
<p>Medicine has a larger effect but loses its effectiveness over time.</p>
<button class="fix-type-medicine">Try to fix with medicine</button>
</div>
<div class="fix-type" data-fix-type="surgery">
<p>Surgery has the largest effect but has a chance of catastrophe.</p>
<button class="fix-type-surgery">Try to fix with surgery</button>
</div>
<div class="controls">
<button class="close">Cancel</button>
</div>
</div>
<div class="game-over game-win">
<h4>Congratulations!</h4>
<p>Your cells have lived a full and healthy life.</p>
<button class="refresh">Click here to play again.</button>
</div>
<div class="game-over game-lose">
<h4>Please try again.</h4>
<p>The game has ended for the following reasons: <span class="reasons"></span>.</p>
<button class="refresh">Click here to try again.</button>
</div>
<div class="cell-info">
<h5>DNA History</h5>
<legend class="dna">
<div class="prop">Clone</div>
<div class="prop">Life</div>
<div class="prop">Grow</div>
<div class="prop">Enzyme1</div>
<div class="prop">Enzyme2</div>
<div class="prop">Misc.</div>
</legend>
<ol></ol>
</div>
</div>
<div id="preload">
<img src="/img/blank-cell.png"/>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/game.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.