Scenario info in create game page.

1 files changed, 91 insertions, 0 deletions

diff --git a/create.html b/create.html
index e69de29..31aa334 100644
--- a/create.html
+++ b/create.html
@@ -0,0 +1,91 @@
+<style>
+.scenario_info { display: none }
+.scenario_info.show { display: block; font-style: italic; }
+</style>
+
+<div class="scenario_info show" id="1940">
+<p>
+Start: September 1940
+<br>Length: 6 months
+<br>Time: 2 hours
+<p>
+Special Scenario Rules
+<ol>
+<li>The Axis cannot apply the Rommel Bonus in this scenario.
+<li>Each player rolls only one die (instead of two) for Buildup
+</ol>
+</div>
+
+<div class="scenario_info show" id="1941">
+<p>
+Start: April 1941
+<br>Length: 10 months
+<br>Time: 3-4 hours
+</div>
+
+<div class="scenario_info show" id="1942">
+<p>
+Start: February 1942
+<br>Length: 10 months
+<br>Time: 4-5 hours
+</div>
+
+<div class="scenario_info show" id="1941-42">
+<p>
+Start: April 1941
+<br>Length: 20 months
+<br>Time: 6-8 hours
+<p>
+This Scenario combines the 1941 and 1942 Campaigns.
+</div>
+
+<div class="scenario_info show" id="Crusader">
+<p>
+Start: November 1941
+<br>Length: 3 months
+<br>Time: 1-2 hours
+<p>
+Special Scenario Rules
+<ol>
+<li>Allies have the first Player Turn (no challenge).
+<li>Tobruk has a Minefield.
+</ol>
+</div>
+
+<div class="scenario_info show" id="Battleaxe">
+<p>
+Start: July 1941
+<br>Length: 7 months
+<br>Time: 2-3 hours
+<p>This scenario was introduced in a tournament at ‘Origins 1987’.
+</div>
+
+<div class="scenario_info show" id="Gazala">
+<p>
+Start: May 1942
+<br>Length: 2 months
+<br>Time: 1-2 hours
+<p>
+After initial deployments, players do a
+special PreGame Buildup, the Allied player
+going first. Each player receives 30 BPs (no
+dice are rolled). These BPs may be spent
+on Replacements, Redeployments, extra
+Supply Cards or Minefields as usual.
+</div>
+
+<div class="scenario_info show" id="Pursuit to Alamein">
+<p>
+Start: June 1942
+<br>Length: 6 months
+<br>Time: 2-3 hours
+</div>
+
+<script>
+let scenario = document.querySelector("select[name='scenario']")
+scenario.onchange = function () {
+	document.querySelectorAll(".scenario_info").forEach(e=>e.classList.remove("show"))
+	document.getElementById(scenario.value).classList.add("show")
+}
+scenario.onchange()
+</script>