footer.html

    <footer id="footer">
        <div class="footer-menu">
            <div class="footer-logo">
                <a href="/">
                    <img src="/img/AsahiLinux_logomark.svg" class="logo" alt="Asahi Linux logo">
                </a>
                <span class="license">Licensed under CC BY-SA 4.0</span>
                <span class="disclaimer">Linux® is the registered trademark of Linus Torvalds in the U.S. and other countries. All other product names, logos, and brands are property of their respective owners.</span>
            </div>
            <div class="footer-links">
                <ul class="footer-services">
                    <li><a href="https://social.treehouse.systems/@AsahiLinux"><i class="fab fa-mastodon"></i></a></li>
                    <li><a href="https://github.com/AsahiLinux"><i class="fab fa-github"></i></a></li>
                    <li><a href="https://www.patreon.com/marcan"><i class="fab fa-patreon"></i></a></li>
                </ul>
                <ul class="footer-menu-container">
                    <li><a href="/about">About</a></li>
                    <li><a href="/code-of-conduct">Code of Conduct</a></li>
                    <li><a href="/copyright">Copyright policy</a></li>
                </ul>
            </div>
        </div>
    </footer>
    <!-- JavaScript code -->
    <script>
        var btn = document.getElementById("copy-button");
        btn.onmouseover = function(e) {
            btn.firstChild.classList.remove("fa-check");
            btn.firstChild.classList.add("fa-clipboard");
        }
        btn.onclick = function(e) {
            var text = document.getElementById("curl");
            window.getSelection().selectAllChildren(text);
            navigator.clipboard.writeText(text.textContent);
            btn.firstChild.classList.add("fa-check");
            btn.firstChild.classList.remove("fa-clipboard");
            e.preventDefault();
        };
    </script>
</body>
</html>