mikkel/astro-personal-website
1
0
Fork 0
mirror of https://github.com/mikkelsvartveit/astro-personal-website.git synced 2025-12-22 19:22:37 +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 articles = await getCollection("blog");
const latestArticle = articles.sort( 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]; )[0];
const latestArticleSlug = latestArticle.slug; const latestArticleSlug = latestArticle.slug;
const latestArticleTitle = (await latestArticle.render()).headings[0].text; const latestArticleTitle = (await latestArticle.render()).headings[0].text;
@ -56,7 +56,7 @@ const latestArticleImage = latestArticle.data.image;
src={portraitImage} src={portraitImage}
width={384} width={384}
densities={[1, 2]} densities={[1, 2]}
quality="mid" quality="high"
alt="Portrait of Mikkel" alt="Portrait of Mikkel"
decoding="sync" decoding="sync"
loading="eager" loading="eager"
@ -86,13 +86,17 @@ const latestArticleImage = latestArticle.data.image;
<a <a
class="underline underline-offset-1 hover:text-gray-400" class="underline underline-offset-1 hover:text-gray-400"
href="https://astro.build/" href="https://astro.build/"
target="_blank">Astro</a target="_blank"
> >
Astro
</a>
and and
<a <a
class="underline underline-offset-1 hover:text-gray-400" class="underline underline-offset-1 hover:text-gray-400"
href="https://tailwindcss.com/" href="https://tailwindcss.com/"
target="_blank">Tailwind CSS</a target="_blank"
>. >
Tailwind CSS
</a>.
</p> </p>
</footer> </footer>