From 29eda9672477bea5682854ab70a31cf242ea2c60 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Sun, 9 Oct 2022 22:34:44 -0600
Subject: [PATCH] Adjust ranking offsets

---
 content/blog/2022-10-09-CLRG-Scoring/index.md | 65 +++++++++++++++++++
 .../2022-10-09-CLRG-Scoring/scorecard.mjs     | 13 +++-
 content/blog/2022-10-09-CLRG-Scoring/toys.css |  5 ++
 3 files changed, 82 insertions(+), 1 deletion(-)

diff --git a/content/blog/2022-10-09-CLRG-Scoring/index.md b/content/blog/2022-10-09-CLRG-Scoring/index.md
index 9a4b988..62e829c 100644
--- a/content/blog/2022-10-09-CLRG-Scoring/index.md
+++ b/content/blog/2022-10-09-CLRG-Scoring/index.md
@@ -220,3 +220,68 @@ a low ranking from a single judge can carry a lot of weight.
         </tr>
     </tfoot>
 </table>
+
+
+### Being in 1st provides a nice buffer
+
+Try playing around with Alice's rankings with Adjudicators 2 and 3 here.
+She has to get ranked a lot lower before her overall ranking starts going down.
+
+<div class="scrolly">
+    <table class="scorecard">
+        <thead>
+            <tr>
+                <td></td>
+                <th>Alice</th>
+                <th>Bob</th>
+                <th>Carol</th>
+                <th>Dave</th>
+                <th>Erin</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <th class="justify-left">Adj. 1</th>
+                <td><input type="number" min=1 max=99 value=1></td>
+                <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=4></td>
+                <td><input type="number" min=1 max=99 value=5></td>
+            </tr>
+            <tr>
+                <th class="justify-left">Adj. 2</th>
+                <td><input type="number" min=1 max=99 value=7></td>
+                <td><input type="number" min=1 max=99 value=1></td>
+                <td><input type="number" min=1 max=99 value=2></td>
+                <td><input type="number" min=1 max=99 value=3></td>
+                <td><input type="number" min=1 max=99 value=4></td>
+            </tr>
+            <tr>
+                <th class="justify-left">Adj. 3</th>
+                <td><input type="number" min=1 max=99 value=4></td>
+                <td><input type="number" min=1 max=99 value=2></td>
+                <td><input type="number" min=1 max=99 value=1></td>
+                <td><input type="number" min=1 max=99 value=3></td>
+                <td><input type="number" min=1 max=99 value=5></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>
+                <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>
+                <td class="justify-right"><output name="ranking"></td>
+                <td class="justify-right"><output name="ranking"></td>
+            </tr>
+        </tfoot>
+    </table>
+</div>
\ No newline at end of file
diff --git a/content/blog/2022-10-09-CLRG-Scoring/scorecard.mjs b/content/blog/2022-10-09-CLRG-Scoring/scorecard.mjs
index 8a75ef8..cdacf31 100644
--- a/content/blog/2022-10-09-CLRG-Scoring/scorecard.mjs
+++ b/content/blog/2022-10-09-CLRG-Scoring/scorecard.mjs
@@ -3,6 +3,7 @@ import {awardPoints} from "./awardPoints.mjs"
 function scorecardUpdate(scorecard) {
     let scores = []
     let points = []
+    let highestRank = []
 
     let firstRow = scorecard.querySelector("tbody tr")
     for (let input of firstRow.querySelectorAll("input")) {
@@ -16,6 +17,7 @@ function scorecardUpdate(scorecard) {
             let ranking = Number(input.value)
             scores[i] += ranking
             points[i] += awardPoints[ranking]
+            highestRank[i] = Math.min(highestRank[i] || 100, ranking)
             i += 1
         }
     }
@@ -29,10 +31,19 @@ function scorecardUpdate(scorecard) {
     }
 
     {
+        let rankOffset = 0
+        let overallRanking = []
         let rankedPoints = [...points].sort((a, b) => b - a)
+        for (let i = 0; i < points.length; i++) {
+            overallRanking[i] = rankedPoints.indexOf(points[i]) + 1
+            if (overallRanking[i] == 1) {
+                rankOffset = highestRank[i]
+            }
+        }
+
         let i = 0
         for (let out of scorecard.querySelectorAll("tfoot output[name='ranking']")) {
-            out.value = rankedPoints.indexOf(points[i]) + 1
+            out.value = rankedPoints.indexOf(points[i]) + rankOffset
             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 f52481e..7cf3861 100644
--- a/content/blog/2022-10-09-CLRG-Scoring/toys.css
+++ b/content/blog/2022-10-09-CLRG-Scoring/toys.css
@@ -6,6 +6,11 @@
     display: initial;
 }
 
+.scrolly {
+    max-width: 100%;
+    overflow-x: auto;
+}
+
 .awardPoints {
     display: inline-block;
     max-height: 60vh;