added color accents to cards, underlines to subheaders
Some checks failed
Build and Release Docker Images / build-and-push (./backend, public/Dockerfile, my-website-v2_public) (push) Failing after 21m47s
Build and Release Docker Images / build-and-push (./backend, task/Dockerfile, my-website-v2_task) (push) Failing after 23m39s
Build and Release Docker Images / build-and-push (./frontend, Dockerfile, my-website-v2_frontend) (push) Failing after 17m34s
Build and Release Docker Images / create-release (push) Has been skipped

This commit is contained in:
2025-07-31 22:45:23 -04:00
parent fb071df6e4
commit 82cf30447b
6 changed files with 38 additions and 15 deletions

View File

@@ -52,10 +52,11 @@ export default function PostPage({ data }: PageProps<PageData>) {
Featured Posts
</h2>
</div>
<div className="text-lg font-thin italic text-white mb-4 text-center flex">
<div className="text-lg font-thin italic text-white mb-4 text-center flex underline decoration-[#89b4fa] decoration-2">
Ignite the impossible
</div>
<PostCarousel posts={featuredPosts} />
<PostCarousel posts={featuredPosts} colorValue="#89b4fa" />
</section>
<section>
<div class="flex items-center gap-2 text-2xl text-white md:justify-start">
@@ -64,10 +65,10 @@ export default function PostPage({ data }: PageProps<PageData>) {
Recent Posts
</h2>
</div>
<div className="text-lg font-thin italic mb-4 text-white text-center flex">
<div className="text-lg font-thin italic mb-4 text-white text-center flex underline decoration-[#89dceb] decoration-2">
Now with 100% fresh perspective
</div>
<PostCarousel posts={recentPosts} />
<PostCarousel posts={recentPosts} colorValue="#89dceb" />
</section>
<section>
<div class="flex items-center gap-2 text-2xl text-white md:justify-start">
@@ -76,10 +77,10 @@ export default function PostPage({ data }: PageProps<PageData>) {
Popular Posts
</h2>
</div>
<div className="text-lg font-thin italic mb-4 text-white text-center flex">
<div className="text-lg font-thin italic mb-4 text-white text-center flex underline decoration-[#b4befe] decoration-2">
Content may cause uncontrollable reading
</div>
<PostCarousel posts={popularPosts} />
<PostCarousel posts={popularPosts} colorValue="#b4befe" />
</section>
</div>
);