47 lines
1.9 KiB
PHP
47 lines
1.9 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Last Days of Rome</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="theme-switcher">
|
|
<button id="theme-switch">Toggle Theme</button>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<h1>Last Days of Rome</h1>
|
|
|
|
<div class="actions">
|
|
<button id="roll-button">Roll the Dice</button>
|
|
<button id="assassinate-button">Try to Assassinate the Emperor</button>
|
|
<button id="new-game-button" style="display: none;">New Game</button>
|
|
</div>
|
|
|
|
<div class="intro">
|
|
<p>You are a citizen in a relatively successful empire. Aalas, the new emperor has arrived, and he's decided that the best thing for everyone would be to burn it all to the ground with you all still inside it. Nothing to be done but carry on as usual, you suppose. He is, after all, the emperor.</p>
|
|
|
|
<p>Each turn, roll the dice to see what happens in the imperial palace and in the city. Your goal is to escape the city (Relocation reaches 10) before you're consumed by the flames (Flames reaches 10) or the empire falls and you die in the collapse (Desolation reaches 10).</p>
|
|
|
|
<p>You can also attempt to assassinate the emperor. This is risky, but if you succeed, you win the game (you die, but you go out as a martyr, so there's that).</p>
|
|
</div>
|
|
|
|
<div class="scores">
|
|
<h2>Flames: <span id="flames">0</span></h2>
|
|
<h2>Desolation: <span id="desolation">0</span></h2>
|
|
<h2>Relocation: <span id="relocation">0</span></h2>
|
|
</div>
|
|
|
|
<div class="log">
|
|
<h2>Event Log</h2>
|
|
<ul id="log-list"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|