DoubleD31/binary-whisperer-code-matrix

1class CustomFooter extends HTMLElement {2    connectedCallback() {3        this.attachShadow({ mode: 'open' });4        this.shadowRoot.innerHTML = `5            <style>6                :host {7                    display: block;8                    width: 100%;9                }10                footer {11                    background: var(--bg-secondary, #f3f4f6);12                    border-top: 1px solid var(--border-color, #d1d5db);13                    padding: 2rem 0;14                    margin-top: 3rem;15                }16                .footer-content {17                    max-width: 1200px;18                    margin: 0 auto;19                    padding: 0 1.5rem;20                    text-align: center;21                }22                .footer-links {23                    margin-top: 0.5rem;24                    color: var(--text-secondary, #6b7280);25                    font-size: 0.875rem;26                }27                .footer-content p {28                    margin: 0;29                    color: var(--text-primary, #1f2937);30                }31            </style>32            <footer>33                <div class="footer-content">34                    <p>© 2024 theMan - Your AI Coding Study Buddy</p>35                    <div class="footer-links">36                        <span>Made with ❤️ for coders everywhere</span>37                    </div>38                </div>39            </footer>40        `;41    }42}43 44customElements.define('custom-footer', CustomFooter);