add intro page to initial load
This commit is contained in:
parent
b1f9c0734b
commit
2d4ce38a20
BIN
web/img/gamma_world_cover.png
Normal file
BIN
web/img/gamma_world_cover.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 200 KiB |
@ -2,6 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<title>Gamma World Gaming Tools</title>
|
||||
</head>
|
||||
<body>
|
||||
@ -27,6 +28,8 @@
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
loadContent("intro.html");
|
||||
|
||||
document.getElementById("dieroller").addEventListener("click", function () {
|
||||
loadContent("rolldice.html?t=" + new Date().getTime());
|
||||
});
|
||||
|
61
web/intro.html
Normal file
61
web/intro.html
Normal file
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<style>
|
||||
img {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#content-container {
|
||||
margin: 15px;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
</style>
|
||||
<title>Gamma World Gaming Tools Help Page</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content-container">
|
||||
<div id="welcome">
|
||||
<img src="img/gamma_world_cover.png" alt="Gamma World">
|
||||
<p>
|
||||
<h2>Welcome to Gamma World Gaming Tools!</h2> The tools on this page are designed to work best with
|
||||
Second Edition Gamma World by TSR Gaming. However, since First Edition, Second Edition, and Third Edition
|
||||
are so similar, you might find these tools useful for any of those versions. At the top of this page,
|
||||
there are two rows of buttons. The top row is a set of buttons that provide general probability tools
|
||||
that are useful for any table-top role playing game. The second row is a set of buttons that are
|
||||
specifically designed to work with Gamma World. To use any tool, just click on the button that you find
|
||||
useful!</p>
|
||||
</div>
|
||||
<div id="instructions">
|
||||
<h3>General Buttons</h3>
|
||||
<p><b>Dice - </b> Provides the general ability to roll a range of different kinds of dice. You supply
|
||||
the number of dice you want in the <em>quantity</em> field, and the kind of dice (the number sides the
|
||||
dice have) in the <em>geometry</em> field. You can also choose to throw away the lowest scoring die in
|
||||
your roll.</p>
|
||||
<p><b>Flip Coin - </b>What it says on the tin. Good old fashioned Kennedy Half-Dollar!</p>
|
||||
<p><b>Roll Chance - </b>Let C-3PO tell you the odds. Basically, this is useful for ability checks. However,
|
||||
ability checks will be added eventually as a custom button. In any case, there are other uses for
|
||||
percentage rolls.</p>
|
||||
<h3>Gamma World Buttons</h3>
|
||||
<p><b>Encounters - </b>Encounters is a tool for automatically checking for encounters in any given
|
||||
four-hour march movement.</p>
|
||||
<p><b>Physical Attack! - </b>Use this to roll either a weapon attack or a non-weapon mutation attack. The
|
||||
<em>Defender Armour Class</em> is always necessary, and found on the creature profile in the rules. The
|
||||
<em>Attacker Weapon Class</em> is only necessary for weapon attacks. Otherwise, you should set the <em>Attacker
|
||||
Hit Dice instead</em>. This will be a roll number derived separately.</p>
|
||||
<p><b>Mental Attack! - </b>Use this to roll a standard mental attack. Set the <em>Attacker Mental Strength</em>,
|
||||
<em>Defender Mental Strength</em> and <em>Modifier</em>, and push the <em>Attack!</em> button to get
|
||||
your result.</p>
|
||||
<p><b>Characters - </b>This is a one-stop-shop character generator. With this tool, it now only takes the push
|
||||
of one button to get an entire character sheet. Set the <em>Character Type</em> and push the
|
||||
<em>Generate</em>
|
||||
button.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user