From 543516babacd3cdfa81f2ca9cbab24d3241007ed Mon Sep 17 00:00:00 2001
From: Alex Lebens <alexanderlebens@gmail.com>
Date: Tue, 15 Jul 2025 20:36:11 -0500
Subject: [PATCH] remove SPA scripts

---
 src/components/ShareButtons.astro |  63 -------
 src/layouts/BlogPost.astro        | 296 ------------------------------
 src/layouts/Layout.astro          | 223 ----------------------
 src/pages/404.astro               |  60 ------
 src/pages/about.astro             | 101 ----------
 src/pages/blog/[...slug].astro    |  43 -----
 src/pages/blog/index.astro        |  53 ------
 src/pages/index.astro             |  54 ------
 src/pages/topics/[tag].astro      |  95 ----------
 src/pages/topics/index.astro      |  84 ---------
 src/styles/global.css             |  17 --
 11 files changed, 1089 deletions(-)

diff --git a/src/components/ShareButtons.astro b/src/components/ShareButtons.astro
index 7956de9..8969722 100644
--- a/src/components/ShareButtons.astro
+++ b/src/components/ShareButtons.astro
@@ -107,66 +107,3 @@ const encodedUrl = encodeURIComponent(url);
     </button>
   </div>
 </div>
-
-<script>
-  // Function to handle copy link button
-  function setupCopyLinkButton() {
-    const copyButtons = document.querySelectorAll('#copy-link-button');
-
-    copyButtons.forEach((button) => {
-      button.addEventListener('click', () => {
-        // Get the current URL
-        const url = window.location.href;
-
-        // Copy to clipboard
-        navigator.clipboard
-          .writeText(url)
-          .then(() => {
-            // Show tooltip
-            const tooltip = button.querySelector('#copy-tooltip');
-            if (tooltip) {
-              tooltip.classList.add('opacity-100');
-
-              // Hide tooltip after 2 seconds
-              setTimeout(() => {
-                tooltip.classList.remove('opacity-100');
-              }, 2000);
-            }
-          })
-          .catch((err) => {
-            console.error('Failed to copy: ', err);
-          });
-      });
-    });
-  }
-
-  // Set up the copy link button when the DOM is loaded
-  document.addEventListener('DOMContentLoaded', setupCopyLinkButton);
-
-  // Also set up when the page content is updated via SPA navigation
-  document.addEventListener('astro:page-load', setupCopyLinkButton);
-
-  // For compatibility with the custom page transition system
-  document.addEventListener('page-transition-complete', setupCopyLinkButton);
-
-  // Handle SPA transitions for share links
-  function setupSpaTransitions() {
-    // Get all share links
-    const shareLinks = document.querySelectorAll('a[target="_blank"][rel="noopener noreferrer"]');
-
-    // Make sure external share links don't trigger page transitions
-    shareLinks.forEach((link) => {
-      link.setAttribute('data-spa-external', 'true');
-    });
-  }
-
-  // Initialize SPA transitions
-  document.addEventListener('DOMContentLoaded', setupSpaTransitions);
-  document.addEventListener('astro:page-load', setupSpaTransitions);
-  document.addEventListener('page-transition-complete', setupSpaTransitions);
-
-  // Dispatch custom event when share action is completed
-  function notifyShareComplete() {
-    document.dispatchEvent(new CustomEvent('share-action-complete'));
-  }
-</script>
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 30fa406..bb82439 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -85,284 +85,6 @@ try {
   <slot name="after-article" />
 </Layout>
 
-<script>
-  //  Blog post SPA transitions
-  function setupBlogPostTransitions() {
-    // Animate article entrance
-    const article = document.querySelector('article');
-    if (article) {
-      article.classList.add('article-entering');
-
-      // Remove class after animation completes
-      setTimeout(() => {
-        article.classList.remove('article-entering');
-      }, 1000);
-    }
-
-    // Ensure consistent code block styling
-    function updateCodeBlockStyles() {
-      document.querySelectorAll('pre').forEach((pre) => {
-        // Force the background color with !important for both light and dark mode
-        pre.setAttribute('style', 'background-color: #1e293b !important');
-
-        // Also apply to any nested code elements
-        const codeElements = pre.querySelectorAll('code');
-        codeElements.forEach((code) => {
-          code.setAttribute(
-            'style',
-            'background-color: transparent !important; color: #e5e7eb !important;'
-          );
-        });
-      });
-    }
-
-    // Initial application
-    updateCodeBlockStyles();
-
-    // Watch for theme changes
-    const observer = new MutationObserver(() => {
-      updateCodeBlockStyles();
-    });
-
-    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
-
-    // Also run on any content changes that might add new code blocks
-    const contentObserver = new MutationObserver((mutations) => {
-      for (const mutation of mutations) {
-        if (mutation.addedNodes.length) {
-          updateCodeBlockStyles();
-          break;
-        }
-      }
-    });
-
-    contentObserver.observe(document.body, { childList: true, subtree: true });
-
-    // Clean up observers when navigating away
-    document.addEventListener('spa-navigation-start', () => {
-      observer.disconnect();
-      contentObserver.disconnect();
-    });
-
-    // Remove the parallax effect for hero image
-
-    // Handle prev/next navigation links
-    const navLinks = document.querySelectorAll('.blog-nav-link');
-    navLinks.forEach((link) => {
-      if (!link.hasAttribute('data-spa-handled')) {
-        link.setAttribute('data-spa-handled', 'true');
-
-        link.addEventListener('mouseenter', () => {
-          link.classList.add('nav-link-hover');
-        });
-
-        link.addEventListener('mouseleave', () => {
-          link.classList.remove('nav-link-hover');
-        });
-      }
-    });
-
-    // Animate headings when they enter the viewport
-    const animateHeadings = () => {
-      const headings = document.querySelectorAll('article h2, article h3');
-
-      const observer = new IntersectionObserver(
-        (entries) => {
-          entries.forEach((entry) => {
-            if (entry.isIntersecting) {
-              entry.target.classList.add('heading-visible');
-              observer.unobserve(entry.target);
-            }
-          });
-        },
-        {
-          threshold: 0.2,
-          rootMargin: '0px 0px -100px 0px',
-        }
-      );
-
-      headings.forEach((heading) => {
-        heading.classList.add('heading-animated');
-        observer.observe(heading);
-      });
-
-      return observer;
-    };
-
-    // Initialize heading animations
-    const headingObserver = animateHeadings();
-
-    // Enhance code blocks with syntax highlighting and copy button
-    function enhanceCodeBlocks() {
-      const codeBlocks = document.querySelectorAll('pre code');
-
-      codeBlocks.forEach((codeBlock) => {
-        // Skip if already processed
-        if (codeBlock.parentElement.classList.contains('enhanced')) return;
-
-        // Mark as enhanced
-        codeBlock.parentElement.classList.add('enhanced');
-
-        // Create copy button
-        const copyButton = document.createElement('button');
-        copyButton.className = 'copy-code-button';
-        copyButton.innerHTML = `
-          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
-            <path d="M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z" />
-            <path d="M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z" />
-          </svg>
-        `;
-
-        // Add copy functionality
-        copyButton.addEventListener('click', () => {
-          const code = codeBlock.textContent;
-          navigator.clipboard.writeText(code);
-
-          // Show copied feedback
-          copyButton.innerHTML = `
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
-              <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
-            </svg>
-          `;
-
-          setTimeout(() => {
-            copyButton.innerHTML = `
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
-                <path d="M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z" />
-                <path d="M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z" />
-              </svg>
-            `;
-          }, 2000);
-        });
-
-        // Add copy button to pre element
-        codeBlock.parentElement.appendChild(copyButton);
-
-        // Fix line numbers implementation
-        const codeText = codeBlock.textContent;
-        const lines = codeText.split('\n');
-
-        const lineNumbers = document.createElement('div');
-        lineNumbers.className = 'line-numbers';
-
-        // Always include all lines, including empty ones
-        for (let i = 0; i < lines.length; i++) {
-          const lineNumber = document.createElement('span');
-          lineNumber.textContent = i + 1;
-          lineNumbers.appendChild(lineNumber);
-        }
-
-        codeBlock.parentElement.classList.add('with-line-numbers');
-        codeBlock.parentElement.insertBefore(lineNumbers, codeBlock);
-
-        // Fix language label detection and display
-        const className = codeBlock.className;
-        const languageMatch = className.match(/language-(\w+)/);
-
-        if (languageMatch && languageMatch[1]) {
-          const language = languageMatch[1];
-
-          // Add language label at top right
-          const languageLabel = document.createElement('div');
-          languageLabel.className = 'language-label';
-          languageLabel.textContent = language;
-          codeBlock.parentElement.appendChild(languageLabel);
-
-          // Add language badge at bottom right with markdown syntax
-          const languageBadge = document.createElement('div');
-          languageBadge.className = 'language-badge';
-          languageBadge.textContent = `\`\`\`${language}`;
-          languageBadge.style.position = 'absolute';
-          languageBadge.style.bottom = '0.5rem';
-          languageBadge.style.right = '0.5rem';
-          languageBadge.style.fontSize = '0.7rem';
-          languageBadge.style.padding = '0.1rem 0.3rem';
-          languageBadge.style.backgroundColor = 'rgba(75, 85, 99, 0.7)';
-          languageBadge.style.color = '#e5e7eb';
-          languageBadge.style.borderRadius = '0.25rem';
-          languageBadge.style.fontFamily =
-            'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
-          languageBadge.style.zIndex = '10';
-          codeBlock.parentElement.appendChild(languageBadge);
-        }
-      });
-    }
-
-    // Enhance tables with better styling
-    function enhanceTables() {
-      const tables = document.querySelectorAll('.markdown-content table');
-
-      tables.forEach((table) => {
-        if (table.classList.contains('enhanced-table')) return;
-
-        table.classList.add('enhanced-table');
-
-        // Wrap table in responsive container
-        const wrapper = document.createElement('div');
-        wrapper.className = 'table-container';
-        table.parentNode.insertBefore(wrapper, table);
-        wrapper.appendChild(table);
-
-        // Add zebra striping to rows
-        const rows = table.querySelectorAll('tbody tr');
-        rows.forEach((row, index) => {
-          if (index % 2 === 0) {
-            row.classList.add('even-row');
-          } else {
-            row.classList.add('odd-row');
-          }
-        });
-      });
-    }
-
-    // Enhance blockquotes with icons
-    function enhanceBlockquotes() {
-      const blockquotes = document.querySelectorAll('.markdown-content blockquote');
-
-      blockquotes.forEach((blockquote) => {
-        if (blockquote.classList.contains('enhanced-quote')) return;
-
-        blockquote.classList.add('enhanced-quote');
-
-        // Add quote icon
-        const icon = document.createElement('div');
-        icon.className = 'quote-icon';
-        icon.innerHTML = `
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
-          </svg>
-        `;
-
-        blockquote.insertBefore(icon, blockquote.firstChild);
-      });
-    }
-
-    // Run all enhancements
-    enhanceCodeBlocks();
-    enhanceTables();
-    enhanceBlockquotes();
-
-    // Clean up observers when navigating away
-    document.addEventListener('spa-navigation-start', () => {
-      if (headingObserver) {
-        headingObserver.disconnect();
-      }
-    });
-  }
-
-  // Initialize on first load
-  document.addEventListener('DOMContentLoaded', setupBlogPostTransitions);
-
-  // Re-initialize when content changes via Astro's view transitions
-  document.addEventListener('astro:page-load', setupBlogPostTransitions);
-
-  // For compatibility with custom transition system
-  document.addEventListener('page-transition-complete', setupBlogPostTransitions);
-
-  // Also initialize when SPA navigation completes
-  document.addEventListener('spa-navigation-complete', setupBlogPostTransitions);
-</script>
-
 <style>
   /* Enhanced hero image styling */
   article img:first-of-type {
@@ -376,22 +98,4 @@ try {
   article img:first-of-type:hover {
     transform: scale(1.01);
   }
-
-  /* Article entrance animation */
-  .article-entering {
-    animation: article-fade-in 0.8s ease-out forwards;
-  }
-
-  @keyframes article-fade-in {
-    from {
-      opacity: 0;
-      transform: translateY(10px);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-
-  /* Rest of the styles remain unchanged... */
 </style>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 19b7901..afd143d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -33,7 +33,6 @@ const { title, description } = Astro.props;
   >
     <!-- Page transition overlay - for smooth transitions between pages -->
     <div
-      id="page-transition"
       class="pointer-events-none fixed inset-0 z-40 flex items-center justify-center bg-white opacity-0 transition-opacity duration-300 dark:bg-zinc-900"
     >
       <div class="transition-spinner"></div>
@@ -51,201 +50,6 @@ const { title, description } = Astro.props;
     <Footer />
 
     <script>
-      // SPA transition system with history API
-      document.addEventListener('DOMContentLoaded', () => {
-        const pageTransition = document.getElementById('page-transition');
-        const mainContent = document.querySelector('main');
-
-        // Initialize content with entrance animation
-        if (mainContent) {
-          mainContent.classList.add('content-entering');
-          setTimeout(() => {
-            mainContent.classList.remove('content-entering');
-          }, 800);
-        }
-
-        // Function to load content via fetch
-        async function loadContent(url) {
-          try {
-            // Show transition overlay
-            if (pageTransition) {
-              pageTransition.classList.remove('opacity-0', 'pointer-events-none');
-              pageTransition.classList.add('opacity-100');
-            }
-
-            // Fade out current content
-            if (mainContent) {
-              mainContent.style.opacity = '0';
-              mainContent.style.transform = 'translateY(10px)';
-            }
-
-            // Fetch the new page content
-            const response = await fetch(url);
-            if (!response.ok) throw new Error(`Failed to fetch ${url}`);
-            const html = await response.text();
-
-            // Create a temporary element to parse the HTML
-            const parser = new DOMParser();
-            const doc = parser.parseFromString(html, 'text/html');
-
-            // Extract the main content
-            const newContent = doc.querySelector('main');
-            if (!newContent) throw new Error('Could not find main content in the fetched page');
-
-            // Extract the title
-            const newTitle = doc.querySelector('title');
-            if (newTitle) {
-              document.title = newTitle.textContent;
-            }
-
-            // Extract meta description
-            const newDescription = doc.querySelector('meta[name="description"]');
-            if (newDescription) {
-              const currentDescription = document.querySelector('meta[name="description"]');
-              if (currentDescription) {
-                currentDescription.setAttribute(
-                  'content',
-                  newDescription.getAttribute('content') || ''
-                );
-              }
-            }
-
-            // Wait a bit for transition effect
-            await new Promise((resolve) => setTimeout(resolve, 300));
-
-            // Replace the content
-            if (mainContent && newContent) {
-              mainContent.innerHTML = newContent.innerHTML;
-
-              // Run scripts in the new content
-              Array.from(newContent.querySelectorAll('script')).forEach((oldScript) => {
-                const newScript = document.createElement('script');
-                Array.from(oldScript.attributes).forEach((attr) => {
-                  newScript.setAttribute(attr.name, attr.value);
-                });
-                newScript.textContent = oldScript.textContent;
-                if (oldScript.parentNode) {
-                  mainContent.appendChild(newScript);
-                }
-              });
-            }
-
-            // Fade in new content with animation
-            if (mainContent) {
-              mainContent.style.opacity = '0';
-              mainContent.style.transform = 'translateY(10px)';
-
-              setTimeout(() => {
-                mainContent.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
-                mainContent.style.opacity = '1';
-                mainContent.style.transform = 'translateY(0)';
-
-                // Add entrance animation class
-                mainContent.classList.add('content-entering');
-                setTimeout(() => {
-                  mainContent.classList.remove('content-entering');
-                }, 800);
-              }, 50);
-            }
-
-            // Hide transition overlay
-            if (pageTransition) {
-              setTimeout(() => {
-                pageTransition.classList.add('opacity-0', 'pointer-events-none');
-                pageTransition.classList.remove('opacity-100');
-              }, 200);
-            }
-
-            // Dispatch custom event for content loaded
-            document.dispatchEvent(
-              new CustomEvent('spa-content-loaded', {
-                detail: { url },
-              })
-            );
-
-            // Scroll to top or to saved position
-            window.scrollTo(0, 0);
-
-            // Re-attach event listeners to new content
-            attachLinkListeners();
-          } catch (error) {
-            console.error('Error loading content:', error);
-
-            // Fallback to traditional navigation on error
-            window.location.href = url;
-          }
-        }
-
-        // Function to attach event listeners to all links
-        function attachLinkListeners() {
-          document.querySelectorAll('a').forEach((link) => {
-            // Skip links that are already handled, anchor links, external links, or have special attributes
-            if (
-              link.hasAttribute('data-spa-handled') ||
-              !link.href.startsWith(window.location.origin) ||
-              link.href.includes('#') ||
-              link.hasAttribute('target') ||
-              link.hasAttribute('download') ||
-              link.getAttribute('rel') === 'external' ||
-              link.getAttribute('rel') === 'nofollow'
-            ) {
-              return;
-            }
-
-            // Mark as handled to avoid duplicate listeners
-            link.setAttribute('data-spa-handled', 'true');
-
-            link.addEventListener('click', (e) => {
-              // Don't handle if modifier keys are pressed (for opening in new tab, etc.)
-              if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-                return;
-              }
-
-              e.preventDefault();
-              const targetHref = link.href;
-
-              // Don't transition if clicking the current page
-              if (targetHref === window.location.href) {
-                return;
-              }
-
-              // Update browser history
-              window.history.pushState({ path: targetHref }, '', targetHref);
-
-              // Load the new content
-              loadContent(targetHref);
-            });
-          });
-        }
-
-        // Initial attachment of link listeners
-        attachLinkListeners();
-
-        // Handle browser back/forward navigation
-        window.addEventListener('popstate', (e) => {
-          if (e.state && e.state.path) {
-            loadContent(e.state.path);
-          } else {
-            loadContent(window.location.href);
-          }
-        });
-
-        // Check RSS feed availability
-        const checkAndGenerateRSS = async () => {
-          try {
-            const response = await fetch('/rss.xml');
-            if (!response.ok) {
-              console.warn('RSS feed not found. Please generate it using an RSS plugin for Astro.');
-            }
-          } catch (error) {
-            console.warn('Could not check RSS feed status.');
-          }
-        };
-
-        // Check RSS feed availability
-        checkAndGenerateRSS();
-      });
-
       // Theme handling with transition effects
       function setupThemeHandling() {
         // Apply theme from localStorage or system preference
@@ -278,33 +82,6 @@ const { title, description } = Astro.props;
 </html>
 
 <style>
-  /* Page transition effects */
-  #page-transition {
-    transition: opacity 0.3s ease;
-    backdrop-filter: blur-sm(4px);
-  }
-
-  /* Transition spinner animation */
-  .transition-spinner {
-    width: 30px;
-    height: 30px;
-    border: 2px solid rgba(0, 0, 0, 0.1);
-    border-radius: 50%;
-    border-top-color: #3b82f6;
-    animation: spin 0.7s linear infinite;
-  }
-
-  :global(.dark) .transition-spinner {
-    border-color: rgba(255, 255, 255, 0.1);
-    border-top-color: #60a5fa;
-  }
-
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
   /* Content entrance animation */
   main {
     opacity: 1;
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 4ee6524..58a39f6 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -131,66 +131,6 @@ import Layout from '../layouts/Layout.astro';
     const randomFact = funFacts[Math.floor(Math.random() * funFacts.length)];
     funFactElement.textContent = randomFact;
   }
-
-  // Handle SPA transitions for 404 page
-  function setupSPATransitions() {
-    // Handle all internal links for SPA transitions
-    document.querySelectorAll('a[href^="/"]').forEach((link) => {
-      // Skip links that are anchor links, external links, or already processed
-      if (
-        link.getAttribute('href').includes('#') ||
-        link.getAttribute('target') === '_blank' ||
-        link.hasAttribute('data-spa-handled')
-      ) {
-        return;
-      }
-
-      // Mark as handled to avoid duplicate listeners
-      link.setAttribute('data-spa-handled', 'true');
-
-      link.addEventListener('click', (e) => {
-        // Don't handle if modifier keys are pressed (for opening in new tab, etc.)
-        if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-          return;
-        }
-
-        e.preventDefault();
-        const targetHref = link.getAttribute('href');
-
-        // Trigger page transition animation
-        const pageTransition = document.getElementById('page-transition');
-        if (pageTransition) {
-          pageTransition.classList.remove('opacity-0');
-          pageTransition.classList.add('opacity-100');
-
-          // Navigate after transition effect
-          setTimeout(() => {
-            window.location.href = targetHref;
-          }, 300);
-        } else {
-          // Fallback if transition element doesn't exist
-          window.location.href = targetHref;
-        }
-      });
-    });
-
-    // Re-initialize back button after SPA navigation
-    const backButton = document.getElementById('back-button');
-    if (backButton) {
-      backButton.addEventListener('click', () => {
-        window.history.back();
-      });
-    }
-  }
-
-  // Initialize on first load
-  document.addEventListener('DOMContentLoaded', setupSPATransitions);
-
-  // Re-initialize when content changes via Astro's view transitions
-  document.addEventListener('astro:page-load', setupSPATransitions);
-
-  // For compatibility with custom transition system
-  document.addEventListener('page-transition-complete', setupSPATransitions);
 </script>
 
 <style>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 8cd752d..c954c90 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -475,104 +475,3 @@ const skills = await directus.request(
     });
   });
 </script>
