Fix wacky highlighting stuff

pageUpdater.js

@@ -36,7 +36,7 @@ for (var i = 0; i < globResult.length; i++) {
     })
 }
 
-(async function() {
+(async function () {
     globResult = glob.globSync("**/static/**/*.js", { absolute: true })
     for (var i = 0; i < globResult.length; i++) {
         javascriptCache[globResult[i]] = await minify({
@@ -156,13 +156,18 @@ function highlighter(json, full = true) {
                             classes = `class="${classes}"`
                         }
 
-                        var replacement = `<span ${style} ${classes} ${link}>${startContent + highTable[index] + endContent}</span>`
+                        var stuff = (startContent + highTable[index] + endContent).trim()
 
-                        if (link) {
-                            replacement = `<a href="${link}">${replacement}</a>`
+                        if (!stuff.includes("span")) {
+                            var replacement = `<span ${style} ${classes} ${link}>${stuff}</span>`
+
+                            if (link) {
+                                replacement = `<a href="${link}">${replacement}</a>`
+                            }
+                            element.content = element.content.substring(0, spanStart) + replacement + element.content.substring(spanEnd)
+                        } else {
+                            element.content = element.content.replace(termKey, highTable[index])   
                         }
-
-                        element.content = element.content.substring(0, spanStart) + replacement + element.content.substring(spanEnd)
                     }
                 }
 

static/faq/index.html

@@ -33,6 +33,8 @@
             <p>I like the way it looks to have certain words be highlighted, makes it look fancier and easier to read (imo). So, when I remade this site, I went ahead and added an <em>Automatic Word Highlighting System!</em> This allows me have words automatically highlighted, on the server side, without having to do it in the code manually. Here's the current list of highlighted words:</p>
             <p class="textBlock">{ALL_HIGHLIGHTS}</p>
             <p>As time continues, more words are added to the highlighting list, and I'm slowly adding more features, like disabling case sensitivity, boldness, italics, outlines, and more.</p>
+            <p>You may notice some highlighted words are "missing" on this list. This is because <em>characters adjacent to the highlighted word are highlighted, too!</em> What that means is, I can type HolyCowabungaILoveUltrakillItsSoEpic and it'll all be highlighted!</p>
+            <p class="note">P.S. If you're wondering what YIP is for, its for YIPPEEEEEEEEEEEEEEEEEEEEEE!</p>
             <br>
             <h3>I thought the site doesn't use Javascript? So why is it there?</h3>
             <p>Originally, all my sites were completely Javascript free. As of late, though, I decided to add Javascript to this one. Javascript will <b><em>NEVER</em></b> be a requirement on this site. Javascript will ONLY be used where necessary, and I will do everything possible to make the experience indistinguishable.</p>

static/index.html

@@ -85,8 +85,8 @@
         <h1>Socials</h1>
         {PATH_SOCIALS}
         <br>
-        <!-- <h1><hr>FAQ</h1>
-        {PATH_FAQ} -->
+        <h1><hr>FAQ</h1>
+        {PATH_FAQ}
 
         {SELECTED_VIDEO}