Agnik7/flowscript-docs-the-scripting-river-guide

1class CustomFooter extends HTMLElement {2    connectedCallback() {3        this.attachShadow({ mode: 'open' });4        this.shadowRoot.innerHTML = `5            <style>6                footer {7                    background-color: rgba(255, 255, 255, 0.8);8                }9                .dark footer {10                    background-color: rgba(17, 24, 39, 0.8);11                }12            </style>13            <footer class="border-t border-gray-200 dark:border-gray-800 py-8">14                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">15                    <div class="md:flex md:items-center md:justify-between">16                        <div class="flex justify-center md:order-2 space-x-6">17                            <a href="https://github.com/flowscript" class="text-gray-400 hover:text-gray-500">18                                <i data-feather="github"></i>19                            </a>20                            <a href="https://twitter.com/flowscript" class="text-gray-400 hover:text-gray-500">21                                <i data-feather="twitter"></i>22                            </a>23                            <a href="https://discord.gg/flowscript" class="text-gray-400 hover:text-gray-500">24                                <i data-feather="message-circle"></i>25                            </a>26                        </div>27                        <div class="mt-8 md:mt-0 md:order-1">28                            <p class="text-center text-base text-gray-500 dark:text-gray-400">29                                &copy; ${new Date().getFullYear()} FlowScript. All rights reserved.30                            </p>31                        </div>32                    </div>33                </div>34            </footer>35        `;36    }37}38customElements.define('custom-footer', CustomFooter);