-
-<script>
-  // Handle SPA transitions for about page
-  function setupSPATransitions() {
-    // Handle all internal links for SPA transitions
-    document.querySelectorAll('a[href^="/"]').forEach((link) => {
-      // Skip links that are anchor links, external links, or already processed
-      if (
-        link.getAttribute('href').includes('#') ||
-        link.getAttribute('target') === '_blank' ||
-        link.hasAttribute('data-spa-handled')
-      ) {
-        return;
-      }
-
-      // Mark as handled to avoid duplicate listeners
-      link.setAttribute('data-spa-handled', 'true');
-
-      link.addEventListener('click', (e) => {
-        // Don't handle if modifier keys are pressed (for opening in new tab, etc.)
-        if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-          return;
-        }
-
-        e.preventDefault();
-        const targetHref = link.getAttribute('href');
-
-        // Trigger page transition animation
-        const pageTransition = document.getElementById('page-transition');
-        if (pageTransition) {
-          pageTransition.classList.remove('opacity-0');
-          pageTransition.classList.add('opacity-100');
-
-          // Navigate after transition effect
-          setTimeout(() => {
-            window.location.href = targetHref;
-          }, 300);
-        } else {
-          // Fallback if transition element doesn't exist
-          window.location.href = targetHref;
-        }
-      });
-    });
-
-    // Initialize animations for about page
-    function animateAboutContent() {
-      // Animate hero section elements
-      const heroElements = document.querySelectorAll('h1, .order-2 p, .social-links-container');
-      heroElements.forEach((el, index) => {
-        setTimeout(
-          () => {
-            el.classList.add('animate-reveal');
-          },
-          100 + index * 150
-        );
-      });
-
-      // Animate profile image
-      const profileImage = document.querySelector('.aspect-square');
-      if (profileImage) {
-        setTimeout(() => {
-          profileImage.classList.add('animate-reveal');
-        }, 200);
-      }
-
-      // Animate skill bars with staggered delay
-      const skillBars = document.querySelectorAll('.skill-bar');
-      skillBars.forEach((bar, index) => {
-        setTimeout(
-          () => {
-            bar.classList.add('animate-skill');
-          },
-          500 + index * 100
-        );
-      });
-
-      // Animate sections with staggered delay
-      const sections = document.querySelectorAll('section');
-      sections.forEach((section, index) => {
-        setTimeout(
-          () => {
-            section.classList.add('animate-reveal');
-          },
-          300 + index * 200
-        );
-      });
-    }
-
-    // Run animations
-    animateAboutContent();
-  }
-
-  // Initialize on first load
-  document.addEventListener('DOMContentLoaded', setupSPATransitions);
-
-  // Re-initialize when content changes via Astro's view transitions
-  document.addEventListener('astro:page-load', setupSPATransitions);
-
-  // For compatibility with custom transition system
-  document.addEventListener('page-transition-complete', setupSPATransitions);
-</script>
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index f4f448e..b01fe93 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -183,50 +183,10 @@ const { post, nextPost, prevPost } = Astro.props;
     });
   }
 
