<script>
      const menuToggle = document.querySelector('.menu-toggle');
      const nav = document.querySelector('nav');
      menuToggle.addEventListener('click', () => {
        nav.classList.toggle('active');
      });
      // Search functionality
      const searchInput = document.getElementById("search-input");
      const posts = document.querySelectorAll(".post");
      searchInput.addEventListener("input", function(event) {
        const query = event.target.value.toLowerCase();
        posts.forEach(post => {
          const title = post.querySelector("h2").textContent.toLowerCase();
          post.style.display = title.includes(query) ? "block" : "none";
        });
      });
      // Tag click functionality
      const tags = document.querySelectorAll(".tag");
      tags.forEach(tag => {
        tag.addEventListener("click", function(event) {
          event.preventDefault();
          const tagText = tag.dataset.tag.toLowerCase(); // Get tag text
          searchInput.value = tagText; // Set the search input value
          const eventInput = new Event('input'); // Trigger input event
          searchInput.dispatchEvent(eventInput); // Dispatch input event
        });
      });
      // Hide tags functionality
      const hideTagsButton = document.getElementById("hide-tags");
      const tagsContainer = document.querySelector(".tags-container");
      hideTagsButton.addEventListener("click", function() {
        tagsContainer.style.display = "flex";
      });
    </script>
    </script>
      <!-- Google tag (gtag.js) -->
      <script async src="https://www.googletagmanager.com/gtag/js?id=G-J0PY7QTKRQ"></script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-J0PY7QTKRQ');
    </script>