journal description

src/css/style.css

@@ -947,6 +947,21 @@ input[type="radio"]:focus:not(:focus-visible) + label {
   -webkit-text-fill-color: transparent;
 }
 
+.t-green {
+  font-weight: 700;
+  color: #16c60c;
+}
+
+.t-red {
+  font-weight: 700;
+  color: #f03a17;
+}
+
+.t-gray {
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.18);
+}
+
 .test {
   color: #59d1da;
 }

src/js/hk-database.js

@@ -1633,7 +1633,11 @@ const HK = {
     huntersJournal: {
       h2: "Hunter's Journal (Base)",
       id: "hk-journal",
-      description: `All 146 base Hunter's Journal entries that are required for Hunter's Mark and Keen Hunter/True Hunter achievements. There are more entries than base 146 (below), but they are completely optional. Green = note completed. Gray = entry discovered, but note not completed. Red = entry not yet discovered. (nr) = amount left to complete note.`,
+      description: `All 146 base Hunter's Journal entries that are required for Hunter's Mark and Keen Hunter/True Hunter achievements.<br>
+      <i class="icon-ok-squared"></i>= note completed.<br>
+      <i class="icon-ok-squared partial"></i>= entry discovered, but note not completed.<br>
+      <i class="icon-cancel"></i>= entry not yet discovered.<br>
+      <b>(no.)</b> = amount left to complete note.`,
       percent: 0,
       maxPercent: 146,
       entries: {