Home Page: Add latest blog post section

Had to convert the page from markdown to react typescript.
This commit is contained in:
Foster Hangdaan 2023-08-26 21:44:48 -04:00
parent a88c92b9f4
commit 09ba5162b8
Signed by: foster
GPG key ID: E48D7F49A852F112
2 changed files with 39 additions and 13 deletions

View file

@ -1,13 +0,0 @@
---
description: Software developer and open-source enthusiast.
---
I am a software developer, open-source enthusiast, lover of pizza, and renegade of funk. I speak fluent English and native Filipino. I also plan on learning German.
You'll most likely find me within [my lab](https://code.fosterhangdaan.com/foster){target="_blank"} tinkering with my inventions and the latest JavaScript frameworks. Other times, I help in the battle for an open web and for user privacy by contributing in the development of free and open-source software.
## Contact Me
The best method of reaching me is through my email: [foster@hangdaan.email](mailto:foster@hangdaan.email).
If you'd like an encrypted response, you can send me your GPG public key. You can find mine in the [GPG Key](/gpg-key) page.

39
index.tsx Normal file
View file

@ -0,0 +1,39 @@
export const description = "Software developer and open-source enthusiast.";
export default function({ nav }) {
const sortPosts = (a,b) => {
if (a.data.date < b.data.date) {
return 1;
} else if (a.data.date > b.data.date) {
return -1;
} else {
return 0;
}
};
return (
<>
<p>
I am a software developer, open-source enthusiast, lover of pizza, and renegade of funk. I speak fluent English and native Filipino. I also plan on learning German.
</p>
<p>
You'll most likely find me within <a href="https://code.fosterhangdaan.com/foster" target="_blank">my lab</a> tinkering with my inventions and the latest JavaScript frameworks. Other times, I help in the battle for an open web and for user privacy by contributing in the development of free and open-source software.
</p>
<h2>Contact Me</h2>
<p>
The best method of reaching me is through my email: <a href="mailto:foster@hangdaan.email">foster@hangdaan.email</a>.
</p>
<p>
If you'd like an encrypted response, you can send me your GPG public key. You can find mine in the <a href="/gpg-key">GPG Key</a> page.
</p>
<h2>Latest Blog Posts</h2>
<ul>
{nav.menu("/blog/posts").children.sort(sortPosts).slice(0,3).map(post => (
<li>
<a href={post.data.url} >{post.data.title}</a> &mdash; <time className="post-list-date">{Intl.DateTimeFormat("en-CA", { dateStyle: "long" }).format(post.data.date)}</time>
</li>
))}
</ul>
</>
);
}