website/js/customElements/footer.js

class Footer extends HTMLElement {
    constructor() {
        super();
        this.innerHTML = `
            <footer>
                <div id="blueBar"></div>
                <div id="footerContent">
                    <div>
                        <a href="/datenschutzerklaerung.html">Datenschutzerkl&auml;rung</a><br>
                        <a href="/bildquellen.html">Bildquellen</a><br>
                        <a href="/impressum.html">Impressum</a><br>
                        <a href="//gitlab.jonasled.de/jonasled/website">Quellcode</a><br>
                    </div>
                    <div id="newestPost">
                        <h3>Neueste Beitr&auml;ge:</h3>
                        <jl-footer_blog></jl-footer_blog>
                    </div>
                    <div class="center">
                        <p class="center">            
                            <a href="https://www.thingiverse.com/jonasled/designs/" aria-label="Thingiverse">
                                <jl-svg data-name="3d_model"></jl-svg>
                            </a>
            
                            <a href="https://paypal.me/jonasled/" aria-label="PayPal">
                                <jl-svg data-name="paypal"></jl-svg>
                            </a>
            
                            <a href="https://matrix.to/#/@jonasled:jonasled.de" aria-label="Matrix">
                                <jl-svg data-name="matrix"></jl-svg>
                            </a>
            
                            <a href="https://twitter.com/jonasled1" aria-label="Twitter">
                                <jl-svg data-name="twitter"></jl-svg>
                            </a>
                        </p>
                    </div>
                </div>
            </footer>
        `;
    }
}

customElements.define("jl-footer", Footer);