Compare commits

..

2 commits

Author SHA1 Message Date
43eec03edd style: remove rounded borders on cards
All checks were successful
Deploy Blog / deploy (push) Successful in 1m29s
2025-07-20 19:15:26 +01:00
935aceb794 style: use semibold for headers 2025-07-20 18:47:32 +01:00
5 changed files with 214 additions and 214 deletions

View file

@ -14,7 +14,7 @@ const PostListing = ({ posts, title, showAllButton }) => {
return ( return (
<> <>
<div className="mb-5 "> <div className="mb-5 ">
<h2 className="scroll-m-20 text-2xl font-bold lg:text-2xl border-b pb-3"> <h2 className="scroll-m-20 text-2xl font-semibold lg:text-2xl border-b pb-3">
{title} {title}
</h2> </h2>
</div> </div>
@ -27,9 +27,9 @@ const PostListing = ({ posts, title, showAllButton }) => {
> >
<Card <Card
key={post.slug} key={post.slug}
className="flex flex-col h-full hover:bg-primary/5 py-4 px-0" className="flex flex-col h-full hover:bg-primary/5 py-4 rounded-none"
> >
<CardHeader className="px-4 md:px-6"> <CardHeader className="">
<CardTitle className="leading-snug font-semibold "> <CardTitle className="leading-snug font-semibold ">
{post.title} {post.title}
</CardTitle> </CardTitle>

View file

@ -5,7 +5,7 @@ const AboutPage = () => {
return ( return (
<MainTemplate> <MainTemplate>
<div className="mb-5 "> <div className="mb-5 ">
<h2 className="scroll-m-20 text-2xl font-bold lg:text-2xl border-b pb-3"> <h2 className="scroll-m-20 text-2xl font-semibold lg:text-2xl border-b pb-3">
About About
</h2> </h2>
</div> </div>

View file

@ -9,9 +9,9 @@ const HomePage = () => {
const { posts } = usePosts() const { posts } = usePosts()
return ( return (
<MainTemplate> <MainTemplate>
<Card className="mb-8"> <Card className="mb-8 rounded-none">
<CardHeader> <CardHeader>
<h1 className="scroll-m-20 text-left text-3xl font-bold text-balance"> <h1 className="scroll-m-20 text-left text-3xl font-semibold">
Another software engineer with a blog Another software engineer with a blog
</h1> </h1>
</CardHeader> </CardHeader>

View file

@ -61,7 +61,7 @@ const PostsPage = () => {
return ( return (
<MainTemplate> <MainTemplate>
<div className="mb-5 "> <div className="mb-5 ">
<h2 className="scroll-m-20 text-2xl font-bold lg:text-2xl border-b pb-3"> <h2 className="scroll-m-20 text-2xl font-semibold lg:text-2xl border-b pb-3">
All posts All posts
</h2> </h2>
</div> </div>
@ -75,7 +75,7 @@ const PostsPage = () => {
> >
<Card <Card
key={post.slug} key={post.slug}
className="flex flex-col h-full hover:bg-primary/5 py-4 px-0" className="flex flex-col h-full hover:bg-primary/5 py-4 px-0 rounded-none"
> >
<CardHeader> <CardHeader>
<CardTitle className="leading-snug font-semibold"> <CardTitle className="leading-snug font-semibold">

View file

@ -17,7 +17,7 @@ const BlogTemplate = () => {
) : ( ) : (
<> <>
<div className="mb-5"> <div className="mb-5">
<h2 className="text-2xl font-bold lg:text-2xl border-b pb-3"> <h2 className="text-2xl font-semibold lg:text-2xl border-b pb-3">
{post?.title} {post?.title}
</h2> </h2>
</div> </div>