mikkel/astro-personal-website
1
0
Fork 0
mirror of https://github.com/mikkelsvartveit/astro-personal-website.git synced 2025-12-22 11:12:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update profile picture

Browse source
This commit is contained in:
Mikkel Svartveit 2024-05-14 00:44:05 -07:00
parent 7caeb6a0c9
commit e72c78c20e
2 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/images/portrait.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 820 KiB

After

Width:  |  Height:  |  Size: 2.1 MiB

14
src/pages/index.astro
View file

@ -9,7 +9,7 @@ import portraitImage from "@assets/images/portrait.jpg";
const articles = await getCollection("blog");
const latestArticle = articles.sort(
(p2, p1) => p1.data.date.getTime() - p2.data.date.getTime(),
(p2, p1) => p1.data.date.getTime() - p2.data.date.getTime()
)[0];
const latestArticleSlug = latestArticle.slug;
const latestArticleTitle = (await latestArticle.render()).headings[0].text;
@ -56,7 +56,7 @@ const latestArticleImage = latestArticle.data.image;
src={portraitImage}
width={384}
densities={[1, 2]}
quality="mid"
quality="high"
alt="Portrait of Mikkel"
decoding="sync"
loading="eager"
@ -86,13 +86,17 @@ const latestArticleImage = latestArticle.data.image;
<a
class="underline underline-offset-1 hover:text-gray-400"
href="https://astro.build/"
target="_blank">Astro</a
target="_blank"
>
Astro
</a>
and
<a
class="underline underline-offset-1 hover:text-gray-400"
href="https://tailwindcss.com/"
target="_blank">Tailwind CSS</a
>.
target="_blank"
>
Tailwind CSS
</a>.
</p>
</footer>