/** * Global Navigation Hub for Mintlify Docs * Injects navigation hub into Mintlify documentation */ (function() { 'use strict'; // Wait for DOM to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } function init() { // Create navigation hub container const navHub = document.createElement('div'); navHub.id = 'global-navigation-hub'; navHub.style.cssText = 'position: fixed; top: 0; left: 0; right: 0; z-index: 10000;'; document.body.insertBefore(navHub, document.body.firstChild); // Load React and navigation components loadNavigationHub(); } function loadNavigationHub() { // Create a simple navigation bar that works without React const nav = document.createElement('nav'); nav.className = 'mintlify-nav-hub'; nav.innerHTML = `

📖 Documentation

👨‍💻 Portfolio 📚 Storybook ✍️ Blog 🏛️ History

`; document.getElementById('global-navigation-hub').appendChild(nav); // Add menu toggle functionality const menuToggle = document.getElementById('nav-menu-toggle'); if (menuToggle) { menuToggle.addEventListener('click', toggleMenu); } // Add padding to body to account for fixed nav document.body.style.paddingTop = '80px'; // Add hover effects const links = nav.querySelectorAll('a'); links.forEach(link => { link.addEventListener('mouseenter', function() { this.style.background = 'rgba(244, 78, 0, 0.1)'; this.style.borderColor = 'rgba(244, 78, 0, 0.3)'; this.style.color = '#f44e00'; }); link.addEventListener('mouseleave', function() { this.style.background = 'rgba(255, 255, 255, 0.05)'; this.style.borderColor = 'rgba(255, 255, 255, 0.1)'; this.style.color = '#b8b8b8'; }); }); } function toggleMenu() { // Simple menu toggle - can be enhanced later alert('Full navigation menu coming soon! Use the links above to navigate.'); } })();

Components

Page Not Found