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

18
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;
@ -36,7 +36,7 @@ const latestArticleImage = latestArticle.data.image;
Here you will find some Here you will find some
<Link href="/programming">programming projects</Link>, a small <Link href="/programming">programming projects</Link>, a small
<Link href="/photography">collection of photos</Link> <Link href="/photography">collection of photos</Link>
I'm proud of, and even a few I'm proud of, and even a few
<Link href="/articles">articles I've written</Link>. <Link href="/articles">articles I've written</Link>.
</Paragraph> </Paragraph>
@ -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"
> >
and Astro
</a>
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>