File tree Expand file tree Collapse file tree 6 files changed +14
-14
lines changed
Expand file tree Collapse file tree 6 files changed +14
-14
lines changed Original file line number Diff line number Diff line change @@ -3,9 +3,9 @@ import { Link } from 'react-router-dom';
33
44const 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" >
Original file line number Diff line number Diff 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 >
Original file line number Diff line number Diff line change @@ -3,8 +3,8 @@ import { Link } from 'react-router-dom';
33
44const 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 →
Original file line number Diff line number Diff 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 ) ) }
Original file line number Diff line number Diff 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 ) ) }
Original file line number Diff line number Diff 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" >
You can’t perform that action at this time.
0 commit comments