alexlebens/site-profile
1
0
Fork 0
Code Issues 1 Pull Requests 2 Actions Activity

feat: reorganize blog layout

Browse Source
This commit is contained in:
Alex Lebens
2026-02-03 16:42:17 -06:00
parent 754f6a22f0
commit 1f3fed93a1
3 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/blog/index.astro
View File

@@ -5,8 +5,8 @@ import type { Post } from '@lib/directusTypes';
import directus from '@lib/directus';
import BaseLayout from '@layouts/BaseLayout.astro';
import BlogRecentCard from '@components/blog/BlogRecentCard.astro';
import BlogFeaturedArticle from '@components/blog/BlogFeaturedArticle.astro';
import BlogSelectedArticles from '@components/blog/BlogSelectedArticles.astro';
import BlogRecentArticles from '@components/blog/BlogRecentArticles.astro';
import HeroSection from '@components/ui/sections/HeroSection.astro';
import blogImg from '@images/autumn_tree.png';
@@ -18,7 +18,10 @@ const posts = await directus.request(
sort: ['-published_date'],
})
);
const selectedPosts: Post[] = posts.filter((p) => p.selected);
const selectedPosts: Post[] = posts.filter((p) => p.selected).slice(0, 4);
const recentPosts: Post[] = posts.filter(
(p) => !selectedPosts.some((selected) => selected.slug === p.slug)
).slice(0, 6);
---
<BaseLayout
@@ -42,8 +45,8 @@ const selectedPosts: Post[] = posts.filter((p) => p.selected);
>
<HeroSection title="Blog" subTitle={global.about_blog} src={blogImg} alt={global.blog_image_alt} />
<BlogRecentCard posts={posts} />
<BlogFeaturedArticle posts={selectedPosts} />
<BlogSelectedArticles posts={selectedPosts} />
<BlogRecentArticles posts={recentPosts} />
</BaseLayout>
<script>