mirror of
https://github.com/JonasunderscoreJones/blog.jonasjones.dev.git
synced 2025-10-22 21:09:20 +02:00
Added footer
This commit is contained in:
parent
08e12c45b0
commit
de1111de65
2 changed files with 27 additions and 0 deletions
|
@ -3,6 +3,8 @@
|
|||
import routes from './routes';
|
||||
import Title from './components/Title.svelte';
|
||||
import Navbar from './components/Navbar.svelte';
|
||||
import Footer from './components/Footer.svelte';
|
||||
|
||||
import { onMount } from 'svelte';
|
||||
|
||||
let showTitle = true;
|
||||
|
@ -30,6 +32,10 @@
|
|||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<Footer />
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
|
||||
@media (min-width: 640px) {
|
||||
|
|
21
src/components/Footer.svelte
Normal file
21
src/components/Footer.svelte
Normal file
|
@ -0,0 +1,21 @@
|
|||
<div class="footer">
|
||||
<p>Website by Jonas_Jones 2021 - 2024</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.footer {
|
||||
height: 1rem;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
padding-top: 0.25rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 20px;
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue