pageUpdater.js

@@ -92,7 +92,7 @@ function pathReplacer(html) {
     return html
 }
 
-function highlighter(json, full = true, linkParent = false) {
+function highlighter(json, full = true) {
     for (var i = 0; i < json.length; i++) {
         var element = json[i]
         if (element.type == "element") {
@@ -113,7 +113,7 @@ function highlighter(json, full = true, linkParent = false) {
                 }
                 
                 if (valid) {
-                    element.children = highlighter(element.children, full, linkParent || element.tagName == "a")
+                    element.children = highlighter(element.children, full)
                 }
             }
         } else if (element.type == "text") {
@@ -205,15 +205,13 @@ function highlighter(json, full = true, linkParent = false) {
                             var stuff = (startContent + dict.words[x] + endContent).trim()
 
                             if (!stuff.includes("span")) {
-                                var replacement = `<span ${style} ${classes}>${stuff}</span>`
+                                var replacement = `<span ${style} ${classes} ${link}>${stuff}</span>`
 
-                                if (link && !linkParent) {
+                                if (link) {
                                     replacement = `<a href="${link}">${replacement}</a>`
-                                    // console.log(replacement)
                                 }
                                 element.content = element.content.substring(0, spanStart) + replacement + element.content.substring(spanEnd)
                             } else {
-
                                 element.content = element.content.replace(termKey, dict.words[x])
                             }
                         }
@@ -286,6 +284,7 @@ function converter(html, dynamic = true) {
             return ""
         },
         "SELECTED_VIDEO": () => {
+            console.log(api.lanyard)
             if (api.lanyard.video) {
                 return `<h2><hr/>Random video!</h2><p>I would call it random <em>daily</em> video but its not at all daily...</p>
                 <br/> 

static/blog/style.css

@@ -150,11 +150,4 @@ main:nth-of-type(1), .mainDiv {
 .note {
     color: darkgray;
     font-size: 1rem;
-}
-
-video {
-    width: 95%;
-    max-height: 90vh;
-    border: 2px limegreen solid;
-    z-index: 5;
 }

static/index.html

@@ -80,7 +80,6 @@
         <!-- <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>
         <hr>
         <h1>Socials</h1>

static/style.css

@@ -308,9 +308,15 @@ video {
     max-height: 90vh;
     border: 2px rgb(125, 100, 155) solid;
     border-radius: 15px;
+    transition: all 5s cubic-bezier(0.39, 0.575, 0.565, 1);
     z-index: 5;
 }
 
+video:active {
+    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
+    border-color: rgb(225, 150, 255);
+}
+
 sup {
     color: gray;
 }