Jonas Freitas

Assistente IA

Olá! 👋 Sou Jonas Freitas, e este é meu assistente IA alimentado pelo Google Gemini. Estou aqui para te ajudar a conhecer melhor minhas habilidades, experiência profissional, serviços e tecnologias de forma inteligente e conversacional.

💡 Sugestões de perguntas:

Pressione Enter para enviar, Shift + Enter para nova linha

,

${text} `; } aiMessages.appendChild(messageDiv); aiMessages.scrollTop = aiMessages.scrollHeight; if (component) { setTimeout(() => { const componentContainer = messageDiv.querySelector(`[id^="ai-component-"]`); if (componentContainer) { renderComponent(component, componentContainer); } }, 300); } }; const addTypingIndicator = () => { const typingDiv = document.createElement('div'); typingDiv.id = 'typing-indicator'; typingDiv.className = 'flex gap-3 items-start'; typingDiv.innerHTML = ` Jonas Freitas

`; aiMessages.appendChild(typingDiv); aiMessages.scrollTop = aiMessages.scrollHeight; }; const removeTypingIndicator = () => { const typingIndicator = document.getElementById('typing-indicator'); if (typingIndicator) { typingIndicator.remove(); } }; const renderComponent = (componentType, container) => { const t = data.translations[currentLang]; switch(componentType) { case 'tech-stack': if (t.techStack && t.techStack.items) { container.innerHTML = `

${t.techStack.items.slice(0, 8).map(item => `

${item.name} `).join('')} `; } break; case 'experience': const recentJobs = t.experience.slice(0, 3); container.innerHTML = `

${recentJobs.map(job => `

${job.company} ${job.period}
${job.title}
${job.description} `).join('')} `; break; case 'services': container.innerHTML = `
${t.services.map(service => `

${service.name}
${service.description} `).join('')} `; break; case 'about': container.innerHTML = `

${data.personalInfo.name}
${t.title}
${t.summary} `; break; case 'contact': container.innerHTML = `