-  // Handle SPA transitions for blog post navigation
-  function setupSPATransitions() {
-    // Handle prev/next navigation links
-    document.querySelectorAll('a[href^="/blog/"]').forEach((link) => {
-      // Skip links that are anchor links or already processed
-      if (link.getAttribute('href').includes('#') || link.hasAttribute('data-spa-handled')) {
-        return;
-      }
-
-      // Mark as handled to avoid duplicate listeners
-      link.setAttribute('data-spa-handled', 'true');
-
-      link.addEventListener('click', (e) => {
-        // Don't handle if modifier keys are pressed (for opening in new tab, etc.)
-        if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-          return;
-        }
-
-        e.preventDefault();
-        const targetHref = link.getAttribute('href');
-
-        // Trigger page transition animation
-        const pageTransition = document.getElementById('page-transition');
-        if (pageTransition) {
-          pageTransition.classList.remove('opacity-0');
-          pageTransition.classList.add('opacity-100');
-
-          // Navigate after transition effect
-          setTimeout(() => {
-            window.location.href = targetHref;
-          }, 300);
-        } else {
-          // Fallback if transition element doesn't exist
-          window.location.href = targetHref;
-        }
-      });
-    });
-  }
-
   // Main initialization function
   function initializeBlogPost() {
     // Initialize remaining components
     initializeCodeCopyButtons();
-    setupSPATransitions();
 
     // Scroll to hash if present in URL
     if (window.location.hash) {
@@ -244,9 +204,6 @@ const { post, nextPost, prevPost } = Astro.props;
 
   // Re-initialize when content changes via Astro's view transitions
   document.addEventListener('astro:page-load', initializeBlogPost);
-
-  // For compatibility with custom transition system
-  document.addEventListener('page-transition-complete', initializeBlogPost);
 </script>
 
 <style>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index dad6eeb..8fcee0f 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -382,57 +382,4 @@ const allTags = [...new Set(sortedPosts.flatMap((post) => post.tags || []))];
       });
     }
   });
