Home Page: Add latest blog post section
Had to convert the page from markdown to react typescript.
This commit is contained in:
parent
a88c92b9f4
commit
09ba5162b8
2 changed files with 39 additions and 13 deletions
13
index.md
13
index.md
|
@ -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
39
index.tsx
Normal 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> — <time className="post-list-date">{Intl.DateTimeFormat("en-CA", { dateStyle: "long" }).format(post.data.date)}</time>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</>
|
||||
);
|
||||
}
|
Loading…
Reference in a new issue