sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 update styling on Header & Footer

Browse source
This commit is contained in:
Sindre Kjelsrud 2023-12-09 16:04:01 +01:00
parent fcd4ba3c56
commit 693dbbda16
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Footer.astro
View file

@ -2,6 +2,6 @@
const today = new Date(); const today = new Date();
--- ---
<footer class="flex justify-center fixed w-screen bottom-0 p-4 footerbg"> <footer class="flex justify-center w-full py-5 fixed bottom-0 footerbg">
{today.getFullYear()} &copy; Sindre Kjelsrud. {today.getFullYear()} &copy; Sindre Kjelsrud.
</footer> </footer>

10
src/components/Header.astro
View file

@ -4,17 +4,17 @@ import { SITE_TITLE } from '../consts';
import ThemeIcon from './ThemeIcon.astro'; import ThemeIcon from './ThemeIcon.astro';
--- ---
<header class="flex justify-center mx-auto md:gap-64 gap-4 py-5"> <header class="flex justify-between items-center py-5">
<div> <div>
<a class="font-bold" href="/"> <a class="text-2xl font-semibold" href="/">
{SITE_TITLE} $ ~/sidski
</a> </a>
<ThemeIcon />
</div> </div>
<nav class="flex gap-2"> <nav class="flex gap-4">
<HeaderLink href="/about">about</HeaderLink> <HeaderLink href="/about">about</HeaderLink>
<HeaderLink href="#">projects</HeaderLink> <HeaderLink href="#">projects</HeaderLink>
<HeaderLink href="#">resume</HeaderLink> <HeaderLink href="#">resume</HeaderLink>
<HeaderLink href="/blog">blog</HeaderLink> <HeaderLink href="/blog">blog</HeaderLink>
<ThemeIcon />
</nav> </nav>
</header> </header>