-
-  // SPA transition handling
-  function setupSPATransitions() {
-    // Handle all blog post links for SPA transitions
-    document.querySelectorAll('a[href^="/blog/"]').forEach((link) => {
-      // Skip links that are anchor links or already processed
-      if (link.getAttribute('href').includes('#') || link.hasAttribute('data-spa-handled')) {
-        return;
-      }
-
-      // Mark as handled to avoid duplicate listeners
-      link.setAttribute('data-spa-handled', 'true');
-
-      link.addEventListener('click', (e) => {
-        // Don't handle if modifier keys are pressed (for opening in new tab, etc.)
-        if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-          return;
-        }
-
-        e.preventDefault();
-        const targetHref = link.getAttribute('href');
-
-        // Trigger page transition animation
-        const pageTransition = document.getElementById('page-transition');
-        if (pageTransition) {
-          pageTransition.classList.remove('opacity-0');
-          pageTransition.classList.add('opacity-100');
-
-          // Navigate after transition effect
-          setTimeout(() => {
-            window.location.href = targetHref;
-          }, 300);
-        } else {
-          // Fallback if transition element doesn't exist
-          window.location.href = targetHref;
-        }
-      });
-    });
-
-    // Handle year anchor links specially
-    document.querySelectorAll('a[href^="#year-"]').forEach((anchor) => {
-      anchor.setAttribute('data-spa-internal', 'true');
-    });
-  }
-
-  // Initialize on first load
-  document.addEventListener('DOMContentLoaded', setupSPATransitions);
-
-  // Re-initialize when content changes via Astro's view transitions
-  document.addEventListener('astro:page-load', setupSPATransitions);
-
-  // For compatibility with custom transition system
-  document.addEventListener('page-transition-complete', setupSPATransitions);
 </script>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 60a15cf..223c180 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -477,58 +477,6 @@ const allTags = [...new Set(posts.flatMap((post) => post.tags || []))].slice(0,
       animateContent();
     }
   });
