No animation on videos, port video styling to blog

pageUpdater.js

@@ -92,7 +92,7 @@ function pathReplacer(html) {
     return html
 }
 
-function highlighter(json, full = true) {
+function highlighter(json, full = true, linkParent = false) {
     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) {
                 }
                 
                 if (valid) {
-                    element.children = highlighter(element.children, full)
+                    element.children = highlighter(element.children, full, linkParent || element.tagName == "a")
                 }
             }
         } else if (element.type == "text") {
@@ -205,13 +205,15 @@ function highlighter(json, full = true) {
                             var stuff = (startContent + dict.words[x] + endContent).trim()
 
                             if (!stuff.includes("span")) {
-                                var replacement = `<span ${style} ${classes} ${link}>${stuff}</span>`
+                                var replacement = `<span ${style} ${classes}>${stuff}</span>`
 
-                                if (link) {
+                                if (link && !linkParent) {
                                     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])
                             }
                         }
@@ -284,7 +286,6 @@ 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,4 +150,11 @@ 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,6 +80,7 @@
         <!-- <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,15 +308,9 @@ 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;
 }