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

✨ about-page is looking good

Browse source
This commit is contained in:
Sindre Kjelsrud 2023-12-09 17:32:22 +01:00
parent e6185c93b9
commit af6588113e
4 changed files with 65 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/layouts/Layout.astro Normal file
View file

@ -0,0 +1,21 @@
---
import BaseHead from '../components/BaseHead.astro';
import SectionContainer from '../components/SectionContainer.astro';
const {frontmatter} = Astro.props;
---
<head>
<BaseHead title={frontmatter.title} description={frontmatter.description} />
</head>
<SectionContainer>
<main class="flex flex-col flex-1 mb-auto break-words mt-4">
<article>
<h1 class="text-4xl font-extrabold">{frontmatter.title}</h1>
<p class="italic mb-4">{frontmatter.description}</p>
<div class="blog">
<slot />
</div>
</article>
</main>
</SectionContainer>

14
src/pages/about.astro
View file

@ -1,14 +0,0 @@
---
import SectionContainer from '../components/SectionContainer.astro';
---
<SectionContainer>
<main class="mb-auto break-words mt-4">
<h1 class="text-4xl font-extrabold">About me</h1>
<p>Some information about me & stuff I like</p>
<a href="/tools">link to tools</a>
<p>
sidojdjosajoidsajaiodoaisoiasdosiadjoiaskflsdmklmdfsmlkfdskmdjdoasijsadkldsanlndsalnasdnlksadnklsdnlkdoasjdoasidjaoisjdoiasjdoasijdoiasjdoaijdio flex justify-center mx-auto md:gap-64 gap-4 py-5
</p>
</main>
</SectionContainer>

36
src/pages/about.md Normal file
View file

@ -0,0 +1,36 @@
---
title: 'About Me'
description: 'Some information about me & stuff I like'
layout: "../layouts/Layout.astro"
---
```js
public class Me {
private String self;
public Information info(self) {
self.name = "Sindre Kjelsrud";
self.nickname = "Sid";
self.year_born = 1999;
self.hometown = "Skedsmokorset, Viken";
self.curr_location = "Bergen, Vestlandet";
self.university = "Western University of Applied Sciences";
}
public Favourites favs(self) {
self.fav_sport = "bouldering && climbing";
self.fav_color = "purple";
self.fav_series = "Silicon Valley";
self.fav_anime = "One Piece";
self.fav_movie = "The Social Network || Ready Player One";
self.fav_animemov = "Le Sommet des Dieux";
}
public ContactInformation contact_info(self) {
self.github = "SindreKjelsrud";
self.linkedin = "Sindre Kjelsrud";
self.instagram = "sindrekjelsrud";
}
}
```

9
src/styles/global.css
View file

@ -97,4 +97,11 @@ body {
.blogtime { color: var(--light-2); }
.dark .blogtime { color: var(--dark-2); }
.dark .blogtime { color: var(--dark-2); }
/* RANDOM */
code {
display: block;
border-radius: 10px;
padding: 20px;
}