Jonas_Jones/blog.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/blog.jonasjones.dev.git synced 2025-10-22 23:49:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added footer

Browse source
This commit is contained in:
J-onasJones 2024-06-07 02:00:30 +02:00
parent 08e12c45b0
commit de1111de65
2 changed files with 27 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/App.svelte
View file

@ -3,6 +3,8 @@
import routes from './routes'; import routes from './routes';
import Title from './components/Title.svelte'; import Title from './components/Title.svelte';
import Navbar from './components/Navbar.svelte'; import Navbar from './components/Navbar.svelte';
import Footer from './components/Footer.svelte';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
let showTitle = true; let showTitle = true;
@ -30,6 +32,10 @@
</div> </div>
</main> </main>
<footer>
<Footer />
</footer>
<style> <style>
@media (min-width: 640px) { @media (min-width: 640px) {

21
src/components/Footer.svelte Normal file
View 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>