47 lines
2 KiB
JavaScript
47 lines
2 KiB
JavaScript
class Footer extends HTMLElement {
|
|
constructor() {
|
|
super();
|
|
this.innerHTML = `
|
|
<footer>
|
|
<div id="blueBar"></div>
|
|
<div id="footerContent">
|
|
<div>
|
|
<a href="/datenschutzerklaerung.html">Datenschutzerklä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äge:</h3>
|
|
<jl-footer_blog></jl-footer_blog>
|
|
</div>
|
|
<div class="center">
|
|
<p class="center">
|
|
<a href="https://www.instagram.com/jonasled1/" aria-label="Instagram">
|
|
<jl-svg data-name="instagram"></jl-svg>
|
|
</a>
|
|
|
|
<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);
|