mirror of
https://github.com/michaelrausch/michaelrausch-24.git
synced 2025-02-24 13:33:16 +00:00
147 lines
4.8 KiB
Plaintext
147 lines
4.8 KiB
Plaintext
---
|
|
import { getCollection } from "astro:content";
|
|
import Container from "@components/Container.astro";
|
|
import PageLayout from "@layouts/PageLayout.astro";
|
|
import ArrowCard from "@components/ArrowCard.astro";
|
|
import Link from "@components/Link.astro";
|
|
import { dateRange } from "@lib/utils";
|
|
import { SITE, HOME, SOCIALS } from "@consts";
|
|
import EmojiScroller from "@components/EmojiScroller.astro";
|
|
|
|
const blog = (await getCollection("blog"))
|
|
.filter(post => !post.data.draft)
|
|
.sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())
|
|
.slice(0,SITE.NUM_POSTS_ON_HOMEPAGE);
|
|
|
|
const projects = (await getCollection("projects"))
|
|
.filter(project => !project.data.draft)
|
|
.sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())
|
|
.slice(0,SITE.NUM_PROJECTS_ON_HOMEPAGE);
|
|
|
|
const allwork = (await getCollection("work"))
|
|
.sort((a, b) => new Date(b.data.dateStart).valueOf() - new Date(a.data.dateStart).valueOf())
|
|
.slice(0,SITE.NUM_WORKS_ON_HOMEPAGE);
|
|
|
|
const work = await Promise.all(
|
|
allwork.map(async (item) => {
|
|
const { Content } = await item.render();
|
|
return { ...item, Content };
|
|
})
|
|
);
|
|
|
|
---
|
|
|
|
|
|
<PageLayout title={HOME.TITLE} description={HOME.DESCRIPTION}>
|
|
<Container>
|
|
<h4 class="animate font-semibold text-black dark:text-white text-4xl font-serif">
|
|
Hi, I'm Michael <EmojiScroller/>
|
|
</h4>
|
|
<div class="space-y-16">
|
|
<section>
|
|
<article class="space-y-4">
|
|
<p class="animate">
|
|
I'm a software engineer at the University of Canterbury, working on <Link href="https://uconline.ac.nz" external>Tuihono UC | UC Online</Link>.
|
|
|
|
I specialize in full-stack development. While my primary expertise is in software engineering, I also have a strong interest in cloud infrastructure and DevOps. Based in Christchurch, New Zealand
|
|
<br/><br/>
|
|
Feel free to connect with me through any of the social media links at the bottom of this page!
|
|
</p>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="animate space-y-6">
|
|
<div class="flex flex-wrap gap-y-2 items-center justify-between">
|
|
<h5 class="font-semibold text-black dark:text-white">
|
|
Latest posts
|
|
</h5>
|
|
<Link href="/blog">
|
|
See all posts
|
|
</Link>
|
|
</div>
|
|
<ul class="flex flex-col gap-4">
|
|
{blog.map(post => (
|
|
<li>
|
|
<ArrowCard entry={post} />
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="animate space-y-6">
|
|
<div class="flex flex-wrap gap-y-2 items-center justify-between">
|
|
<h5 class="font-semibold text-black dark:text-white">
|
|
Work Experience
|
|
</h5>
|
|
<Link href="/work">
|
|
See all work
|
|
</Link>
|
|
</div>
|
|
<ul class="flex flex-col space-y-4">
|
|
{work.map(entry => (
|
|
<li>
|
|
<div class="text-sm opacity-75">
|
|
{dateRange(entry.data.dateStart, entry.data.dateEnd)}
|
|
</div>
|
|
<div class="font-semibold text-black dark:text-white">
|
|
{entry.data.company}
|
|
</div>
|
|
<div class="text-sm opacity-75">
|
|
{entry.data.role}
|
|
</div>
|
|
<article>
|
|
<entry.Content />
|
|
</article>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="animate space-y-6">
|
|
<div class="flex flex-wrap gap-y-2 items-center justify-between">
|
|
<h5 class="font-semibold text-black dark:text-white">
|
|
Recent projects
|
|
</h5>
|
|
<Link href="/projects">
|
|
See all projects
|
|
</Link>
|
|
</div>
|
|
<ul class="flex flex-col gap-4">
|
|
{projects.map(project => (
|
|
<li>
|
|
<ArrowCard entry={project} />
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="animate space-y-4">
|
|
<h5 class="font-semibold text-black dark:text-white">
|
|
Let's Connect
|
|
</h5>
|
|
<article>
|
|
<p>
|
|
If you want to get in touch with me about something or just to say hi,
|
|
reach out on social media or send me an email.
|
|
</p>
|
|
</article>
|
|
<ul class="flex flex-wrap gap-2">
|
|
{SOCIALS.map(SOCIAL => (
|
|
<li class="flex gap-x-2 text-nowrap">
|
|
<Link href={SOCIAL.HREF} external aria-label={`${SITE.NAME} on ${SOCIAL.NAME}`}>
|
|
{SOCIAL.NAME}
|
|
</Link>
|
|
{"/"}
|
|
</li>
|
|
))}
|
|
<li class="line-clamp-1">
|
|
<Link href={`mailto:${SITE.EMAIL}`} aria-label={`Email ${SITE.NAME}`} confetti>
|
|
{SITE.EMAIL}
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</Container>
|
|
</PageLayout>
|