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

💄 fixing styling on frontpage, footer & header

Browse source
This commit is contained in:
Sindre Kjelsrud 2023-12-09 17:28:02 +01:00
parent 964d609197
commit a58e2c893c
3 changed files with 4 additions and 8 deletions
Show stats 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 w-full py-5 fixed bottom-0 footerbg"> <footer class="flex justify-center py-5 footerbg">
{today.getFullYear()} &copy; Sindre Kjelsrud. {today.getFullYear()} &copy; Sindre Kjelsrud.
</footer> </footer>

2
src/components/Header.astro
View file

@ -11,7 +11,7 @@ import ThemeIcon from './ThemeIcon.astro';
</a> </a>
<ThemeIcon /> <ThemeIcon />
</div> </div>
<nav class="flex gap-4"> <nav class="flex gap-2">
<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>

8
src/pages/index.astro
View file

@ -1,8 +1,4 @@
--- ---
import BaseHead from '../components/BaseHead.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
import SectionContainer from '../components/SectionContainer.astro'; import SectionContainer from '../components/SectionContainer.astro';
--- ---
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script> <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
@ -11,8 +7,8 @@ import SectionContainer from '../components/SectionContainer.astro';
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script> <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
<SectionContainer> <SectionContainer>
<main class="flex flex-col justify-center items-center h-screen gap-4 description"> <main class="flex flex-col flex-1 justify-center items-center gap-4 description">
<div class="profile"></div> <div class="profile"></div> <!-- Image -->
<h1 class="text-3xl font-bold">Sindre Kjelsrud</h1> <h1 class="text-3xl font-bold">Sindre Kjelsrud</h1>
<p>Student at Western University of Applied Sciences.</p> <p>Student at Western University of Applied Sciences.</p>
<div class="flex gap-1 social"> <div class="flex gap-1 social">