Describe "delay hits" option better.

1 files changed, 28 insertions, 11 deletions

diff --git a/create.html b/create.html
index 7fb0407..6ca0763 100644
--- a/create.html
+++ b/create.html
@@ -10,7 +10,6 @@ Players may swap any blocks on the map as long as the original number of
 deployed blocks in each city is maintained.
 </dl>
 
-<p>
 <dl>
 <dt>
 <label><input type="checkbox" name="tournament" value="true">Tournament</label>
@@ -18,6 +17,24 @@ deployed blocks in each city is maintained.
 Julius Caesar goes first on the first turn regardless of the cards played.
 </dl>
 
+<dl>
+<dt>
+<label>
+<input type="checkbox" id="delay_hits" name="delay_hits" value="true">
+Delay hit assignment
+</label>
+<dd>Let all blocks with the same initiative fire before assigning hits.
+<dd>This option is recommended for games that are not played live.
+
+<dt>
+<label>
+<input type="checkbox" id="autohit" name="autohit" value="true">
+Automatically assign hits when possible.
+</label>
+<dd>
+<i class="warning" id="warning"></i>
+</dl>
+
 <p>
 House rules:
 <br><label><input type="checkbox" name="max_2_events" value="true">Max 2 event cards per hand.</label>
@@ -35,18 +52,18 @@ House rules:
 -->
 
 <p>
-<label><input type="checkbox" id="delay_hits" name="delay_hits" value="true">
-Fire with all blocks before assigning hits.
-</label>
-
-<br>
-<label><input type="checkbox" id="autohit" name="autohit" value="true">
-Automatically assign hits when possible.
-</label>
+<i class="warning" id="warning"></i>
 
 <script>
 let cb1 = document.getElementById("autohit")
 let cb2 = document.getElementById("delay_hits")
-cb1.onchange = function () { if (cb1.checked) cb2.checked = false }
-cb2.onchange = function () { if (cb2.checked) cb1.checked = false }
+let msg = document.getElementById("warning")
+function warn_opts() {
+	if (cb1.checked)
+		msg.textContent = "Tip: Delay hit assignment is a better option for async play."
+	else
+		msg.textContent = ""
+}
+cb1.onchange = function () { if (cb1.checked) cb2.checked = false; warn_opts() }
+cb2.onchange = function () { if (cb2.checked) cb1.checked = false; warn_opts() }
 </script>