Claude tried

.gitignore

@@ -9,3 +9,4 @@
 /resources/_gen/*
 .hugo_build.lock
 
+.idea/

static/css/background.css

@@ -2,10 +2,9 @@
     background-image: url("/img/webb-dark.png");
     position: absolute;
     top: 0;
-    bottom: 0;
     left: 0;
     width: 100%;
-    height: 200%;
+    height: 100%;
     overflow-y: hidden;
     z-index: -1;
 

themes/clortox/layouts/partials/head.html

@@ -14,6 +14,24 @@
         {{ partialCached "math.html" . }}
     {{ end }}
 
+    <
+
+    <meta name="description" content="Software Engineer, aspiring polymath"/>
+
+    <meta property="og:title" content="{{ if .Title }}{{ .Title }}{{ else }}Tylers Perkins - Software Engineer{{ end }}" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="{{ .Permalink }}" />
+    <meta property="og:image" content="https://opengraph.b-cdn.net/production/images/d8998659-0129-4808-b73c-67797d3fe7ac.jpg?token=X4ji3MDnTCq9oofsKJXYRPV4nIaynTNQmWu0UpE8vaE&height=460&width=460&expires=33281091161">
+    <meta property="og:description" content="Software Engineer, aspiring polymath" />
+    <meta property="og:site_name" content="Tylers Perkins" />
+    <meta property="og:locale" content="en_US" />
+
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:title" content="{{ if .Title }}{{ .Title }}{{ else }}Tylers Perkins - Software Engineer{{ end }}" />
+    <meta property="twitter:description" content="Software Engineer, aspiring polymath" />
+    <meta name="twitter:image" content="https://opengraph.b-cdn.net/production/images/d8998659-0129-4808-b73c-67797d3fe7ac.jpg?token=X4ji3MDnTCq9oofsKJXYRPV4nIaynTNQmWu0UpE8vaE&height=460&width=460&expires=33281091161">
+    <meta property="twitter:image:alt" content="Tylers Perkins Profile Picture">
+    <meta property="twitter:url" content="{{ .Permalink }}" />
 
     <title>Tylers Perkins - Software Engineer</title>
 </head>

themes/clortox/static/js/script.js

@@ -6,17 +6,23 @@ window.onload = function() {
         item.addEventListener("mouseover", scramble);
     });
 
+    // Set parallax height once on load
+    let parallax = document.querySelector('.parallax');
+    if (parallax) {
+        let content = document.querySelector('#content');
+        // Set height to content height but don't go below viewport height
+        let contentHeight = content.scrollHeight;
+        let parallaxHeight = Math.max(contentHeight, window.innerHeight);
+        parallax.style.height = parallaxHeight + "px";
+
+        // Add scroll listener for parallax effect
         window.addEventListener('scroll', function() {
-        let parallax = document.querySelector('.parallax')
             let scrollPosition = window.pageYOffset;
+            // Move background down slower than scroll (creates parallax depth)
+            parallax.style.transform = 'translateY(' + scrollPosition * 0.5 + 'px)';
+        });
+    }
 
-        let newSize = (document.querySelector('#content').offsetHeight * 0.8);
-        if(newSize < window.innerHeight)
-            newSize = window.innerHeight;
-        parallax.style.height = newSize + "px";
-
-        parallax.style.transform = 'translateY(' + scrollPosition * .5 + 'px)';
-    })
     document.querySelectorAll(".typewriter").forEach(item => {
         observer.observe(item);
     });