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

💄 fixing Header & Footer components

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Footer.astro
View file

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

25
src/components/Header.astro
View file

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

3
src/consts.ts
View file

@ -1,5 +1,4 @@
// Place any global data in this file.
// 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_DESCRIPTION = 'Welcome to my website!';
export const SITE_TITLE = 'kjelsrud.dev';