Index page introduction

This commit is contained in:
Michal Vanko 2019-12-26 08:37:15 +01:00
parent 1dd89aef87
commit a500811c53
2 changed files with 46 additions and 37 deletions

View File

@ -1,11 +1,12 @@
<script context="module"> <script context="module">
export async function preload() { // export async function preload() {
return this.redirect(302, 'portfolio') // return this.redirect(302, 'portfolio')
} // }
</script> </script>
<style> <style>
h1, figure, p { figure,
p {
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
} }
@ -30,23 +31,30 @@
p { p {
margin: 1em auto; margin: 1em auto;
} }
@media (min-width: 480px) {
h1 {
font-size: 4em;
}
}
</style> </style>
<svelte:head> <svelte:head>
<title>Sapper project template</title> <title>michalvanko.dev index page</title>
</svelte:head> </svelte:head>
<h1>Great success!</h1> <header class="index-header">
<figure class="profile-pic">
<figure> <img alt="Borat" src="great-success.png" />
<img alt='Borat' src='great-success.png'>
<figcaption>HIGH FIVE!</figcaption>
</figure> </figure>
<p><strong>Try editing this file (src/routes/index.svelte) to test live reloading.</strong></p> <p class="motto">
<cite>“Let your ambition carry you.”</cite>
<span>- La Flame</span>
</p>
</header>
<p>
Hey, welcome to my personal website. My name is
<strong>Michal Vanko</strong>
and I'm a
<em>
<a href="https://en.wikipedia.org/wiki/Programmer">programmer</a>
</em>
. I'll try to share some stories and opinions about things that I'm interested
in.
</p>

View File

@ -9,6 +9,7 @@ body {
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
color: #42436a; color: #42436a;
background: #f2f6f6;
} }
h1, h1,