michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Index page introduction

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/routes/index.svelte
View File

@ -1,52 +1,60 @@
<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,
text-align: center; p {
margin: 0 auto; text-align: center;
} margin: 0 auto;
}
h1 { h1 {
font-size: 2.8em; font-size: 2.8em;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;
} }
figure { figure {
margin: 0 0 1em 0; margin: 0 0 1em 0;
} }
img { img {
width: 100%; width: 100%;
max-width: 400px; max-width: 400px;
margin: 0 0 1em 0; margin: 0 0 1em 0;
} }
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">
<img alt="Borat" src="great-success.png" />
</figure>
<figure> <p class="motto">
<img alt='Borat' src='great-success.png'> <cite>“Let your ambition carry you.”</cite>
<figcaption>HIGH FIVE!</figcaption> <span>- La Flame</span>
</figure> </p>
</header>
<p><strong>Try editing this file (src/routes/index.svelte) to test live reloading.</strong></p> <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>

1
static/global.css
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,