Sync: estilos app-link e script de classificação; ajustes no toggle

index.html

@@ -52,20 +52,15 @@
         <div class="apps-section">
             <h2 class="section-title">Produtividade & Análise</h2>
             <div class="apps-grid">
-                <div class="app-card">
-                    <h3>🦉 Audience Owl</h3>
-                    <p>Identifique audiências-alvo com IA</p>
-                    <a href="https://huggingface.co/spaces/guifav/audience_owl" target="_blank" class="app-link">Usar App →</a>
-                </div>
                 <div class="app-card">
                     <h3>🐆 Chat Cheetah</h3>
                     <p>Chat com documentos via RAG</p>
-                    <a href="https://huggingface.co/spaces/guifav/chat_cheetah" target="_blank" class="app-link">Usar App →</a>
+                    <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://juridico.ai/" target="_blank" class="app-link">Usar App →</a>
+                    <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>
@@ -84,12 +79,12 @@
                 <div class="app-card">
                     <h3>🐻 Blog Bear</h3>
                     <p>Geração de artigos SEO</p>
-                    <a href="https://huggingface.co/spaces/guifav/blog_bear" target="_blank" class="app-link">Usar App →</a>
+                    <span class="app-link">Em Manutenção</span>
                 </div>
                 <div class="app-card">
                     <h3>🐰 Post Bunny</h3>
                     <p>Posts para redes sociais</p>
-                    <a href="https://huggingface.co/spaces/guifav/post_bunny" target="_blank" class="app-link">Usar App →</a>
+                    <span class="app-link">Em Manutenção</span>
                 </div>
                 <div class="app-card">
                     <h3>💡 Elisa Illuminate</h3>
@@ -102,9 +97,9 @@
                     <a href="https://huggingface.co/spaces/guifav/guiga_illuminate" target="_blank" class="app-link">Usar App →</a>
                 </div>
                 <div class="app-card">
-                    <h3>🎮 Poke Tale</h3>
+                    <h3>🎮 Histórias Pokemon</h3>
                     <p>Histórias narradas por IA</p>
-                    <a href="https://huggingface.co/spaces/guifav/poke_tale" target="_blank" class="app-link">Usar App →</a>
+                    <a href="https://huggingface.co/spaces/guifav/historia_pokemon/tree/main" target="_blank" class="app-link">Acessar Código →</a>
                 </div>
             </div>
 
@@ -119,59 +114,39 @@
 
             <h2 class="section-title">Processamento de Imagens</h2>
             <div class="apps-grid">
-                <div class="app-card">
-                    <h3>🦅 Flash Falcon</h3>
-                    <p>Geração de imagens com FLUX.1</p>
-                    <a href="https://huggingface.co/spaces/guifav/flash_falcon" target="_blank" class="app-link">Usar App →</a>
-                </div>
                 <div class="app-card">
                     <h3>🐐 Image Ibex</h3>
                     <p>Geração com Stable Diffusion</p>
-                    <a href="https://huggingface.co/spaces/guifav/image_ibex" target="_blank" class="app-link">Usar App →</a>
+                    <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_beaver" target="_blank" class="app-link">Usar App →</a>
-                </div>
-                <div class="app-card">
-                    <h3>🦊 Photo Fox</h3>
-                    <p>Restauração de fotos</p>
-                    <a href="https://huggingface.co/spaces/guifav/photo_fox" target="_blank" class="app-link">Usar App →</a>
+                    <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://huggingface.co/spaces/guifav/clone_koala" target="_blank" class="app-link">Usar App →</a>
+                    <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>🔍 Omni Parser</h3>
-                    <p>IA que navega interfaces</p>
-                    <a href="https://huggingface.co/spaces/guifav/omni_parser" target="_blank" class="app-link">Usar App →</a>
-                </div>
                 <div class="app-card">
                     <h3>🐺 Percent Wolf</h3>
                     <p>Cálculos de porcentagem</p>
-                    <a href="https://huggingface.co/spaces/guifav/percent_wolf" target="_blank" class="app-link">Usar App →</a>
+                    <span class="app-link">Em Manutenção</span>
                 </div>
                 <div class="app-card">
                     <h3>🦙 Chat Llama</h3>
                     <p>Chatbot com LLaMA 3.1</p>
-                    <a href="https://huggingface.co/spaces/guifav/chat_llama" target="_blank" class="app-link">Usar App →</a>
+                    <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/pdf_to_markdown" target="_blank" class="app-link">Usar App →</a>
-                </div>
-                <div class="app-card">
-                    <h3>🐯 Text Tiger</h3>
-                    <p>Extração de texto de sites</p>
-                    <a href="https://huggingface.co/spaces/guifav/text_tiger" target="_blank" class="app-link">Usar App →</a>
+                    <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>
@@ -188,7 +163,7 @@
                 <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</li>
+                    <li>✓ Arquiteturas e decisões técnicas & estratégicas</li>
                     <li>✓ Cases empresariais com ROI explicados</li>
                     <li>✓ Tutoriais hands-on</li>
                 </ul>
@@ -209,11 +184,6 @@
                     <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 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>
         </div>
 
@@ -266,5 +236,25 @@
             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>

style.css

@@ -6,6 +6,8 @@
     --card-border: #e5e7eb;
     --muted: #6b7280;
     --accent: #ffbe00;
+    --success: #10b981;
+    --info: #3b82f6;
 }
 
 [data-theme="dark"] {
@@ -228,6 +230,22 @@ body {
     color: #e5ab00;
 }
 
+.app-link-code {
+    color: var(--success);
+}
+
+.app-link-code:hover {
+    color: #059669;
+}
+
+.app-link-maintenance {
+    color: var(--info);
+}
+
+.app-link-maintenance:hover {
+    color: #2563eb;
+}
+
 /* Newsletter Section */
 .newsletter-section {
     margin-bottom: 3rem;