add intro page to initial load

This commit is contained in:
Greg Gauthier 2024-06-29 23:53:57 +01:00
parent b1f9c0734b
commit 2d4ce38a20
3 changed files with 64 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

View File

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Gamma World Gaming Tools</title> <title>Gamma World Gaming Tools</title>
</head> </head>
<body> <body>
@ -27,6 +28,8 @@
<script> <script>
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
loadContent("intro.html");
document.getElementById("dieroller").addEventListener("click", function () { document.getElementById("dieroller").addEventListener("click", function () {
loadContent("rolldice.html?t=" + new Date().getTime()); loadContent("rolldice.html?t=" + new Date().getTime());
}); });

61
web/intro.html Normal file
View 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>