Merge pull request sFractal-Podii#1253 from sparrell/workaround11

more updates

lib/quadblockquiz_web/templates/page/how-to-play.html.heex

@@ -5,18 +5,24 @@
     To get back to the Home page below, click on the Home tab.</p>
   <p>Note there is no button to play the game. You must login first.</p>
   <p>Note the "login" button in the upper right. Click on the login button.</p>
+  <h3 class="heading-3 mt-6">_</h3>
   <img src={Routes.static_path(@conn, "/images/signin1.png")} alt="signin1" class="max-h-64" />
+  <h3 class="heading-3 mt-6">_</h3>
   <p>Clicking on the login button will cause a dropdown with 3 choices.
     Click handle. Github is for developers and will display too much
     of your personal info that game will get from GitHub.
     You can click anonymous if you are just playing for fun,
     but then you can't be in contests</p>
+  <h3 class="heading-3 mt-6">_</h3>
   <img src={Routes.static_path(@conn, "/images/signin3.png")} alt="signin3" class="max-h-64" />
+  <h3 class="heading-3 mt-6">_</h3>
   <p>Clicking Handle will bring up a textbox to enter whatever
     handle you want to go by. Note there is no checking for duplicates
     so if you choose an existing handle, someone else will get credit for your play.
     For example, sFractal and Duncan are already taken</p>
+  <h3 class="heading-3 mt-6">static_path</h3>
   <img src={Routes.static_path(@conn, "/images/signin4.png")} alt="signin4" class="max-h-64" />
+  <h3 class="heading-3 mt-6">_</h3>
   <p>
     After providing a handle, the "Play" button will now appear
     near the bottom of the Home page.
@@ -28,7 +34,9 @@
     </a>
     for more on handles.
   </p>
+  <h3 class="heading-3 mt-6">_</h3>
   <img src={Routes.static_path(@conn, "/images/signin5.png")} alt="signin5" class="max-h-64" />
+  <h3 class="heading-3 mt-6">_</h3>
 </div>
 
 <div class="p-6">
@@ -46,7 +54,9 @@
     screen, it's lights out for you. Budget space and time wisely.</p>
   <p>Think of it this way: the game ends when you go out of business because your supply chain
     got too long and all the vulnerabilities you swept under the rug came back to haunt you.</p>
+  <h3 class="heading-3 mt-6">_</h3>
   <img src={Routes.static_path(@conn, "/images/gameover1.png")} alt="gameover1" class="max-h-64" />
+  <h3 class="heading-3 mt-6">_</h3>
 </div>
 
 <div class="mt-6 pt-0 p-6">
@@ -125,7 +135,9 @@
       Not only will the game slow down to a snail's pace, but a fresh coat of pesky brown/grey injunctions
       will festoon your existing block arrays. Hit the space bar!</li>
   </ol>
+  <h3 class="heading-3 mt-6">_</h3>
   <img src={Routes.static_path(@conn, "/images/qbq-attack.gif")} alt="attack" class="max-h-64" />
+  <h3 class="heading-3 mt-6">_</h3>
 </div>
 <div class="p-6">
   <h2 class="heading-2 tracking-wider">4. SCORING</h2>
@@ -148,11 +160,13 @@
       It pays to play often and go thru all the questions so you know how to maximize your score.
     </li>
   </bl>
+  <h3 class="heading-3 mt-6">_</h3>
   <img
     src={Routes.static_path(@conn, "/images/qbq.09.x.score.gif")}
     alt="exponential"
     class="max-h-64"
   />
+  <h3 class="heading-3 mt-6">_</h3>
   <p>The amount of points scored is also influenced by game conditions.
     For instance, there is a mulitplier on the points for answering questions.
     A question worth 10 points is worth 20 points after just one block has dropped.
@@ -172,7 +186,46 @@
     (ie assume is says 0 questions answered instead of 19).</p>
 </div>
 <div class="p-6">
-  <h2 class="heading-2 tracking-wider">5. PRO TIPS</h2>
+  <h2 class="heading-2 tracking-wider">5. Quiz</h2>
+  <p>Hitting the space bar pauses the falling blocks and
+    pops up the quiz catetories.</p>
+  <h3 class="heading-3 mt-6">_</h3>
+  <img
+    src={Routes.static_path(@conn, "/images/qbq-quiz.png")}
+    alt="quiz categories"
+    class="max-h-64"
+  />
+  <h3 class="heading-3 mt-6">_</h3>
+  <p>Hitting "Continue" brings you back to falling blocks.</p>
+  <p>Hitting "End Game" cleanly ends the game.</p>
+  <p>DO NOT CLICK on the "X" to close the quiz.
+    This is clicking on a phishing email and bricking your game.
+    There is no way out of this other than starting a new game.</p>
+  <p>Clicking on a category brings up the next question in the quiz.</p>
+  <h3 class="heading-3 mt-6">_</h3>
+  <img
+    src={Routes.static_path(@conn, "/images/qbq-question.png")}
+    alt="quiz question"
+    class="max-h-64"
+  />
+  <p></p>
+  <p>
+    Each quiz question contains explanatory material that includes the answer to the question.
+  </p>
+  <p>
+    Answer the question to receive points (see scoring).
+    Click on your choice of answer and then click "Continue".
+    Wrong answers subtract points. Wrong answers may also add vulnerabilities and/or licensing issues.
+  </p>
+  <p>
+    You can click "skip question" to skip the question. This is useful on the last question in each category.
+  </p>
+  <p>Note that although the blocks are no longer falling, the clock is still running,
+    and you can still be attacked while in quiz mode -particularly if you stay there too long.</p>
+</div>
+
+<div class="p-6">
+  <h2 class="heading-2 tracking-wider">6. PRO TIPS</h2>
   <p>Just a little wisdom for thought for those with the ears to hear it.</p>
   <h3 class="heading-3 mt-6">Dropping Blocks vs Answering Questions</h3>
   <p>just like in real life, it is sometimes expedient
@@ -216,7 +269,7 @@
     Your chances of winning are much better than you think.</p>
 </div>
 <div class="p-6">
-  <h2 class="heading-2 tracking-wider">6. Contest</h2>
+  <h2 class="heading-2 tracking-wider">7. Contest</h2>
   <p>
     There will be a contest at the
     Cybersecurity Automation Village.

mix.exs

@@ -5,7 +5,7 @@ defmodule Quadblockquiz.MixProject do
     [
       app: :quadblockquiz,
       description: "Descri'be",
-      version: "1.0.10",
+      version: "1.0.11",
       elixir: "~> 1.15.4",
       elixirc_paths: elixirc_paths(Mix.env()),
       start_permanent: Mix.env() == :prod,