spock

tgdwyer · Apr 13, 2020 · 5088a93 · 5088a93
1 parent 2f53b98
commit 5088a93
Show file tree

Hide file tree

Showing 14 changed files with 436 additions and 13 deletions.
diff --git a/Rock_paper_scissors_lizard_spock.svg b/Rock_paper_scissors_lizard_spock.svg
diff --git a/images/rockPaperScissorsLizardSpock-key.png b/images/rockPaperScissorsLizardSpock-key.png
diff --git a/images/rockPaperScissorsLizardSpock-opponentschoice.png b/images/rockPaperScissorsLizardSpock-opponentschoice.png
diff --git a/images/rockPaperScissorsLizardSpock-xaxis-top.png b/images/rockPaperScissorsLizardSpock-xaxis-top.png
diff --git a/images/rockPaperScissorsLizardSpock-xaxis.jpg b/images/rockPaperScissorsLizardSpock-xaxis.jpg
diff --git a/images/rockPaperScissorsLizardSpock-xaxis.png b/images/rockPaperScissorsLizardSpock-xaxis.png
diff --git a/images/rockPaperScissorsLizardSpock-yaxis-right.png b/images/rockPaperScissorsLizardSpock-yaxis-right.png
diff --git a/images/rockPaperScissorsLizardSpock-yaxis.jpg b/images/rockPaperScissorsLizardSpock-yaxis.jpg
diff --git a/images/rockPaperScissorsLizardSpock-yaxis.png b/images/rockPaperScissorsLizardSpock-yaxis.png
diff --git a/images/rockPaperScissorsLizardSpock-yourchoice.png b/images/rockPaperScissorsLizardSpock-yourchoice.png
diff --git a/images/rockPaperScissorsLizardSpock.jpg b/images/rockPaperScissorsLizardSpock.jpg
diff --git a/images/rockPaperScissorsLizardSpock.png b/images/rockPaperScissorsLizardSpock.png
diff --git a/images/rockPaperScissorsLizardSpockAll.png b/images/rockPaperScissorsLizardSpockAll.png
diff --git a/index.html b/index.html
@@ -86,31 +86,29 @@ <h2>Diagonal pan constraint</h2>
     <h2>Anti-diagonal pan constraint</h2> 
     <table>
     <tr>
-    <td> <div style="writing-mode: vertical-lr;font-size: 24pt;transform: rotate(180deg);">
-        Opponent's Choice</div>
-        <!-- <img src="images/rockPaperScissorsLizardSpock-opponentschoice.png"></img> -->
+    <td style="vertical-align:middle;"> <img src="images/rockPaperScissorsLizardSpock-opponentschoice.png" height="390px"></img>
     </td>
-    <td><div id="rockPaperScissorsLizardSpock"></div></td>
-    <td style="font-size: 24pt; text-align: center;"> &nbsp;&nbsp;&nbsp;&nbsp;Your Outcome: <br><img src="images/rockPaperScissorsLizardSpock-key.jpg"></img></td>
+    <td>
+        <div id="rockPaperScissorsLizardSpock"></div></td>
+    <td style="font-size: 32pt; text-align: center;"> &nbsp;&nbsp;&nbsp;&nbsp;Your Outcome: <br><img width="200px" src="images/rockPaperScissorsLizardSpock-key.png"></img></td>
     </tr>
     <tr>
     <td></td>
-    <td><div style="font-size: 24pt; text-align: center;">
-        Your Choice</div>
-        <!-- <img src="images/rockPaperScissorsLizardSpock-yourchoice.png"></img> -->
+    <td style="align-content: center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/rockPaperScissorsLizardSpock-yourchoice.png" width="390px"></img>
     </td>
     <td></td>
     </tr>
     </table>
     <p>A directed graph with the special self edges (the draws) mapped to the anti-diagonal.  An <code>"antidiagonal"</code> pan constraint keeps those draws where we can easily track them.</p>  
     <p>Adapted from <a href="https://steemit.com/programming/@dkmathstats/a-rock-paper-scissors-lizard-spock-chart-in-r">A Rock, Paper, Scissors, Lizard, Spock Chart In R</a>.</p> 
+    <p>Images from <a href="https://upload.wikimedia.org/wikipedia/commons/8/89/Rock_paper_scissors_lizard_spock.svg">wikimedia</a></p>
     <script>
         wrapChart("rockPaperScissorsLizardSpock",
-            "images/rockPaperScissorsLizardSpock.jpg",
-            null,
-            "images/rockPaperScissorsLizardSpock-xaxis.jpg",
-            "images/rockPaperScissorsLizardSpock-yaxis.jpg",
-            null,
+            "images/rockPaperScissorsLizardSpock.png",
+            "images/rockPaperScissorsLizardSpock-xaxis-top.png",
+            "images/rockPaperScissorsLizardSpock-xaxis.png",
+            "images/rockPaperScissorsLizardSpock-yaxis.png",
+            "images/rockPaperScissorsLizardSpock-yaxis-right.png",
             "antidiagonal")   
     </script>
 </body>