-
-  // SPA transition handling for homepage
-  function setupSPATransitions() {
-    // Handle all internal links for SPA transitions
-    document.querySelectorAll('a[href^="/"]').forEach((link) => {
-      // Skip links that are anchor links, external links, or already processed
-      if (
-        link.getAttribute('href').includes('#') ||
-        link.getAttribute('target') === '_blank' ||
-        link.hasAttribute('data-spa-handled')
-      ) {
-        return;
-      }
-
-      // Mark as handled to avoid duplicate listeners
-      link.setAttribute('data-spa-handled', 'true');
-
-      link.addEventListener('click', (e) => {
-        // Don't handle if modifier keys are pressed (for opening in new tab, etc.)
-        if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-          return;
-        }
-
-        e.preventDefault();
-        const targetHref = link.getAttribute('href');
-
-        // Trigger page transition animation
-        const pageTransition = document.getElementById('page-transition');
-        if (pageTransition) {
-          pageTransition.classList.remove('opacity-0');
-          pageTransition.classList.add('opacity-100');
-
-          // Navigate after transition effect
-          setTimeout(() => {
-            window.location.href = targetHref;
-          }, 300);
-        } else {
-          // Fallback if transition element doesn't exist
-          window.location.href = targetHref;
-        }
-      });
-    });
-  }
-
-  // Initialize on first load
-  document.addEventListener('DOMContentLoaded', setupSPATransitions);
-
-  // Re-initialize when content changes via Astro's view transitions
-  document.addEventListener('astro:page-load', setupSPATransitions);
-
-  // For compatibility with custom transition system
-  document.addEventListener('page-transition-complete', setupSPATransitions);
 </script>
 
 <style>
