        <footer>
            <div class="footer-content">
                <div class="footer-brand">
                    <span class="footer-logo">◆ CyberMind_</span>
                    <span class="footer-tagline">Cybersécurité • Embarqué • Formation</span>
                </div>
                
                <div class="footer-social">
                    <a href="https://www.linkedin.com/company/cybermindfr" target="_blank" rel="noopener" title="LinkedIn CyberMind" class="social-icon">
                        <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
                    </a>
                    <a href="https://github.com/CyberMind-FR" target="_blank" rel="noopener" title="GitHub CyberMind" class="social-icon">
                        <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
                    </a>
                    <a href="https://www.youtube.com/playlist?list=PLOM3KtkUpYguBbTFVc_rUK2qbF0qKxWLd" target="_blank" rel="noopener" title="YouTube CyberMind" class="social-icon">
                        <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
                    </a>
                    <a href="mailto:contact@cybermind.fr" title="Email" class="social-icon">
                        <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20z"/></svg>
                    </a>
                </div>
                
                <div class="footer-copy">
                    <%= theme.footer.copyright %>
                </div>
                
                <div class="footer-links">
                    <% theme.footer.links.forEach(link => { %>
                    <a href="<%= url_for(link.url) %>"><%= link.text %></a>
                    <% }); %>
                </div>
                
                <!-- Theme info avec lien GitHub -->
                <div class="footer-theme">
                    <a href="https://github.com/CyberMind-FR/hexo-theme-cybermind" target="_blank" rel="noopener" class="theme-link">
                        <span class="theme-icon">🎨</span>
                        <span class="theme-name">Theme CyberMind</span>
                        <span class="theme-version">v4.0</span>
                    </a>
                    <span class="theme-separator">•</span>
                    <a href="https://github.com/CyberMind-FR/hexo-theme-cybermind/releases" target="_blank" rel="noopener" class="releases-link">
                        📦 Releases
                    </a>
                    <span class="theme-separator">•</span>
                    <a href="https://github.com/CyberMind-FR/hexo-theme-cybermind/blob/main/docs/CHANGELOG.md" target="_blank" rel="noopener" class="changelog-link">
                        📋 Changelog
                    </a>
                </div>
            </div>
        </footer>
        
        <style>
        footer {
            background: var(--bg-secondary);
            border-top: 1px solid var(--border-subtle);
            padding: 2rem;
        }
        
        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1.5rem;
        }
        
        .footer-brand {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.25rem;
        }
        
        .footer-logo {
            font-family: 'JetBrains Mono', monospace;
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--accent-orange);
        }
        
        .footer-tagline {
            font-size: 0.8rem;
            color: var(--text-muted);
        }
        
        .footer-social {
            display: flex;
            gap: 1rem;
        }
        
        .social-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: var(--bg-primary);
            border: 1px solid var(--border-subtle);
            border-radius: 8px;
            color: var(--text-secondary);
            transition: all 0.3s ease;
        }
        
        .social-icon:hover {
            color: var(--accent-orange);
            border-color: var(--accent-orange);
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(249, 115, 22, 0.3);
        }
        
        .footer-copy {
            font-size: 0.85rem;
            color: var(--text-muted);
            text-align: center;
        }
        
        .footer-links {
            display: flex;
            gap: 1.5rem;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .footer-links a {
            font-size: 0.85rem;
            color: var(--text-secondary);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        
        .footer-links a:hover {
            color: var(--accent-orange);
        }
        
        /* Theme info */
        .footer-theme {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding-top: 1rem;
            border-top: 1px solid var(--border-subtle);
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .theme-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.4rem 0.75rem;
            background: var(--bg-primary);
            border: 1px solid var(--border-subtle);
            border-radius: 6px;
            text-decoration: none;
            color: var(--text-secondary);
            font-size: 0.8rem;
            transition: all 0.2s ease;
        }
        
        .theme-link:hover {
            border-color: var(--accent-orange);
            color: var(--accent-orange);
        }
        
        .theme-icon {
            font-size: 1rem;
        }
        
        .theme-name {
            font-family: 'JetBrains Mono', monospace;
        }
        
        .theme-version {
            background: var(--accent-orange)20;
            color: var(--accent-orange);
            padding: 0.1rem 0.4rem;
            border-radius: 4px;
            font-size: 0.7rem;
            font-weight: 600;
        }
        
        .theme-separator {
            color: var(--border-subtle);
        }
        
        .releases-link,
        .changelog-link {
            font-size: 0.8rem;
            color: var(--text-muted);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        
        .releases-link:hover,
        .changelog-link:hover {
            color: var(--accent-orange);
        }
        
        @media (max-width: 600px) {
            .footer-social {
                gap: 0.75rem;
            }
            
            .social-icon {
                width: 36px;
                height: 36px;
            }
            
            .footer-theme {
                flex-direction: column;
                gap: 0.5rem;
            }
            
            .theme-separator {
                display: none;
            }
        }
        </style>
    </div><!-- .main-wrapper -->
    
    <%- js('js/script') %>
</body>
</html>
