Fine tune image rendering

This commit is contained in:
2021-04-21 15:19:50 +02:00
parent c0aaa3047c
commit 8eba47c5ea
4 changed files with 42 additions and 34 deletions

View File

@ -4,6 +4,36 @@
// }
</script>
<svelte:head>
<title>Introduction @michalvankodev</title>
</svelte:head>
<header class="index-header">
<figure class="profile-pic">
<picture>
<source
media="(max-width: 550px)"
srcset="images/profile-picture-portrait.jpg"
/>
<img alt="My profile" src="images/profile-picture2.jpg" />
</picture>
</figure>
<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&nbsp;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>
<style>
figure,
p {
@ -30,30 +60,3 @@
font-size: 1.4em;
}
</style>
<svelte:head>
<title>Introduction @michalvankodev</title>
</svelte:head>
<header class="index-header">
<figure class="profile-pic">
<picture>
<source srcset="images/profile-picture.webp" type="image/webp" />
<img alt="My profile picture" src="images/profile-picture.jpg" />
</picture>
</figure>
<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&nbsp;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>