2023-07-19 21:31:30 +02:00
|
|
|
---
|
|
|
|
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';
|
|
|
|
---
|
2023-08-29 13:24:29 +02:00
|
|
|
<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>
|
|
|
|
<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>
|
2023-07-19 21:31:30 +02:00
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
|
|
|
|
</head>
|
|
|
|
<body>
|
2023-09-25 14:47:15 +02:00
|
|
|
<div class="flex flex-col fixed w-screen">
|
2023-08-22 16:07:56 +02:00
|
|
|
<Header title={SITE_TITLE} />
|
2023-09-25 14:47:15 +02:00
|
|
|
<main class="flex flex-col justify-center items-center text-center pt-48 description gap-4">
|
2023-08-29 13:24:29 +02:00
|
|
|
<div class="profile"></div>
|
|
|
|
<h1 class="text-3xl font-bold">Sindre Kjelsrud</h1>
|
2023-09-25 14:47:15 +02:00
|
|
|
<p class="md:max-w">
|
2023-08-29 13:24:29 +02:00
|
|
|
Student at Western University of Applied Sciences.
|
2023-08-22 16:07:56 +02:00
|
|
|
</p>
|
2023-08-29 13:24:29 +02:00
|
|
|
<div class="flex gap-1 social">
|
|
|
|
<a href="https://www.linkedin.com/in/sindre-kjelsrud-345583218/">
|
|
|
|
<iconify-icon icon="lucide:linkedin" width="30" height="30" />
|
|
|
|
</a>
|
|
|
|
<a href="https://github.com/SindreKjelsrud">
|
|
|
|
<iconify-icon icon="ri:github-line" width="30" height="30" />
|
|
|
|
</a>
|
|
|
|
<a href="https://www.instagram.com/SindreKjelsrud/">
|
|
|
|
<iconify-icon icon="mdi:instagram" width="30" height="30" />
|
|
|
|
</a>
|
|
|
|
<a href="https://open.spotify.com/user/kjelsrud!">
|
|
|
|
<iconify-icon icon="mdi:spotify" width="30" height="30" />
|
|
|
|
</a>
|
|
|
|
</div>
|
2023-08-22 16:07:56 +02:00
|
|
|
</main>
|
|
|
|
<Footer />
|
|
|
|
</div>
|
2023-07-19 21:31:30 +02:00
|
|
|
</body>
|
|
|
|
</html>
|
2023-08-29 13:24:29 +02:00
|
|
|
|
|
|
|
<style>
|
|
|
|
.profile {
|
|
|
|
width: 10rem;
|
|
|
|
height: 10rem;
|
|
|
|
background: url("../../public/assets/pb.jpg");
|
|
|
|
background-size: cover;
|
|
|
|
border-radius: 9999px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.profile:hover {
|
|
|
|
background-image: url("https://media.tenor.com/yheo1GGu3FwAAAAC/rick-roll-rick-ashley.gif");
|
|
|
|
}
|
|
|
|
</style>
|