$1') .replace(/\(.?)\*/g, '$1') .replace(/\n/g, '
'); addMessage(responseText, false, componentToShow); } catch (error) { console.error('Error sending message:', error); removeTypingIndicator(); addMessage(currentLang === 'pt' ? '❌ Desculpe, ocorreu um erro ao processar sua mensagem. Verifique sua API key.' : '❌ Sorry, an error occurred while processing your message. Please check your API key.', false); } aiInput.disabled = false; aiSendBtn.disabled = false; aiInput.focus(); }; // AI Mode event listeners aiModeToggle.addEventListener('click', () => { aiChatContainer.classList.remove('hidden'); aiChatContainer.classList.add('flex'); document.body.style.overflow = 'hidden'; // Render suggestions renderSuggestions(); if (!loadApiKey()) { setTimeout(() => { aiSettingsModal.classList.remove('hidden'); }, 500); } }); aiCloseBtn.addEventListener('click', () => { aiChatContainer.classList.add('hidden'); aiChatContainer.classList.remove('flex'); document.body.style.overflow = 'auto'; }); aiSendBtn.addEventListener('click', () => { handleUserMessage(aiInput.value); }); aiInput.addEventListener('keypress', (e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleUserMessage(aiInput.value); } }); // Initialize on load loadApiKey(); if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') { gsap.registerPlugin(ScrollTrigger); } const applyAnimations = () => { if (typeof gsap === 'undefined') { return; } const selectorsToKill = ['.hero-panel', '.contact-link', '.service-card', '.tech-item', '.timeline-card', '#about .glass-panel']; selectorsToKill.forEach(selector => gsap.killTweensOf(selector)); if (typeof ScrollTrigger !== 'undefined') { ScrollTrigger.getAll().forEach(trigger => trigger.kill()); } if (document.querySelector('.hero-panel')) { gsap.from('.hero-panel', { opacity: 0, y: 40, duration: 1.2, ease: 'power4.out' }); } if (document.querySelectorAll('.contact-link').length) { gsap.from('.contact-link', { opacity: 0, y: 16, duration: 0.8, ease: 'power3.out', stagger: 0.08, delay: 0.3 }); } const animateCollection = (targets, configWithScroll, fallbackConfig) => { const elements = document.querySelectorAll(targets); if (!elements.length) return; if (typeof ScrollTrigger !== 'undefined') { const { trigger: triggerSelector, start, ...animationConfig } = configWithScroll; gsap.from(targets, { ...animationConfig, scrollTrigger: { trigger: triggerSelector || targets, start: start || 'top 80%', once: true } }); } else { gsap.from(targets, fallbackConfig); } }; animateCollection('.service-card', { opacity: 0, y: 40, duration: 1, ease: 'power3.out', stagger: 0.12, trigger: '#services', start: 'top 82%' }, { opacity: 0, y: 40, duration: 1, ease: 'power3.out', stagger: 0.12, delay: 0.4 }); animateCollection('.tech-item', { opacity: 0, y: 32, duration: 0.9, ease: 'power3.out', stagger: 0.1, trigger: '#tech-stack', start: 'top 85%' }, { opacity: 0, y: 32, duration: 0.9, ease: 'power3.out', stagger: 0.1, delay: 0.5 }); if (document.querySelectorAll('.timeline-card').length) { if (typeof ScrollTrigger !== 'undefined') { gsap.utils.toArray('.timeline-card').forEach(card => { gsap.from(card, { opacity: 0, y: 48, duration: 1, ease: 'power3.out', scrollTrigger: { trigger: card, start: 'top 85%', once: true } }); }); } else { gsap.from('.timeline-card', { opacity: 0, y: 48, duration: 1, ease: 'power3.out', stagger: 0.12, delay: 0.4 }); } } animateCollection('#about .glass-panel', { opacity: 0, y: 40, duration: 1, ease: 'power3.out', trigger: '#about', start: 'top 80%' }, { opacity: 0, y: 40, duration: 1, ease: 'power3.out', delay: 0.4 }); if (typeof ScrollTrigger !== 'undefined') { ScrollTrigger.refresh(); } }; const themeToggleBtn = document.getElementById('theme-toggle'); const themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon'); const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon'); // Set initial icon based on theme if (localStorage.theme === 'dark') { themeToggleLightIcon.classList.remove('hidden'); } else { themeToggleDarkIcon.classList.remove('hidden'); } themeToggleBtn.addEventListener('click', function() { // Toggle icons themeToggleDarkIcon.classList.toggle('hidden'); themeToggleLightIcon.classList.toggle('hidden'); // Toggle theme and save to local storage if (document.documentElement.classList.contains('dark')) { document.documentElement.classList.remove('dark'); localStorage.setItem('theme', 'light'); } else { document.documentElement.classList.add('dark'); localStorage.setItem('theme', 'dark'); } }); const ICONS = { email: `${service.name}
${service.description} `; servicesContainer.appendChild(item); }); // Tech Stack const techStackContainer = document.getElementById('tech-stack-container'); techStackContainer.innerHTML = ''; if (t.techStack && t.techStack.items) { const gridLayoutClasses = [ 'md:col-span-2 md:row-span-1', // Item 1 'md:col-span-2 md:row-span-1', // Item 2 'md:col-span-1 md:row-span-2', // Item 3 (tall) 'md:col-span-2 md:row-span-1', // Item 4 'md:col-span-1 md:row-span-2', // Item 5 (tall) 'md:col-span-2 md:row-span-1', // Item 6 ]; t.techStack.items.forEach((item, index) => { const itemEl = document.createElement('div'); const layoutClass = gridLayoutClasses[index % 6]; const baseClasses = 'col-span-1 glass-tile tech-item p-6 flex flex-col items-center justify-center gap-4 text-center'; itemEl.className = `${baseClasses} ${layoutClass}`; let invertClass = item.invertInDark ? 'dark:invert' : ''; itemEl.innerHTML = ` ${item.name} `; techStackContainer.appendChild(itemEl); }); } // Experience const experienceContainer = document.getElementById('experience-container'); const experienceByYear = {}; t.experience.forEach(job => { const yearKey = job.period.split(' ')[0]; if (!experienceByYear[yearKey]) { experienceByYear[yearKey] = []; } experienceByYear[yearKey].push(job); }); const getYearValue = (year) => { const numeric = parseInt(year.replace(/\D/g, ''), 10); return Number.isNaN(numeric) ? 0 : numeric; }; const sortedYears = Object.keys(experienceByYear).sort((a, b) => getYearValue(b) - getYearValue(a)); const navHtml = `
${sortedYears.map(year => `${year}`).join('')} `; const timelineHtml = sortedYears.map((year, yearIndex) => { const jobs = experienceByYear[year]; const entriesHtml = jobs.map((job, jobIndex) => { const period = job.period.trim().endsWith('—') ? `${job.period.trim()} ${t.ui.present}` : job.period; const alignLeft = (yearIndex + jobIndex) % 2 === 0; const cardHtml = `
${period}
${job.company}
${job.title}
${job.description} `; const connectorHtml = `
`; if (alignLeft) { return `
${cardHtml} ${connectorHtml}
`; } return `

