diff --git a/web/img/gamma_world_cover.png b/web/img/gamma_world_cover.png
new file mode 100644
index 0000000..1e2568d
Binary files /dev/null and b/web/img/gamma_world_cover.png differ
diff --git a/web/index.html b/web/index.html
index 2490043..9bf33fa 100644
--- a/web/index.html
+++ b/web/index.html
@@ -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());
         });
diff --git a/web/intro.html b/web/intro.html
new file mode 100644
index 0000000..e12bd96
--- /dev/null
+++ b/web/intro.html
@@ -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>
\ No newline at end of file
