feat: Make Git Master logo clickable to reset app state\n\n- Wraps the logo in an <a> tag pointing to / with an aria-label for accessibility and removes text decoration.\n- Sets the cursor for h1 to pointer.\n- Intercepts clicks on the logo via JS to reset the app state (activate study mode, clear search, reset filters, scroll top) instead of reloading the page.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>

Author: totalo-dev

assets/css/style.css

@@ -140,7 +140,7 @@ h1 {
     align-items: center;
     justify-content: center;
     gap: 1rem;
-    cursor: default;
+    cursor: pointer;
     transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 

assets/js/script.js

@@ -1018,3 +1018,22 @@ themeToggle.addEventListener('click', () => {
 // Inicialização
 applyUITranslations();
 renderCards(gitCommands);
+
+document.addEventListener('DOMContentLoaded', () => {
+    const logoLink = document.getElementById('logoLink');
+    if (logoLink) {
+        logoLink.addEventListener('click', (e) => {
+            e.preventDefault();
+            // Volta pro modo estudo, limpa a busca, mostra tudo, reseta filtros
+            if (!studyModeBtn.classList.contains('active')) {
+                studyModeBtn.click();
+            }
+            if (searchInput) searchInput.value = '';
+            filterBtns.forEach(b => b.classList.remove('active'));
+            const allBtn = Array.from(filterBtns).find(b => b.getAttribute('data-filter') === 'all');
+            if (allBtn) allBtn.classList.add('active');
+            applyFilters();
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+    }
+});

index.html

@@ -27,12 +27,14 @@
         </div>
 
         <header>
+            <a href="/" id="logoLink" aria-label="Voltar para a página inicial" style="text-decoration: none; color: inherit;">
             <h1>
                 <svg class="git-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="56" height="56">
                     <path fill="currentColor" d="M125.666 60.106l-55.77-55.77c-2.886-2.888-7.568-2.888-10.458 0L37.195 26.58 52.88 42.264c2.81-1.127 6.136-.713 8.618 1.77 2.652 2.654 3.12 6.517 1.48 9.574l13.798 13.8c3.056-1.642 6.92-1.173 9.574 1.48 3.313 3.313 3.313 8.683 0 11.996-3.315 3.313-8.684 3.313-11.997 0-2.812-2.812-3.177-7.05-1.118-10.22l-12.75-12.75v27.234c1.554.896 2.82 2.378 3.447 4.195 1.134 3.284.092 7.027-2.616 9.734-3.312 3.314-8.682 3.314-11.996 0-3.313-3.313-3.313-8.683 0-11.996 2.705-2.706 6.446-3.748 9.73-2.615V55.088c-3.264-1.114-6.98-2.146-9.66-4.825-3.313-3.313-3.313-8.683 0-11.996 2.81-2.81 7.05-3.176 10.22-1.117L44.025 21.467 4.336 61.156c-2.887 2.888-2.887 7.57 0 10.458l55.772 55.77c2.887 2.888 7.568 2.888 10.457 0l55.102-55.104c2.885-2.886 2.885-7.57 0-10.457z"/>
                 </svg>
                 <span class="git-text">Git</span> Master
             </h1>
+            </a>
             <p>Seu guia interativo para dominar o versionamento de código.</p>
         </header>