2021-04-13 10:17:35 +02:00
|
|
|
class Footer extends HTMLElement {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.innerHTML = `
|
|
|
|
|
<footer>
|
|
|
|
|
<div id="blueBar"></div>
|
|
|
|
|
<div id="footerContent">
|
|
|
|
|
<div>
|
2021-04-13 11:29:40 +02:00
|
|
|
<a href="/datenschutzerklaerung.html">Datenschutzerklärung</a><br>
|
|
|
|
|
<a href="/bildquellen.html">Bildquellen</a><br>
|
|
|
|
|
<a href="/impressum.html">Impressum</a><br>
|
2021-08-16 16:46:40 +02:00
|
|
|
<a href="//gitlab.jonasled.de/jonasled/website">Quellcode</a><br>
|
2021-04-13 10:17:35 +02:00
|
|
|
</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/">
|
|
|
|
|
<jl-svg data-name="instagram"></jl-svg>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="https://www.thingiverse.com/jonasled/designs/">
|
|
|
|
|
<jl-svg data-name="3d_model"></jl-svg>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="https://paypal.me/jonasled/">
|
|
|
|
|
<jl-svg data-name="paypal"></jl-svg>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="https://matrix.to/#/@jonasled:jonasled.de">
|
|
|
|
|
<jl-svg data-name="matrix"></jl-svg>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="https://twitter.com/jonasled1">
|
|
|
|
|
<jl-svg data-name="twitter"></jl-svg>
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
`;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-09-09 12:50:04 +02:00
|
|
|
customElements.define("jl-footer", Footer);
|
