2022-06-30 13:13:58 +00:00
< script lang = "ts" >
2022-07-04 12:30:43 +00:00
import { links } from './config'
import Avatar from './lib/Avatar.svelte'
2023-01-19 19:39:56 +00:00
import Matrix from './lib/icons/Matrix.svelte'
2022-07-04 12:30:43 +00:00
import GitHub from './lib/icons/GitHub.svelte'
import GitLab from './lib/icons/GitLab.svelte'
import Google from './lib/icons/Google.svelte'
import Reddit from './lib/icons/Reddit.svelte'
2022-06-30 13:13:58 +00:00
< / script >
< div >
< Avatar / >
< h1 > Hello, I'm Oskar< / h1 >
2023-05-11 20:01:23 +00:00
< p > I'm a 15yo self-taught software engineer. I use Fedora with KDE. I am currently working on the < a href = "https://librepass.medzik.dev" > LibrePass< / a > project.< / p >
2022-06-30 13:13:58 +00:00
< footer >
< a href = { links . github } >
< GitHub / >
< / a >
< a href = { links . gitlab } >
< GitLab / >
< / a >
< a href = { links . googleDevelopers } >
< Google / >
< / a >
2023-01-19 19:39:56 +00:00
< a href = { links . matrix } >
< Matrix / >
2022-06-30 13:13:58 +00:00
< / a >
< a href = { links . reddit } >
< Reddit / >
< / a >
< / footer >
< / div >
< style >
:root {
margin: 0;
padding: 0;
2022-07-04 12:30:43 +00:00
color: #f2f0ed;
2022-06-30 13:13:58 +00:00
background-color: #080a0b;
min-height: 100vh;
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-content: center;
align-items: center;
2022-07-24 12:01:50 +00:00
text-align: center;
2022-06-30 13:13:58 +00:00
2022-07-04 12:30:43 +00:00
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
'Open Sans', 'Helvetica Neue', sans-serif;
2022-06-30 13:13:58 +00:00
}
div {
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-content: center;
align-items: center;
}
h1 {
margin-bottom: 0px;
}
footer {
2022-07-24 12:01:50 +00:00
margin-top: 0.5em;
2022-06-30 13:13:58 +00:00
}
a {
2022-07-04 12:30:43 +00:00
color: #f2f0ed;
2022-06-30 13:13:58 +00:00
text-decoration: none;
}
< / style >