Spaces:

hemoyt
/

codecraft-ai-wizard

Running

Below is a **clear, opinionated, and execution-ready blueprint** to build a **DeepSeek-style coding system powered by the xAI (Grok) API**, specialized for **frontend, backend, and full-stack project generation**.

a123caa verified 10 months ago

Raw History Blame Contribute Delete

1.29 kB

document.addEventListener('DOMContentLoaded', function() {
    // Initialize tooltips
    const tooltipTriggers = document.querySelectorAll('[data-tooltip]');
    tooltipTriggers.forEach(trigger => {
        const tooltip = document.createElement('div');
        tooltip.className = 'tooltip hidden absolute z-10 bg-gray-800 text-white text-xs rounded py-1 px-2';
        tooltip.textContent = trigger.getAttribute('data-tooltip');
        trigger.appendChild(tooltip);
        
        trigger.addEventListener('mouseenter', () => {
            tooltip.classList.remove('hidden');
        });
        
        trigger.addEventListener('mouseleave', () => {
            tooltip.classList.add('hidden');
        });
    });

    // Smooth scrolling for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            document.querySelector(this.getAttribute('href')).scrollIntoView({
                behavior: 'smooth'
            });
        });
    });
});

// Dark mode toggle (if implemented)
function toggleDarkMode() {
    document.documentElement.classList.toggle('dark');
    localStorage.setItem('darkMode', document.documentElement.classList.contains('dark'));
}

	document.addEventListener('DOMContentLoaded', function() {
	// Initialize tooltips
	const tooltipTriggers = document.querySelectorAll('[data-tooltip]');
	tooltipTriggers.forEach(trigger => {
	const tooltip = document.createElement('div');
	tooltip.className = 'tooltip hidden absolute z-10 bg-gray-800 text-white text-xs rounded py-1 px-2';
	tooltip.textContent = trigger.getAttribute('data-tooltip');
	trigger.appendChild(tooltip);

	trigger.addEventListener('mouseenter', () => {
	tooltip.classList.remove('hidden');
	});

	trigger.addEventListener('mouseleave', () => {
	tooltip.classList.add('hidden');
	});
	});

	// Smooth scrolling for anchor links
	document.querySelectorAll('a[href^="#"]').forEach(anchor => {
	anchor.addEventListener('click', function (e) {
	e.preventDefault();
	document.querySelector(this.getAttribute('href')).scrollIntoView({
	behavior: 'smooth'
	});
	});
	});
	});

	// Dark mode toggle (if implemented)
	function toggleDarkMode() {
	document.documentElement.classList.toggle('dark');
	localStorage.setItem('darkMode', document.documentElement.classList.contains('dark'));
	}