Test

lochlanmcelroy · lochlanmcelroy · commit d55b7eda4eb7 · 2025-06-25T17:37:44.000-05:00
diff --git a/favicon.ico b/favicon.ico
diff --git a/favicon.svg b/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <rect width="32" height="32" fill="#000000"/>
+  <text x="16" y="24" font-family="monospace" font-size="20" text-anchor="middle" fill="#2ee0c1">K</text>
+</svg>
diff --git a/index.html b/index.html
@@ -3,6 +3,8 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <link rel="alternate icon" href="/favicon.ico">
     <title>Lochlan McElroy | Portfolio</title>
     <link rel="preconnect" href="https://fonts.googleapis.com"/>
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
@@ -155,6 +157,7 @@ <h2>WRAVEN: Student-run cybersecurity group @ WMU</h2>
         <p style="margin: 0; font-family: var(--font-mono); text-align: center;">&copy; <span id="currentYear"></span> Lochlan McElroy. All rights reserved.</p>
     </footer>
 
+    <script src="/scroll-fix.js"></script>
     <script src="/script1.js"></script>
     <script src="/script2.js"></script>
 </body>
diff --git a/scroll-fix.js b/scroll-fix.js
@@ -0,0 +1,44 @@
+// Prevent auto-scroll to terminal on page load while allowing scripts to run
+(function() {
+    let preventScrolling = true;
+    let initialLoad = true;
+    
+    // Override focus to prevent auto-scroll during initial load
+    const originalFocus = HTMLElement.prototype.focus;
+    HTMLElement.prototype.focus = function(options) {
+        if (preventScrolling && initialLoad) {
+            // Call focus but prevent scrolling during initial load
+            return originalFocus.call(this, { preventScroll: true });
+        }
+        return originalFocus.call(this, options);
+    };
+    
+    // Ensure we start at the top
+    const ensureTopPosition = () => {
+        if (initialLoad) {
+            window.scrollTo(0, 0);
+            document.documentElement.scrollTop = 0;
+            document.body.scrollTop = 0;
+        }
+    };
+    
+    // Handle immediate scroll prevention
+    document.addEventListener('DOMContentLoaded', function() {
+        ensureTopPosition();
+        
+        // Continue preventing scroll for a short time to let scripts initialize
+        setTimeout(() => {
+            preventScrolling = false;
+            ensureTopPosition(); // One more time after scripts have loaded
+        }, 500);
+    });
+    
+    // Final cleanup after full page load
+    window.addEventListener('load', function() {
+        setTimeout(() => {
+            initialLoad = false;
+            HTMLElement.prototype.focus = originalFocus; // Restore original focus
+            ensureTopPosition(); // Final position correction
+        }, 100);
+    });
+})();
diff --git a/style.css b/style.css
@@ -1,4 +1,4 @@
-        *, *::before, *::after {
+*, *::before, *::after {
             box-sizing: border-box;
             margin: 0;
             padding: 0;
@@ -24,6 +24,8 @@
             line-height: 1.5;
             font-size: 16px;
             overflow-x: hidden;
+            /* Ensure page starts at top */
+            scroll-behavior: smooth;
         }
         h1,h2,h3,h4,h5,h6 {
             font-family: var(--font-mono);
@@ -276,6 +278,8 @@
             font-family: var(--font-mono);
             font-size: 0.9rem;
             outline: none;
+            /* Prevent automatic focusing on load */
+            -webkit-user-modify: read-write-plaintext-only;
         }
 
         @keyframes blink {