@@ -586,6 +534,4 @@ const allTags = [...new Set(posts.flatMap((post) => post.tags || []))].slice(0,
     opacity: 1 !important;
     transform: translateY(0) !important;
   }
-
-  /* Rest of your existing styles... */
 </style>
diff --git a/src/pages/topics/[tag].astro b/src/pages/topics/[tag].astro
index f46138f..720a414 100644
--- a/src/pages/topics/[tag].astro
+++ b/src/pages/topics/[tag].astro
@@ -423,98 +423,3 @@ const relatedTags = [
     }
   }
 </style>
-
-<script>
-  // Handle SPA transitions for tag pages
-  function setupSPATransitions() {
-    // Handle all internal links for SPA transitions
-    document.querySelectorAll('a[href^="/"]').forEach((link) => {
-      // Skip links that are anchor links, external links, or already processed
-      if (
-        link.getAttribute('href').includes('#') ||
-        link.getAttribute('target') === '_blank' ||
-        link.hasAttribute('data-spa-handled')
-      ) {
-        return;
-      }
-
-      // Mark as handled to avoid duplicate listeners
-      link.setAttribute('data-spa-handled', 'true');
-
-      link.addEventListener('click', (e) => {
-        // Don't handle if modifier keys are pressed (for opening in new tab, etc.)
-        if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-          return;
-        }
-
-        e.preventDefault();
-        const targetHref = link.getAttribute('href');
-
-        // Trigger page transition animation
-        const pageTransition = document.getElementById('page-transition');
-        if (pageTransition) {
-          pageTransition.classList.remove('opacity-0');
-          pageTransition.classList.add('opacity-100');
-
-          // Navigate after transition effect
-          setTimeout(() => {
-            window.location.href = targetHref;
-          }, 300);
-        } else {
-          // Fallback if transition element doesn't exist
-          window.location.href = targetHref;
-        }
-      });
-    });
-
-    // Initialize animations for tag page
-    function animateTagContent() {
-      // Animate header elements
-      const headerElements = document.querySelectorAll('h1, .tag-icon, .tag-description');
-      headerElements.forEach((el, index) => {
-        setTimeout(
-          () => {
-            el.classList.add('animate-reveal');
-          },
-          100 + index * 150
-        );
-      });
-
-      // Animate posts with staggered delay
-      const articles = document.querySelectorAll('article');
-      articles.forEach((article, index) => {
-        setTimeout(
-          () => {
-            article.classList.add('animate-reveal');
-          },
-          400 + index * 100
-        );
-      });
-
-      // Animate related tags
-      const relatedTags = document.querySelectorAll('.related-tags a');
-      relatedTags.forEach((tag, index) => {
-        setTimeout(
-          () => {
-            tag.classList.add('animate-reveal');
-          },
-          600 + index * 50
-        );
-      });
-    }
-
-    // Run animations
-    animateTagContent();
-  }
-
-  // Initialize on first load
-  document.addEventListener('DOMContentLoaded', setupSPATransitions);
-
-  // Re-initialize when content changes via Astro's view transitions
-  document.addEventListener('astro:page-load', setupSPATransitions);
-
-  // For compatibility with custom transition system
-  document.addEventListener('page-transition-complete', setupSPATransitions);
-</script>
-
-<!-- Add this at the end of your page -->
diff --git a/src/pages/topics/index.astro b/src/pages/topics/index.astro
index 354550c..aa1acc7 100644
--- a/src/pages/topics/index.astro
+++ b/src/pages/topics/index.astro
@@ -628,87 +628,3 @@ const sortedTags = [...tagObjects].sort((a, b) => b.count - a.count);
     }
   }
 </style>
