fix double id on divs

build/app.js

@@ -5505,15 +5505,20 @@ function CompletionFillNoSave(section) {
   var h2 = "";
   var h2id = "";
   var mp = ""; // max Percent
-
+  // let cl = ""; // class
-  var cl = ""; // class
 
   id = section.id;
   h2 = section.h2;
   h2id = "h2-" + section.id;
   mp = "<div class='percent-box'>".concat(id === "hk-intro" ? 0 : section.maxPercent, "%</div>");
   if (!section.hasOwnProperty("maxPercent")) mp = "";
-  return ["<div id=\"".concat(id, "\" ").concat(cl, ">"), "<h2 id='".concat(h2id, "'>").concat(h2).concat(mp, "</h2>"), "</div>\n"].join("");
+  /* return [
+      `<div id="${id}" ${cl}>`,
+          `<h2 id='${h2id}'>${h2}${mp}</h2>`,
+      "</div>\n"
+  ].join(""); */
+
+  return "<h2 id='".concat(h2id, "'>").concat(h2).concat(mp, "</h2>");
 }
 /**
  * Replaces the h2 titles with a current percent/max percent values as read from the database

build/main.css

@@ -227,6 +227,13 @@ h6 {
     color: rgba(0, 255, 220, 0.6);
 }
 
+#hk-hints {
+    border: 1px solid #fff;
+    border-radius: 1rem;
+    padding: 1.3rem;
+    margin: 1.3rem;
+}
+
 #save-location-input {
     display: block;
     font-family: 'Consolas', monospace;

src/css/style.css

@@ -120,6 +120,13 @@ h6 {
     color: rgba(0, 255, 220, 0.6);
 }
 
+#hk-hints {
+    border: 1px solid #fff;
+    border-radius: 1rem;
+    padding: 1.3rem;
+    margin: 1.3rem;
+}
+
 #save-location-input {
     display: block;
     font-family: 'Consolas', monospace;

src/js/page-functions.js

@@ -474,7 +474,7 @@ function SectionStart(section) {
     let h2 = "";
     let h2id = "";
     let mp = ""; // max Percent
-    let cl = ""; // class
+    // let cl = ""; // class
 
     id = section.id;
     h2 = section.h2;
@@ -483,11 +483,12 @@ function SectionStart(section) {
     mp = `<div class='percent-box'>${(id === "hk-intro") ? 0: section.maxPercent}%</div>`;
     if (!section.hasOwnProperty("maxPercent")) mp = "";
 
-    return [
+    /* return [
         `<div id="${id}" ${cl}>`,
             `<h2 id='${h2id}'>${h2}${mp}</h2>`,
         "</div>\n"
-    ].join("");
+    ].join(""); */
+    return `<h2 id='${h2id}'>${h2}${mp}</h2>`;
 }
 
 /**