From 659a5f0bfced4f439a1fa160611c9c45daf40d04 Mon Sep 17 00:00:00 2001
From: bingus_violet <violet@violets-purgatory.dev>
Date: Thu, 14 Nov 2024 01:59:13 -0600
Subject: [PATCH] new display system for socials

---
 pageUpdater.js            | 41 ++++++++++++++++++++++++++++++++-------
 static/index.html         | 15 +++++++++++---
 static/socials/index.html |  6 ++++--
 static/subpage.css        | 16 +++++++++++++++
 4 files changed, 66 insertions(+), 12 deletions(-)

diff --git a/pageUpdater.js b/pageUpdater.js
index 37e6a48..db51641 100644
--- a/pageUpdater.js
+++ b/pageUpdater.js
@@ -183,7 +183,6 @@ function highlighter(json, full = true, linkParent = false) {
                                     spanEnd -= 1
                                     endContent = endContent.substring(0, endContent.length - 1)
                                 } else {
-                                    console.log(newStartContent)
                                     spanStart = newSpanStart
                                     startContent = newStartContent
                                 }
@@ -317,7 +316,7 @@ function converter(html, dynamic = true) {
         "WEATHER_MODIFIER": randomThemer.returnTheme(),
         "WEATHER_TEXT": "",
         "ANNOUNCEMENT": fs.readFileSync(path.join(__dirname, "config/announcement.html")),
-        "SOCIALS": () => {
+        "SOCIALS": (full) => {
             if (api.lanyard && api.lanyard.socials) {
                 var socials = api.lanyard.socials
                 var html = `<div class="grid-container">`
@@ -330,8 +329,9 @@ function converter(html, dynamic = true) {
                     for (var x = 0; x < sitesTable.length; x++) {
                         var siteName = sitesTable[x]
                         var siteData = sites[siteName]
-                        html += `<a class="chip" ${onlyIfExists(`href="${siteData.url}"`, siteData.url)}>${siteName}: <span class="noHighlight">${siteData.name}</span></a>`
-                        
+                        if (siteData.main || full) {
+                            html += `<a class="chip ${siteData.pref || ""}pref" ${onlyIfExists(`href="${siteData.url}"`, siteData.url)}>${siteName}: <span class="noHighlight">${siteData.name}</span></a>`
+                        }
                     }
                     html += "</div></div>"
                 }
@@ -371,6 +371,9 @@ function converter(html, dynamic = true) {
             <script src="../js/lanyardSocket.js"></script>
             <script src="../js/timeFormatter.js"></script>
             `
+        },
+        "TEST_KEYWORD": (arg1, arg2, arg3) => {
+            return `<p>The arguements you inputted are "${arg1}" and "${arg2}". Wow!</p>`
         }
     }
 
@@ -397,10 +400,34 @@ function converter(html, dynamic = true) {
 
     for (let index = 0; index < rpTable.length; index++) {
         const text = rpTable[index];
-        if (dynamic) {
-            replacers[text] = himalaya.stringify(highlighter(himalaya.parse(replacers[text])))
+        const braceText = `{${text}}`
+        
+        if (typeof replacers[text] == "function" && replacers[text].length == 0) {
+            replacers[text] = replacers[text]()
+        }
+        
+        while (html.includes(braceText)) {
+            var posOfKeyword = html.indexOf(braceText)
+            var keywordLength = braceText.length
+            var args = undefined
+            if (html.charAt(posOfKeyword + keywordLength) == "(") {
+                args = html.substring(posOfKeyword + keywordLength + 1)
+                keywordLength = args.substring(0, args.indexOf(")")).length + keywordLength + 2
+                args = args.substring(0, args.indexOf(")"))
+                args = args.split(",").map(item => item.trim())
+            }
+            var fnString = replacers[text]
+            if (typeof fnString == "function") {
+                fnString = fnString.apply(null, args)
+            }
+
+            if (dynamic) {
+                fnString = himalaya.stringify(highlighter(himalaya.parse(fnString)))
+            }
+
+            html = html.substring(0, posOfKeyword) + fnString + html.substring(posOfKeyword + keywordLength)
+            // break
         }
-        html = html.replaceAll(`{${text}}`, replacers[text])
     }
 
     if (!dynamic) {
diff --git a/static/index.html b/static/index.html
index 5822a69..5734961 100644
--- a/static/index.html
+++ b/static/index.html
@@ -77,17 +77,26 @@
         </div>
         {ANNOUNCEMENT}
         
-        <h2><hr>Services</h2>
+        <h1><hr>Services</h1>
         <p>List of services for public use hosted on Violet's Purgatory.</p>
+        <h2><br>Public:</h2>
         <a href="https://sxng.violets-purgatory.dev" class="chip">SearXNG: <span class="noHighlight">sxng.violets-purgatory.dev</span></a>
         <!-- <a class="chip">Matrix: matrix.violets-purgatory.dev</a> -->
         <!-- <a href="https://element.violets-purgatory.dev" class="chip">Element: element.violets-purgatory.dev</a> -->
-        <a href="https://git.viois.gay" class="chip">Forgejo: <span class="noHighlight">git.viois.gay</span></a>
         <a href="https://univerter.dev" class="chip">Univerter: <span class="noHighlight">univerter.dev</span></a>
         <a class="chip">Thumbor: <span class="noHighlight">thumbor.violets-purgatory.dev</span></a>
+        <h2><br>Invite only:</h2>
+        <a href="https://git.viois.gay" class="chip">Forgejo: <span class="noHighlight">git.viois.gay</span></a>
+        <a href="https://pds.violets-purgatory.dev" class="chip">Bluesky: <span class="noHighlight">pds.violets-purgatory.dev</span></a>
+        <a href="https://sharkey.violets-purgatory.dev" class="chip">Fedi (Sharkey): <span class="noHighlight">sharkey.violets-purgatory.dev</span></a>
+        <br>
+        <p>Feel free to DM me anywhere (Discord & Fedi are best) for an invite! Do understand though, <b>my instances are not stable!<br></b>
+        <underline>By using my services, you are confirming you understand that there are risks of data loss, downtime, and bugs!!!</underline></p>
         <hr>
+
         <h1>Socials</h1>
-        {PATH_SOCIALS}
+        <p>Here's some of the sites you can find me on! Check the full <a href="./socials/">socials</a> page for more details & links.</p>
+        {SOCIALS}
         <br>
 
         {SELECTED_VIDEO}
diff --git a/static/socials/index.html b/static/socials/index.html
index 69722c3..4262a7d 100644
--- a/static/socials/index.html
+++ b/static/socials/index.html
@@ -29,8 +29,10 @@
     <div class="mainDiv">
         <hr>
         <main>
-            <p>Here's most of the sites you can find me on-<br>if you needed that for some reason?</p>
-            {SOCIALS}
+            <p>Here's most of the sites you can find me on!</p>
+            {SOCIALS}(Full)
+            <p>Gray border = preferred, Yellow = neutral, Red = not preferred. <br>
+                Interacting via any site is perfectly fine! E.G. if you use both Fedi and Bluesky, Bluesky is yellow, so you should contact me through Fedi instead! But if you don't have Fedi, then just contact me through Bluesky!</p>
             <br>
         </main>
         <div id="activityHtml">
diff --git a/static/subpage.css b/static/subpage.css
index cd84030..4041708 100644
--- a/static/subpage.css
+++ b/static/subpage.css
@@ -15,4 +15,20 @@ h1:nth-of-type(1) {
 
 .mainDiv {
     margin: auto;
+}
+
+.notpref {
+    border-color: rgb(150, 25, 25);
+}
+
+.notpref:hover {
+    border-color: red;
+}
+
+.neutralpref {
+    border-color: rgb(150, 150, 75);
+}
+
+.neutralpref:hover {
+    border-color: yellow;
 }
\ No newline at end of file