💄 fixing Header & Footer components

This commit is contained in:
sindrekjelsrud 2023-08-01 20:16:34 +02:00
parent 185f93df73
commit cf180f2eb9
3 changed files with 10 additions and 20 deletions

View file

@ -3,7 +3,7 @@ const today = new Date();
--- ---
<footer> <footer>
&copy; {today.getFullYear()} YOUR NAME HERE. All rights reserved. {today.getFullYear()} &copy; Sindre Kjelsrud.
</footer> </footer>
<style> <style>
footer { footer {

View file

@ -3,23 +3,14 @@ import HeaderLink from './HeaderLink.astro';
import { SITE_TITLE } from '../consts'; import { SITE_TITLE } from '../consts';
--- ---
<header> <header class="flex justify-center gap-24 mb-12">
<h2> <a class="font-bold" href="/">
{SITE_TITLE} {SITE_TITLE}
</h2> </a>
<nav> <nav>
<HeaderLink href="/">Home</HeaderLink> <HeaderLink href="/about">about</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink> <HeaderLink href="/projects">projects</HeaderLink>
<HeaderLink href="/about">About</HeaderLink> <HeaderLink href="/resume">resume</HeaderLink>
<HeaderLink href="https://twitter.com/astrodotbuild" target="_blank">Twitter</HeaderLink> <HeaderLink href="/blog">blog</HeaderLink>
<HeaderLink href="https://github.com/withastro/astro" target="_blank">GitHub</HeaderLink>
</nav> </nav>
</header> </header>
<style>
header {
margin: 0em 0 2em;
}
h2 {
margin: 0.5em 0;
}
</style>

View file

@ -1,5 +1,4 @@
// Place any global data in this file. // Place any global data in this file.
// You can import this data from anywhere in your site by using the `import` keyword. // You can import this data from anywhere in your site by using the `import` keyword.
export const SITE_TITLE = 'My personal website.'; export const SITE_TITLE = 'kjelsrud.dev';
export const SITE_DESCRIPTION = 'Welcome to my website!';