From a37e120272564913c985795bda56840f9aa71a98 Mon Sep 17 00:00:00 2001 From: ReznoRMichael Date: Thu, 24 Sep 2020 18:52:26 +0200 Subject: [PATCH] AppendHTML() and Fleur Divide --- HKCheckCompletion.js | 21 +++++++++++++++++++-- img/fleur-divide.png | Bin 0 -> 5980 bytes style.css | 9 +++++++-- 3 files changed, 26 insertions(+), 4 deletions(-) create mode 100644 img/fleur-divide.png diff --git a/HKCheckCompletion.js b/HKCheckCompletion.js index cbb38d8..717b06b 100644 --- a/HKCheckCompletion.js +++ b/HKCheckCompletion.js @@ -5,6 +5,7 @@ const SYMBOL_FALSE = ""; // "❌ " const SYMBOL_TRUE = ""; // "✅ " const SYMBOL_INFO = ""; // "ℹ " const SYMBOL_EMPTY = ""; +const FLEUR_DIVIDE = "
"; // ---------------- Variables ----------------- // @@ -431,6 +432,10 @@ function HKCheckCompletion(jsonObject) { CheckCompletionPercent(DIV_ID.intro, HKPlayerData.completionPercentage); + // ---------------- Fleur Divide ----------------- // + + AppendHTML(DIV_ID.intro, FLEUR_DIVIDE); + // ---------------- Health Masks ----------------- // CheckHealthMasks(DIV_ID.intro, HKPlayerData.maxHealthBase, HKPlayerData.permadeathMode); @@ -566,7 +571,7 @@ function PrefillHTML(jsObj) { h2id = "h2-" + jsObj[i].id; (i === "hints") ? cl = " class='hidden'": cl = ""; - mp = " = " + jsObj[i].maxPercent + "%"; + mp = " – " + jsObj[i].maxPercent + "%"; if (!jsObj[i].hasOwnProperty("maxPercent") || i === "intro") mp = ""; document.getElementById("generated").innerHTML += "
" + "
"; @@ -604,7 +609,7 @@ function CompletionHTML(jsObj) { } if (jsObj[i].hasOwnProperty("percent")) cp += "/"; - mp = " = " + cp + jsObj[i].maxPercent + "%"; + mp = " – " + cp + jsObj[i].maxPercent + "%"; } document.getElementById(h2id).innerHTML = h2 + mp; @@ -634,6 +639,15 @@ function FillHTML(divId, textPrefix = "Unknown Completion Element: ", textSuffix document.getElementById(divId.id).innerHTML += divStart + icon + b[0] + textPrefix + b[1] + span[0] + dash + textSuffix + span[1] + divEnd; } +/** + * Adds HTML string to an element with a given ID. + * @param {object} divId object containing div ID of the HTML element to append to + * @param {string} content HTML contents to append + */ +function AppendHTML(divId, content) { + document.getElementById(divId.id).innerHTML += "\n" + content; +} + /** * Switches global variable to a "completed" symbol. Adds +1 or +2 to percent property. */ @@ -1024,6 +1038,9 @@ function InitialHTMLPopulate(divIdObj) { // Game Completion CheckCompletionPercent(divIdObj.intro, 0); + // Fleur Divide + AppendHTML(divIdObj.intro, FLEUR_DIVIDE); + // Health Masks CheckHealthMasks(divIdObj.intro, 5, 0); diff --git a/img/fleur-divide.png b/img/fleur-divide.png new file mode 100644 index 0000000000000000000000000000000000000000..528492b2706a4668abcfecc14895fbab69f9792e GIT binary patch literal 5980 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 literal 0 HcmV?d00001 diff --git a/style.css b/style.css index 16fb348..a0dd9c3 100644 --- a/style.css +++ b/style.css @@ -165,8 +165,13 @@ p { } .horizontal-line { - padding-bottom: 1px; - background: linear-gradient(90deg, #e9e9e9 0%, #FFFFFF 75%); + margin: 1rem 0; + height: 1.5rem; + width: 100%; + background-image: url("img/fleur-divide.png"); + background-size: auto 100%; + background-position: center top; + background-repeat: no-repeat; } .smalltext {