Skip to content

Commit 05b535c

Browse files
committed
v4
1 parent 6126ec1 commit 05b535c

File tree

6 files changed

+14
-14
lines changed

6 files changed

+14
-14
lines changed

src/components/Navbar.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@ import { Link } from 'react-router-dom';
33

44
const Navbar = () => {
55
return (
6-
<header className="bg-gray-900/80 backdrop-blur-sm sticky top-0 z-40">
6+
<header className="backdrop-blur-sm sticky top-0 z-40">
77
<div className="container mx-auto flex justify-between items-center p-4 text-white">
8-
<Link to="/" className="text-2xl font-bold tracking-tight">
8+
<Link to="/" className="text-2xl font-semibold tracking-tight">
99
My Awesome Blog
1010
</Link>
1111
<div className="flex items-center space-x-6">

src/components/PostItem.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ const PostItem = ({ slug }) => {
66
const date = 'October 15, 2025'; // Placeholder date
77

88
return (
9-
<article className="py-8 border-b border-gray-700">
9+
<article className="p-8 my-4 border border-gray-700/50 rounded-lg shadow-lg">
1010
<div className="flex items-center">
1111
<p className="text-sm text-gray-400">{date}</p>
1212
<div className="ml-4 flex-grow flex items-center">
13-
<h2 className="text-xl font-bold">
14-
<Link to={`/blog/${slug}`} className="text-white hover:text-blue-400 transition-colors">
13+
<h2 className="text-xl font-semibold">
14+
<Link to={`/blog/${slug}`} className="text-white hover:text-teal-400 transition-colors">
1515
{title}
1616
</Link>
1717
</h2>

src/components/ProjectCard.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ import { Link } from 'react-router-dom';
33

44
const ProjectCard = ({ project }) => {
55
return (
6-
<div className="bg-gray-800/50 p-6 rounded-lg shadow-lg hover:bg-gray-800/80 transition-colors">
7-
<h3 className="text-xl font-bold text-white">{project.title}</h3>
6+
<div className="bg-gray-800/50 p-6 rounded-lg shadow-lg hover:bg-gray-800/80 transition-colors border border-gray-700/50">
7+
<h3 className="text-xl font-semibold text-white">{project.title}</h3>
88
<p className="mt-2 text-gray-400">{project.description}</p>
99
<Link to={`/projects/${project.slug}`} className="mt-4 inline-block text-teal-400 hover:text-teal-500 transition-colors">
1010
View Project &rarr;

src/pages/BlogPage.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,15 @@ const BlogPage = () => {
1414
<div className="py-16 sm:py-24">
1515
<div className="mx-auto max-w-7xl px-6 lg:px-8">
1616
<div className="mx-auto max-w-2xl text-center">
17-
<h1 className="text-4xl font-bold tracking-tight text-white sm:text-6xl">
17+
<h1 className="text-4xl font-semibold tracking-tight text-white sm:text-6xl">
1818
From the Blog
1919
</h1>
2020
<p className="mt-6 text-lg leading-8 text-gray-300">
2121
Catch up on the latest news and insights.
2222
</p>
2323
</div>
2424
<div className="mt-16">
25-
<div className="divide-y divide-gray-700">
25+
<div className="">
2626
{posts.map(slug => (
2727
<PostItem key={slug} slug={slug} />
2828
))}

src/pages/HomePage.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const HomePage = () => {
1717
<div className="py-16 sm:py-24">
1818
<div className="mx-auto max-w-7xl px-6 lg:px-8">
1919
<div className="mx-auto max-w-2xl text-center">
20-
<h1 className="text-4xl font-bold tracking-tight text-white sm:text-6xl">
20+
<h1 className="text-4xl font-semibold tracking-tight text-white sm:text-6xl">
2121
Welcome to My Awesome Blog
2222
</h1>
2323
<p className="mt-6 text-lg leading-8 text-gray-300">
@@ -26,7 +26,7 @@ const HomePage = () => {
2626
</div>
2727

2828
<div className="mt-16">
29-
<h2 className="text-2xl font-bold tracking-tight text-white text-center">Pinned Projects</h2>
29+
<h2 className="text-2xl font-semibold tracking-tight text-white text-center">Pinned Projects</h2>
3030
<div className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-8">
3131
{pinnedProjects.map(project => (
3232
<ProjectCard key={project.slug} project={project} />
@@ -35,8 +35,8 @@ const HomePage = () => {
3535
</div>
3636

3737
<div className="mt-16">
38-
<h2 className="text-2xl font-bold tracking-tight text-white text-center">Recent Blog Posts</h2>
39-
<div className="mt-8 divide-y divide-gray-700">
38+
<h2 className="text-2xl font-semibold tracking-tight text-white text-center">Recent Blog Posts</h2>
39+
<div className="mt-8">
4040
{posts.slice(0, 5).map(slug => (
4141
<PostItem key={slug} slug={slug} />
4242
))}

src/pages/ProjectsPage.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ const ProjectsPage = () => {
77
<div className="py-16 sm:py-24">
88
<div className="mx-auto max-w-7xl px-6 lg:px-8">
99
<div className="mx-auto max-w-2xl text-center">
10-
<h1 className="text-4xl font-bold tracking-tight text-white sm:text-6xl">
10+
<h1 className="text-4xl font-semibold tracking-tight text-white sm:text-6xl">
1111
My Projects
1212
</h1>
1313
<p className="mt-6 text-lg leading-8 text-gray-300">

0 commit comments

Comments
 (0)