Rework layout and refactors (#4)

Reviewed-on: https://git.juancman.dev/juancmandev/website/pulls/4
Co-authored-by: juancmandev <juancmandev@protonmail.com>
Co-committed-by: juancmandev <juancmandev@protonmail.com>
This commit is contained in:
juancmandev
2025-03-14 00:56:54 -04:00
committed by Juan Manzanero
parent 9b4a54f702
commit b4447f0e38
47 changed files with 161 additions and 636 deletions

View File

@@ -36,7 +36,7 @@ const { Content, remarkPluginFrontmatter: data } = await render(post);
title={data.title}
description={data.description}
>
<article class='prose prose-invert'>
<article class='prose prose-invert max-w-[800px] mx-auto'>
<h1>{data.title}</h1>
<Content components={{ ...components }} />
<hr />

View File

@@ -1,5 +1,5 @@
---
import PostItem from '@/components/post-item';
import PostItemList from '@/components/post-items-list';
import { getLangFromUrl } from '@/i18n/utils';
import Layout from '@/layouts/Layout.astro';
import { sortContentByDate } from '@/utils/sorts';
@@ -27,26 +27,12 @@ const lang = getLangFromUrl(Astro.url);
---
<Layout {...pageData}>
<section class='prose prose-invert'>
<div class='prose prose-invert max-w-[800px] mx-auto'>
<h1>{pageData.title}</h1>
<p>{pageData.description}</p>
</section>
<ul class='mt-4 flex flex-col gap-4'>
{
filterEnPosts.map(
(blogpost) =>
blogpost && (
<li>
<PostItem
type='blog'
lang={lang}
id={blogpost.id}
date={blogpost.data.date!}
title={blogpost.data.title!}
/>
</li>
)
)
}
</ul>
<PostItemList
items={filterEnPosts}
lang={lang}
/>
</div>
</Layout>