Footer component

This commit is contained in:
2023-11-04 20:53:06 +01:00
parent 25795460e6
commit 58a39a8438
2 changed files with 31 additions and 0 deletions

24
src/lib/footer.svelte Normal file
View File

@@ -0,0 +1,24 @@
<script>
const year = new Date().getFullYear();
</script>
<footer>
Copyright © {year} - Kevin Midbøe ፨
<a href="https://github.com/kevinmidboe/k9e.no">View sourcecode</a>
</footer>
<style lang="scss">
footer {
position: fixed;
bottom: 0;
width: 100%;
padding: 0.35rem 0;
background-color: white;
}
@media (max-width: 500px) {
footer {
font-size: 0.9rem;
}
}
</style>

View File

@@ -0,0 +1,7 @@
<script>
import Footer from '$lib/footer.svelte';
</script>
<slot />
<Footer />