add description paragraph to bosses section

src/css/style.css

@@ -87,6 +87,11 @@ b {
     color: #aac7d4;
 }
 
+p {
+    margin-top: 0.6rem;
+    margin-bottom: 0.6rem;
+}
+
 del {
     text-decoration: none;
     opacity: 0.5;
@@ -136,6 +141,12 @@ h6 {
     text-align: left;
 }
 
+.section-description {
+    font-size: 0.8rem;
+    margin: 1.3rem;
+    color: rgba(231, 251, 255, 1.0);
+}
+
 #save-location-input {
     display: block;
     font-family: 'Consolas', monospace;
@@ -330,11 +341,6 @@ input[type="file"] {
     }
 }
 
-p {
-    margin-top: 0.6rem;
-    margin-bottom: 0.6rem;
-}
-
 .horizontal-line {
     margin: 1rem 0;
     height: 1.5rem;

src/js/HKCheckCompletion.js

@@ -88,7 +88,7 @@ let benchmarkTimes = {
         timeStart: 0,
         timeEnd: 0
     }
-}
+};
 
 /* -------------------------- Functions ----------------------------- */
 
@@ -1324,7 +1324,7 @@ function CheckAdditionalThings(section, dataObject, playerData, worldData, scene
     function CountMaps(mapArray) {
         let totalMaps = 0;
         for (let i = 0, len = mapArray.length; i < len; i++) {
-            if (playerData[mapArray[i]] === true) totalMaps++
+            if (playerData[mapArray[i]] === true) totalMaps++;
         }
         return totalMaps;
     }

src/js/hk-database.js

@@ -157,6 +157,7 @@ const HK = {
         bosses: {
             h2: "Bosses",
             id: "hk-bosses",
+            description: "Bosses in this section are part of the Game Completion Percentage set by the game developers. Each boss from this list equals 1% Completion (to a total of 14%).",
             percent: 0,
             maxPercent: 14,
             entries: {

src/js/page-functions.js

@@ -354,6 +354,12 @@ function GenerateInnerHTML(db) {
 
             default:
 
+                /* ###################### Create section descriptions under each H2 title ##################### */
+
+                if (sections[section].hasOwnProperty("description")) {
+                    textFill += SectionDescription(sections[section]);
+                }
+
                 /* ###################### Create each single entry (from all other sections) ##################### */
 
                 for (let entry in entries) {
@@ -477,6 +483,11 @@ function GenerateInnerHTML(db) {
     benchmarkTimes.GenerateInnerHTML.timeEnd = new Date();
 }
 
+function SectionDescription(section) {
+
+    return `<p class="section-description">${section.description}</p>`;
+}
+
 function SectionStart(section) {
 
     return `<div id="${section.id}">\n`;