${connectorHtml} ${cardHtml} `; }).join(''); return `

${year}
${entriesHtml} `; }).join(''); experienceContainer.innerHTML = `
${navHtml}
${timelineHtml} `; if (timelineObserver) { timelineObserver.disconnect(); } const yearSections = experienceContainer.querySelectorAll('.timeline-year-group'); const navLinks = experienceContainer.querySelectorAll('.timeline-nav-item'); if (navLinks.length) { navLinks[0].classList.add('active'); navLinks.forEach(link => { link.addEventListener('click', () => { navLinks.forEach(item => item.classList.remove('active')); link.classList.add('active'); }); }); } if (yearSections.length && navLinks.length) { timelineObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const activeId = `#${entry.target.id}`; navLinks.forEach(link => { link.classList.toggle('active', link.getAttribute('href') === activeId); }); } }); }, { rootMargin: '-40% 0px -45% 0px', threshold: 0 }); yearSections.forEach(section => timelineObserver.observe(section)); } updateLangSwitcher(); requestAnimationFrame(applyAnimations); }; const setLanguage = (lang) => { currentLang = lang; localStorage.setItem('lang', lang); renderContent(); }; const updateLangSwitcher = () => { document.querySelectorAll('.lang-switcher a').forEach(el => el.classList.remove('active')); document.querySelector(`#lang-${currentLang}`).classList.add('active'); if (document.querySelector(`#mobile-lang-${currentLang}`)) { document.querySelector(`#mobile-lang-${currentLang}`).classList.add('active'); } }; ['lang-pt', 'mobile-lang-pt'].forEach(id => document.getElementById(id)?.addEventListener('click', (e) => { e.preventDefault(); setLanguage('pt'); })); ['lang-en', 'mobile-lang-en'].forEach(id => document.getElementById(id)?.addEventListener('click', (e) => { e.preventDefault(); setLanguage('en'); })); document.getElementById('footer-year').textContent = new Date().getFullYear(); renderContent(); const menuBtn = document.getElementById('menu-btn'); const mobileMenu = document.getElementById('mobile-menu'); menuBtn.addEventListener('click', () => { mobileMenu.classList.toggle('hidden'); mobileMenu.classList.toggle('flex'); }); document.querySelectorAll('.mobile-nav-link').forEach(link => { link.addEventListener('click', () => { mobileMenu.classList.add('hidden'); mobileMenu.classList.remove('flex'); }); }); const sections = document.querySelectorAll('section'); const navLinks = document.querySelectorAll('.nav-link'); const observerOptions = { root: null, rootMargin: '-50% 0px -50% 0px', threshold: 0 }; const sectionObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const id = entry.target.id; navLinks.forEach(link => { link.classList.toggle('nav-active', link.getAttribute('href') === `#${id}`); }); } }); }, observerOptions); sections.forEach(section => sectionObserver.observe(section)); });

Jonas Freitas

Configurações da API

,

${job.company}