From dae240aae7e084bd8f8672bc979eabed4f61af23 Mon Sep 17 00:00:00 2001 From: Ranjeet Singh Date: Sat, 8 Aug 2026 16:24:15 +0530 Subject: [PATCH] Few updates --- src/App.css | 1 - src/components/About/AboutMe.js | 6 ++-- src/components/About/Education.js | 2 +- src/components/About/Experience.js | 2 +- src/components/Blogs/BlogCard.js | 2 +- src/components/Contact/ContactForm.js | 6 ++-- src/components/Contact/ContactInfo.js | 8 ++--- src/components/Contact/SucessNotice.js | 6 ++-- src/components/Footer.js | 30 +++++++++++++++++-- src/components/Header.js | 12 ++++---- src/components/Home/HeroSection.js | 20 ++++--------- .../OnlineCourseWaitlist/CourseDetails.js | 2 +- .../OnlineCourseWaitlist/SignUpForm.js | 12 ++++---- .../SignUpSucessNotice.js | 2 +- src/components/Portfolio/Project.js | 4 +-- src/components/Posts/CommentForm.js | 6 ++-- src/components/Resume/ResumePDF.js | 2 +- src/index.css | 1 - src/pages/404.js | 4 +-- src/pages/Blogs.js | 2 +- src/pages/Home.js | 2 +- 21 files changed, 73 insertions(+), 59 deletions(-) diff --git a/src/App.css b/src/App.css index 8d0ad02..0d25254 100644 --- a/src/App.css +++ b/src/App.css @@ -30,7 +30,6 @@ width: 100%; height: 80vh; min-height: 600px; - border-radius: 12px; border: 1px solid #26262b; background: #111114; } diff --git a/src/components/About/AboutMe.js b/src/components/About/AboutMe.js index c3d39ff..5c8c574 100644 --- a/src/components/About/AboutMe.js +++ b/src/components/About/AboutMe.js @@ -82,7 +82,7 @@ const AboutMe = () => ( whileInView={{ opacity: 1 }} viewport={{ once: true }} transition={{ duration: 0.6, delay: 0.1 }} - className="relative rounded-xl border border-border bg-surface overflow-hidden shadow-card" + className="relative border border-border bg-surface overflow-hidden shadow-card" >
@@ -124,7 +124,7 @@ const AboutMe = () => ( {stacks.map((stack) => (

{stack.name}

@@ -136,7 +136,7 @@ const AboutMe = () => ( {stack.values.map((value) => ( {value} diff --git a/src/components/About/Education.js b/src/components/About/Education.js index aa38b66..97ddaf8 100644 --- a/src/components/About/Education.js +++ b/src/components/About/Education.js @@ -58,7 +58,7 @@ const EduItem = ({ item, isLast }) => ( {`${item.school} -
+

{item.title} diff --git a/src/components/About/Experience.js b/src/components/About/Experience.js index fdeaa08..88a55ec 100644 --- a/src/components/About/Experience.js +++ b/src/components/About/Experience.js @@ -89,7 +89,7 @@ const RoleItem = ({ role, isLast }) => ( {`${role.company} -
+

diff --git a/src/components/Blogs/BlogCard.js b/src/components/Blogs/BlogCard.js index 231f6b3..95a11cf 100644 --- a/src/components/Blogs/BlogCard.js +++ b/src/components/Blogs/BlogCard.js @@ -14,7 +14,7 @@ const BlogCard = ({ data }) => { whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true, margin: '-60px' }} transition={{ duration: 0.5 }} - className="group rounded-xl border border-border bg-surface overflow-hidden hover:border-accent-ring transition-colors shadow-card" + className="group border border-border bg-surface overflow-hidden hover:border-accent-ring transition-colors shadow-card" >
diff --git a/src/components/Contact/ContactForm.js b/src/components/Contact/ContactForm.js index d9ffa12..cc2fb2a 100644 --- a/src/components/Contact/ContactForm.js +++ b/src/components/Contact/ContactForm.js @@ -38,7 +38,7 @@ const ContactForm = () => { setTimeout(() => navigate('../messageSent'), 2000); }; - const inputCls = 'w-full px-4 py-3 rounded-md bg-surface border border-border text-fg placeholder:text-faint focus:outline-none focus:border-accent-ring focus:ring-2 focus:ring-accent-ring/30 transition-colors'; + const inputCls = 'w-full px-4 py-3 bg-surface border border-border text-fg placeholder:text-faint focus:outline-none focus:border-accent-ring focus:ring-2 focus:ring-accent-ring/30 transition-colors'; return (
@@ -75,7 +75,7 @@ const ContactForm = () => {

-
+
-
+

Contact

    {emails.map((e) => ( @@ -66,7 +66,7 @@ const ContactInfo = () => (
-
+

Around the web

    {socials.map((s) => ( @@ -77,7 +77,7 @@ const ContactInfo = () => ( rel="noreferrer" aria-label={s.name} title={s.name} - className="flex flex-col items-center justify-center gap-1 py-3 rounded-md border border-hairline bg-elevated text-subtle hover:text-accent hover:border-accent-ring transition-colors" + className="flex flex-col items-center justify-center gap-1 py-3 border border-hairline bg-elevated text-subtle hover:text-accent hover:border-accent-ring transition-colors" > {s.name} diff --git a/src/components/Contact/SucessNotice.js b/src/components/Contact/SucessNotice.js index a2b926a..d159dad 100644 --- a/src/components/Contact/SucessNotice.js +++ b/src/components/Contact/SucessNotice.js @@ -9,8 +9,8 @@ const SuccessNotice = () => ( transition={{ duration: 0.5 }} className="min-h-[60vh] flex items-center justify-center pt-16 pb-24" > -
    - +
    +

    @@ -21,7 +21,7 @@ const SuccessNotice = () => (

    Back home diff --git a/src/components/Footer.js b/src/components/Footer.js index d981dad..197feb6 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -7,7 +7,7 @@ const goToTop = () => window.scrollTo({ top: 0, behavior: 'smooth' }); const Footer = () => ( <> -
    +

    © @@ -30,12 +30,38 @@ const Footer = () => ( type="button" onClick={goToTop} aria-label="Back to top" - className="inline-flex items-center justify-center w-10 h-10 rounded-md border border-border text-subtle hover:text-fg hover:border-accent-ring transition-colors" + className="inline-flex items-center justify-center w-10 h-10 border border-border text-subtle hover:text-fg hover:border-accent-ring transition-colors" >

    + + {/* oversized wordmark — sized by viewBox so it always spans the + container exactly, whatever the viewport */} +
    + + + + + + + + + + thecodechaser + + +
    ); diff --git a/src/components/Header.js b/src/components/Header.js index 1f67b75..31d13f3 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -35,7 +35,7 @@ const Header = () => {
    ~/ @@ -54,7 +54,7 @@ const Header = () => { {
    Resume @@ -79,7 +79,7 @@ const Header = () => {