From 128137fe79765431975295bf14e8e6eb7ca3b8b2 Mon Sep 17 00:00:00 2001
From: Taylor Courage <taylorjamescourage@gmail.com>
Date: Sat, 8 Mar 2025 11:40:06 -0500
Subject: [PATCH] Added max rank descriptions to division results

---
 scripts/results.js | 3 +++
 styles/primary.css | 5 +++++
 2 files changed, 8 insertions(+)

diff --git a/scripts/results.js b/scripts/results.js
index ebd989e..ca0a112 100644
--- a/scripts/results.js
+++ b/scripts/results.js
@@ -29,12 +29,15 @@ function refreshDisplay() {
     if (currentDivision == "open") {
         image = "/assets/trophy_open.png";
         html += "<h2><img src=" + image + " class=\"lineImage\" alt=\"" + currentDivision + " division trophy\" style=\"float:left;\">Open<img src=" + image + " class=\"lineImage\" alt=\"" + currentDivision + " division trophy\" style=\"float:right;\"></h2>";
+        html += "<p class=\"smallerText\">Max Rank: SSL</p>"
     } else if (currentDivision == "intermediate") {
         image = "/assets/trophy_intermediate.png";
         html += "<h2><img src=" + image + " class=\"lineImage\" alt=\"" + currentDivision + " division trophy\" style=\"float:left;\">Intermediate<img src=" + image + " class=\"lineImage\" alt=\"" + currentDivision + " division trophy\" style=\"float:right;\"></h2>";
+        html += "<p class=\"smallerText\">Max Rank: Champ 3</p>"
     } else if (currentDivision == "main") {
         image = "/assets/trophy_main.png";
         html += "<h2><img src=" + image + " class=\"lineImage\" alt=\"" + currentDivision + " division trophy\" style=\"float:left;\">Main<img src=" + image + " class=\"lineImage\" alt=\"" + currentDivision + " division trophy\" style=\"float:right;\"></h2>";
+        html += "<p class=\"smallerText\">Max Rank: Plat 3</p>"
     }
     html += "<p>Top 10 Winners</p>"
     html += "<hr class=\"tableLineLightCentre\">";
diff --git a/styles/primary.css b/styles/primary.css
index e6d6417..df5c87f 100644
--- a/styles/primary.css
+++ b/styles/primary.css
@@ -12,6 +12,11 @@
     visibility: hidden;
 }
 
+.smallerText {
+    font-size: 0.75em;
+    line-height: 0.25em;
+}
+
  #body {
     background-image: linear-gradient(to right, rgba(0, 0, 255, .8), rgba(255, 165, 0, .8));
     padding-top: 2%;