-
-<script>
-  // Handle SPA transitions for tags index page
-  function setupSPATransitions() {
-    // Handle all internal links for SPA transitions
-    document.querySelectorAll('a[href^="/"]').forEach((link) => {
-      // Skip links that are anchor links, external links, or already processed
-      if (
-        link.getAttribute('href').includes('#') ||
-        link.getAttribute('target') === '_blank' ||
-        link.hasAttribute('data-spa-handled')
-      ) {
-        return;
-      }
-
-      // Mark as handled to avoid duplicate listeners
-      link.setAttribute('data-spa-handled', 'true');
-
-      link.addEventListener('click', (e) => {
-        // Don't handle if modifier keys are pressed (for opening in new tab, etc.)
-        if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-          return;
-        }
-
-        e.preventDefault();
-        const targetHref = link.getAttribute('href');
-
-        // Trigger page transition animation
-        const pageTransition = document.getElementById('page-transition');
-        if (pageTransition) {
-          pageTransition.classList.remove('opacity-0');
-          pageTransition.classList.add('opacity-100');
-
-          // Navigate after transition effect
-          setTimeout(() => {
-            window.location.href = targetHref;
-          }, 300);
-        } else {
-          // Fallback if transition element doesn't exist
-          window.location.href = targetHref;
-        }
-      });
-    });
-
-    // Add hover effect for tag cards on touch devices
-    const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
-
-    if (isTouchDevice) {
-      const tagCards = document.querySelectorAll('.tag-cloud a');
-
-      tagCards.forEach((card) => {
-        card.addEventListener('touchstart', () => {
-          card.classList.add('is-touched');
-        });
-
-        card.addEventListener('touchend', () => {
-          setTimeout(() => {
-            card.classList.remove('is-touched');
-          }, 300);
-        });
-      });
-    }
-
-    // Animate tag cards with staggered delay
-    const tagCards = document.querySelectorAll('.tag-cloud a');
-    tagCards.forEach((card, index) => {
-      setTimeout(
-        () => {
-          card.classList.add('animate-reveal');
-        },
-        100 + index * 50
-      );
-    });
-  }
-
-  // Initialize on first load
-  document.addEventListener('DOMContentLoaded', setupSPATransitions);
-
-  // Re-initialize when content changes via Astro's view transitions
-  document.addEventListener('astro:page-load', setupSPATransitions);
-
-  // For compatibility with custom transition system
-  document.addEventListener('page-transition-complete', setupSPATransitions);
-</script>
diff --git a/src/styles/global.css b/src/styles/global.css
index cb2646b..397bd31 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -136,21 +136,4 @@ button {
 a.hover:hover,
 button:hover {
   transform: translateY(-2px);
-} 
-
-/* Smooth page transitions */
-.page-transition {
-  transition:
-    opacity 0.3s ease,
-    transform 0.3s ease;
-}
-
-.page-entering {
-  opacity: 0;
-  transform: translateY(10px);
-}
-
-.page-entered {
-  opacity: 1;
-  transform: translateY(0);
 }