mindapps / index.html
Guilherme Favaron
Sync: alterações recentes
117469f
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MindApps.ai — Aplicações Práticas e Open Source de IA</title>
<meta name="description" content="Ferramentas gratuitas e open source para resolver problemas reais. Cada aplicação foi criada para demonstrar implementações práticas de IA — e todas estão disponíveis para você usar e aprender. Por Guilherme Favaron.">
<link rel="stylesheet" href="style.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9JMTR66YLN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-9JMTR66YLN');
</script>
</head>
<body>
<div class="container">
<!-- Header -->
<header class="header">
<h1 class="logo"><span class="logo-mind">MINDAPPS</span><span class="logo-ai">.AI</span></h1>
<p class="tagline">Laboratório de IA Aplicada</p>
<button id="theme-toggle" class="theme-toggle" aria-label="Alternar tema">
<span class="theme-icon">☀️</span>
<span class="theme-icon">🌙</span>
<span class="theme-toggle-knob"></span>
</button>
</header>
<!-- Intro Card -->
<div class="card intro-card">
<h2>Exemplos de Aplicações Práticas de Inteligência Artificial</h2>
<p>Ferramentas gratuitas e open source para resolver problemas reais. Cada aplicação foi criada para demonstrar implementações práticas de IA — e todas estão disponíveis para você usar e aprender.</p>
<p><strong>Por Guilherme Favaron</strong> — VP de Tecnologia | ML Engineering</p>
<div class="links">
<a href="https://guilhermefavaron.com.br" target="_blank" class="btn btn-primary">Newsletter</a>
<a href="https://github.com/guifav" target="_blank" class="btn btn-secondary">GitHub</a>
<a href="https://linkedin.com/in/guilhermefavaron" target="_blank" class="btn btn-secondary">LinkedIn</a>
</div>
</div>
<!-- Stats -->
<div class="stats">
<div class="stat-item">
<span class="stat-number">20+</span>
<span class="stat-label">Aplicativos</span>
</div>
<div class="stat-item">
<span class="stat-number">100%</span>
<span class="stat-label">Open Source</span>
</div>
<div class="stat-item">
<span class="stat-number">Free</span>
<span class="stat-label">Gratuito</span>
</div>
</div>
<!-- Apps Grid -->
<div class="apps-section">
<h2 class="section-title">Produtividade & Análise</h2>
<div class="apps-grid">
<div class="app-card">
<h3>🐆 Chat Cheetah</h3>
<p>Chat com documentos via RAG</p>
<a href="https://huggingface.co/spaces/guifav/chat_cheetah/tree/main" target="_blank" class="app-link">Acessar Código →</a>
</div>
<div class="app-card">
<h3>⚖️ Jurídico AI</h3>
<p>Geração de peças jurídicas</p>
<a href="https://huggingface.co/spaces/guifav/juridico_ai" target="_blank" class="app-link">Usar App →</a>
</div>
<div class="app-card">
<h3>🦝 Resume Raccoon</h3>
<p>Análise de currículos com IA</p>
<a href="https://huggingface.co/spaces/guifav/resume_raccoon" target="_blank" class="app-link">Usar App →</a>
</div>
<div class="app-card">
<h3>📊 Data Analytics</h3>
<p>Análise de CSV com IA</p>
<a href="https://huggingface.co/spaces/guifav/data_analytics" target="_blank" class="app-link">Usar App →</a>
</div>
</div>
<h2 class="section-title">Criação de Conteúdo</h2>
<div class="apps-grid">
<div class="app-card">
<h3>🐻 Blog Bear</h3>
<p>Geração de artigos SEO</p>
<span class="app-link">Em Manutenção</span>
</div>
<div class="app-card">
<h3>🐰 Post Bunny</h3>
<p>Posts para redes sociais</p>
<span class="app-link">Em Manutenção</span>
</div>
<div class="app-card">
<h3>💡 Elisa Illuminate</h3>
<p>Criação de podcasts com IA</p>
<a href="https://huggingface.co/spaces/guifav/elisa_illuminate" target="_blank" class="app-link">Usar App →</a>
</div>
<div class="app-card">
<h3>💡 Guiga Illuminate</h3>
<p>Criação de podcasts com IA</p>
<a href="https://huggingface.co/spaces/guifav/guiga_illuminate" target="_blank" class="app-link">Usar App →</a>
</div>
<div class="app-card">
<h3>🎮 Histórias Pokemon</h3>
<p>Histórias narradas por IA</p>
<a href="https://huggingface.co/spaces/guifav/historia_pokemon/tree/main" target="_blank" class="app-link">Acessar Código →</a>
</div>
</div>
<h2 class="section-title">Áudio & Transcrição</h2>
<div class="apps-grid">
<div class="app-card">
<h3>🐱 Listen Lynx</h3>
<p>Transcrição inteligente de áudios</p>
<a href="https://huggingface.co/spaces/guifav/listen_lynx" target="_blank" class="app-link">Usar App →</a>
</div>
</div>
<h2 class="section-title">Processamento de Imagens</h2>
<div class="apps-grid">
<div class="app-card">
<h3>🐐 Image Ibex</h3>
<p>Geração com Stable Diffusion</p>
<a href="https://huggingface.co/spaces/guifav/image_ibex/tree/main" target="_blank" class="app-link">Acessar Código →</a>
</div>
<div class="app-card">
<h3>🦫 BG Beaver</h3>
<p>Remoção de fundos em lote</p>
<a href="https://huggingface.co/spaces/guifav/bg-removal" target="_blank" class="app-link">Usar App →</a>
</div>
<div class="app-card">
<h3>🐨 Clone Koala</h3>
<p>Gerador de prompts para imagens</p>
<a href="https://pharmapsychotic-clip-interrogator.hf.space/" target="_blank" class="app-link">Usar App →</a>
</div>
</div>
<h2 class="section-title">Ferramentas Especializadas</h2>
<div class="apps-grid">
<div class="app-card">
<h3>🐺 Percent Wolf</h3>
<p>Cálculos de porcentagem</p>
<span class="app-link">Em Manutenção</span>
</div>
<div class="app-card">
<h3>🦙 Chat Llama</h3>
<p>Chatbot com LLaMA 3.1</p>
<span class="app-link">Em Manutenção</span>
</div>
<div class="app-card">
<h3>📄 PDF To Markdown</h3>
<p>Conversão com OCR</p>
<a href="https://huggingface.co/spaces/guifav/pdftomd_mule/tree/main" target="_blank" class="app-link">Acessar Código →</a>
</div>
<div class="app-card">
<h3>🦡 Bypass Badger</h3>
<p>Desbloqueio de conteúdo premium</p>
<a href="https://huggingface.co/spaces/guifav/bypass_badger" target="_blank" class="app-link">Usar App →</a>
</div>
</div>
</div>
<!-- Newsletter Section -->
<div class="newsletter-section">
<h2 class="section-title">Newsletter: IA Aplicada</h2>
<div class="card">
<p><strong>Receba conteúdo técnico semanal sobre IA aplicada:</strong></p>
<ul class="newsletter-list">
<li>✓ Implementações reais com código</li>
<li>✓ Arquiteturas e decisões técnicas & estratégicas</li>
<li>✓ Cases empresariais com ROI explicados</li>
<li>✓ Tutoriais hands-on</li>
</ul>
<div class="newsletter-embed">
<iframe src="https://www.guilhermefavaron.com.br/embed" width="100%" height="320" style="border:1px solid #EEE; background:white; border-radius: 8px;" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
<!-- About Section -->
<div class="about-section">
<h2 class="section-title">Sobre o Criador</h2>
<div class="card">
<p><strong>Guilherme Favaron</strong> é VP de Tecnologia e especialista em Machine Learning Engineering com 18+ anos de experiência liderando transformações digitais.</p>
<p><strong>Track record:</strong></p>
<ul class="achievements-list">
<li>• 30M+ USD em portfolios de inovação gerenciados</li>
<li>• 100+ projetos de tecnologia liderados</li>
</ul>
<p><strong>Formação:</strong> Ciência da Computação + ML Engineering + Mestrado em IA aplicada a Vendas & Marketing</p>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<p>MindApps.ai — Laboratório de IA Aplicada</p>
<p>Todos os apps são open source e gratuitos • Criado com Python + IA</p>
<div class="h-2"></div>
<p class="footer-links">
<a href="https://guilhermefavaron.com.br" target="_blank">Newsletter</a>
<a href="https://github.com/guifav" target="_blank">GitHub</a>
<a href="https://linkedin.com/in/guilhermefavaron" target="_blank">LinkedIn</a>
</p>
</footer>
</div>
<script>
(function() {
const storageKey = 'theme-preference';
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
const toggleBtn = document.getElementById('theme-toggle');
function applyTheme(mode) {
if (mode === 'auto') {
document.body.setAttribute('data-theme', mediaQuery.matches ? 'dark' : 'light');
} else {
document.body.setAttribute('data-theme', mode);
}
}
function init() {
let saved = localStorage.getItem(storageKey);
const initial = saved ? saved : (mediaQuery.matches ? 'dark' : 'light');
applyTheme(initial);
mediaQuery.addEventListener('change', () => {
const savedPref = localStorage.getItem(storageKey);
if (!savedPref) {
applyTheme(mediaQuery.matches ? 'dark' : 'light');
}
});
toggleBtn.addEventListener('click', () => {
const current = document.body.getAttribute('data-theme') || (mediaQuery.matches ? 'dark' : 'light');
const next = current === 'dark' ? 'light' : 'dark';
localStorage.setItem(storageKey, next);
applyTheme(next);
});
}
init();
})();
</script>
<script>
(function() {
function applyLinkClasses() {
document.querySelectorAll('.app-link').forEach(function(a) {
var t = a.textContent.trim().toLowerCase();
a.classList.remove('app-link-code','app-link-maintenance');
if (t === 'acessar código →' || t === 'acessar codigo →') {
a.classList.add('app-link-code');
} else if (t === 'em manutenção' || t === 'em manutencao') {
a.classList.add('app-link-maintenance');
}
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', applyLinkClasses);
} else {
applyLinkClasses();
}
})();
</script>
</body>
</html>