61 lines
2.3 KiB
PHP
61 lines
2.3 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Days In Fortuna</title>
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1>Days In Fortuna</h1>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="panel">
|
|
<h2>Status</h2>
|
|
<div id="miniState" class="content"></div>
|
|
</section>
|
|
|
|
<section class="panel">
|
|
<h2>Actions</h2>
|
|
<div class="content">
|
|
<div class="row">
|
|
<button data-action onclick="doAction('status')">Check Status</button>
|
|
<button data-action onclick="handleWork()">Go to Work</button>
|
|
<button data-action onclick="handleSleep()">Sleep</button>
|
|
<button data-action onclick="doAction('eat')">Eat</button>
|
|
<button data-action onclick="handleEnhance()">Search Enhancements</button>
|
|
<button data-action onclick="doAction('quit')">Quit</button>
|
|
<button data-action onclick="doAction('reset')">Reset</button>
|
|
</div>
|
|
<div class="sep"></div>
|
|
<div class="muted">
|
|
<p>This program is a simulation of the life of a Corpus worker on Venus. You are trying to work off your debt, which has been passed down through your family for generations. As the last of your family, the burden is entirely on your shoulders.</p>
|
|
|
|
<p>Click the button above associated with what you want to do in order to progress. Enhancements can be rented from the Corpus, which will increase your possible wages. It is recommended that you sleep at least 8 hours a day and eat twice a day, which takes 1 hour per meal, to keep your efficiency up.</p>
|
|
|
|
<p>Interest is applied daily. Should your debt grow too high, a team of Corpus members will arrest you and replace parts of you with robotic ones to increase the profit you create. This will lower your debt however, as body parts are worth a lot of credits.</p>
|
|
|
|
Good luck!
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel log">
|
|
<h2>Log</h2>
|
|
<div id="log" class="content"></div>
|
|
</section>
|
|
|
|
<section class="panel hidden">
|
|
<h2>State</h2>
|
|
<div id="state" class="content"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|