restructure scripts to skip over inactive users

redirect.html

@@ -30,12 +30,19 @@
         if (dir == "prev"){
           let prevSiteIndex = matchedSiteIndex - 1;
           if (prevSiteIndex < 0) prevSiteIndex = sites.length - 1;
+          while (sites[prevSiteIndex].name.charAt(0) == "!"){
+            prevSiteIndex += 1;
+          }
+
           window.location.replace(sites[prevSiteIndex].url);
         }
 
         else if (dir == "next"){
           let nextSiteIndex = matchedSiteIndex + 1;
           if (nextSiteIndex >= sites.length) nextSiteIndex = 0;
+          while (sites[nextSiteIndex].name.charAt(0) == "!"){
+            nextSiteIndex += 1;
+          }
 
           window.location.replace(sites[nextSiteIndex].url);
         }

script.js

@@ -22,6 +22,8 @@ function convertHTML(str) {
     let regex = new RegExp(regexKeys[i], 'g');
     result = result.replace(regex, regexTable[regexKeys[i]]);
   }
+
+  result = (result.charAt(0) == "!") ? result.slice(1) : result;
 
   return result;
 }
@@ -32,8 +34,9 @@ fetch(DATA_FOR_WEBRING)
     count.innerHTML = sites.length;
 
     for (var i = 0; i < sites.length; i++){
-      list.innerHTML += "<div><p><a href=" + sites[i].url + ">" + convertHTML(sites[i].name) + "</a></p></div>";
+      const siteName = convertHTML(sites[i].name);
+      const siteSpanOpenTag = (sites[i].name.charAt(0) == "!") ? '<span class="inactive">' : '<span>';
+      const siteNameEntry = siteSpanOpenTag + siteName + '</span>';
+      list.innerHTML += "<div><p><a href=" + sites[i].url + ">" + siteNameEntry + "</a></p></div>";
     }
-
-
   });

style.css

@@ -130,7 +130,9 @@ strong{
 }
 
 
-
+.inactive {
+    color: var(--lesspurple);
+}
 
 
 #header span{