From 7e2c37cce4355af67e71668c3e328d97f7433501 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Sun, 9 Oct 2022 21:42:30 -0600
Subject: [PATCH] Okay, that's enough for today.

---
 content/blog/2022-10-09-CLRG-Scoring/index.md | 73 ++++++++++++++++---
 .../2022-10-09-CLRG-Scoring/scorecard.mjs     |  3 +-
 content/blog/2022-10-09-CLRG-Scoring/toys.css |  8 --
 static/assets/css/default.css                 |  7 +-
 4 files changed, 70 insertions(+), 21 deletions(-)

diff --git a/content/blog/2022-10-09-CLRG-Scoring/index.md b/content/blog/2022-10-09-CLRG-Scoring/index.md
index 9ede31e..d45e3f7 100644
--- a/content/blog/2022-10-09-CLRG-Scoring/index.md
+++ b/content/blog/2022-10-09-CLRG-Scoring/index.md
@@ -125,11 +125,7 @@ of the exponential growth in the top 11 places.
 
 ### 1st place is super important
 
-1st place is weighted so heavily that it's almost impossible to overcome without
-your own 1st.
-
-Take for example this scenario,
-in which Adjudicator 1 has promised to give 1st place to Alice:
+1st place is weighted so heavily that one judge could move a 5th place dancer into 2nd.
 
 <table class="scorecard">
     <thead>
@@ -137,23 +133,27 @@ in which Adjudicator 1 has promised to give 1st place to Alice:
             <td></td>
             <th>Alice</th>
             <th>Bob</th>
+            <th>Carol</th>
         </tr>
     </thead>
     <tbody>
         <tr>
             <th class="justify-left">Adj. 1</th>
-            <td><input type="number" min=1 max=11 value=1 readonly></td>
-            <td><input type="number" min=1 max=11 value=3></td>
+            <td><input type="number" min=1 max=99 value=1 readonly></td>
+            <td><input type="number" min=1 max=99 value=3></td>
+            <td><input type="number" min=1 max=99 value=2></td>
         </tr>
         <tr>
             <th class="justify-left">Adj. 2</th>
-            <td><input type="number" min=1 max=11 value=1></td>
-            <td><input type="number" min=1 max=11 value=3></td>
+            <td><input type="number" min=1 max=99 value=5></td>
+            <td><input type="number" min=1 max=99 value=3></td>
+            <td><input type="number" min=1 max=99 value=2></td>
         </tr>
         <tr>
             <th class="justify-left">Adj. 3</th>
-            <td><input type="number" min=1 max=11 value=1></td>
-            <td><input type="number" min=1 max=11 value=3></td>
+            <td><input type="number" min=1 max=99 value=5></td>
+            <td><input type="number" min=1 max=99 value=3></td>
+            <td><input type="number" min=1 max=99 value=2></td>
         </tr>
     </tbody>
     <tfoot>
@@ -161,15 +161,66 @@ in which Adjudicator 1 has promised to give 1st place to Alice:
             <th class="justify-left">Award Points</th>
             <td class="justify-right"><output name="points"></td>
             <td class="justify-right"><output name="points"></td>
+            <td class="justify-right"><output name="points"></td>
         </tr>
         <tr>
             <th class="justify-left">Ranking</th>
             <td class="justify-right"><output name="ranking"></td>
             <td class="justify-right"><output name="ranking"></td>
+            <td class="justify-right"><output name="ranking"></td>
         </tr>
     </tfoot>
 </table>
 
+You can adjust these values to get a better feel for how scoring works.
 
 
+### Tanking a high-ranked dancer is another way to cheat
 
+Because of that exponential curve,
+a low ranking from a single judge can carry a lot of weight.
+
+<table class="scorecard">
+    <thead>
+        <tr>
+            <td></td>
+            <th>Alice</th>
+            <th>Bob</th>
+            <th>Carol</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <th class="justify-left">Adj. 1</th>
+            <td><input type="number" min=1 max=99 value=3></td>
+            <td><input type="number" min=1 max=99 value=11></td>
+            <td><input type="number" min=1 max=99 value=2></td>
+        </tr>
+        <tr>
+            <th class="justify-left">Adj. 2</th>
+            <td><input type="number" min=1 max=99 value=3></td>
+            <td><input type="number" min=1 max=99 value=1></td>
+            <td><input type="number" min=1 max=99 value=2></td>
+        </tr>
+        <tr>
+            <th class="justify-left">Adj. 3</th>
+            <td><input type="number" min=1 max=99 value=3></td>
+            <td><input type="number" min=1 max=99 value=2></td>
+            <td><input type="number" min=1 max=99 value=2></td>
+        </tr>
+    </tbody>
+    <tfoot>
+        <tr>
+            <th class="justify-left">Award Points</th>
+            <td class="justify-right"><output name="points"></td>
+            <td class="justify-right"><output name="points"></td>
+            <td class="justify-right"><output name="points"></td>
+        </tr>
+        <tr>
+            <th class="justify-left">Ranking</th>
+            <td class="justify-right"><output name="ranking"></td>
+            <td class="justify-right"><output name="ranking"></td>
+            <td class="justify-right"><output name="ranking"></td>
+        </tr>
+    </tfoot>
+</table>
diff --git a/content/blog/2022-10-09-CLRG-Scoring/scorecard.mjs b/content/blog/2022-10-09-CLRG-Scoring/scorecard.mjs
index 0603bbd..8a75ef8 100644
--- a/content/blog/2022-10-09-CLRG-Scoring/scorecard.mjs
+++ b/content/blog/2022-10-09-CLRG-Scoring/scorecard.mjs
@@ -29,9 +29,10 @@ function scorecardUpdate(scorecard) {
     }
 
     {
+        let rankedPoints = [...points].sort((a, b) => b - a)
         let i = 0
         for (let out of scorecard.querySelectorAll("tfoot output[name='ranking']")) {
-            out.value = scores[i]
+            out.value = rankedPoints.indexOf(points[i]) + 1
             i += 1
         }
     }
diff --git a/content/blog/2022-10-09-CLRG-Scoring/toys.css b/content/blog/2022-10-09-CLRG-Scoring/toys.css
index 8f7d521..f52481e 100644
--- a/content/blog/2022-10-09-CLRG-Scoring/toys.css
+++ b/content/blog/2022-10-09-CLRG-Scoring/toys.css
@@ -1,11 +1,3 @@
-.winner {
-    color:cornsilk;
-}
-
-figure img {
-    max-width: 100%;
-}
-
 .warning {
     color: #e64;
     display: none;
diff --git a/static/assets/css/default.css b/static/assets/css/default.css
index a889c96..4d84d1d 100644
--- a/static/assets/css/default.css
+++ b/static/assets/css/default.css
@@ -24,6 +24,7 @@ input {
   border: thin solid #ccc;
 }
 input:read-only {
+  color: #444;
   background-color: #eee;
 }
 
@@ -151,7 +152,7 @@ legend {
 }
 
 table {
-  margin: 1em;
+  margin: 1em 0;
   border-collapse: collapse;
 }
 thead, tfoot {
@@ -189,6 +190,10 @@ caption {
   img, video {
     max-width: 60%;
   }
+
+  figure img {
+    max-width: 100%;
+  }
 }
 @media (prefers-color-scheme: dark) {
   html {