42 lines
1.4 KiB
Plaintext
42 lines
1.4 KiB
Plaintext
---
|
|
import BlogProjectCard from "../components/misc/BlogProjectCard.astro";
|
|
import Divider from "../components/misc/Divider.astro";
|
|
import Layout from "../layouts/Layout.astro";
|
|
|
|
const projects = (await Astro.glob("./projects/**/*.{md,mdx}")).sort(
|
|
(a,b) =>
|
|
new Date(b.frontmatter.date).valueOf()-
|
|
new Date(a.frontmatter.date).valueOf()
|
|
).slice(0,5);
|
|
---
|
|
|
|
<Layout>
|
|
<main class="flex flex-col m-6 mx-auto w-5/6 sm:w-5/6 md:w-4/5 lg:w-4/5 xl:w-4/5 2xl:w-1/2">
|
|
<section>
|
|
<div class="flex flex-row">
|
|
<p class="text-5xl sm:text-5xl md:text-5xl lg:text-6xl py-1 font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-[#1f89db] to-[#f42a8b]">Hello World!</p>
|
|
<!-- <p class="text-5xl ml-1 animate-wiggle hover:animate-wiggle-infinite">👋</p> -->
|
|
</div>
|
|
<p class="text-3xl font-semibold">I'm glad you are here!</p>
|
|
<p>
|
|
Feel free to stay as long as you like. There are cool projects to explore and more to come. Stay awesome and thanks for visiting!
|
|
</p>
|
|
</section>
|
|
<Divider/>
|
|
<section>
|
|
<p class="text-2xl font-bold py-2 sm:text-2xl md:text-2xl lg:text-4xl xl:text-4xl 2xl:text-4xl">Latest Projects</p>
|
|
{
|
|
projects.map((post) => (
|
|
<BlogProjectCard
|
|
title={post.frontmatter.title}
|
|
subtitle={post.frontmatter.tagline}
|
|
image={post.frontmatter.image}
|
|
link={post.url}
|
|
/>
|
|
<Divider/>
|
|
))
|
|
}
|
|
</section>
|
|
</main>
|
|
</Layout>
|