From 244ca2b0d867f50184b5e833cda3fcc5fdad7c99 Mon Sep 17 00:00:00 2001
From: Yubin Zhen <yubinzhen@Yubins-MacBook-Pro.local>
Date: Sun, 9 Feb 2025 09:33:32 -0800
Subject: [PATCH 1/4] fixed margin/spacing

---
 src/components/projects/professionals.tsx |  8 ++++----
 src/components/projects/research.tsx      |  6 +++---
 src/components/resources/articles.tsx     |  2 +-
 src/components/resources/external.tsx     | 10 +++++-----
 src/components/resources/notes.tsx        |  8 +++++---
 5 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/projects/professionals.tsx b/src/components/projects/professionals.tsx
index b37966d..41fb659 100644
--- a/src/components/projects/professionals.tsx
+++ b/src/components/projects/professionals.tsx
@@ -2,14 +2,14 @@ import React from "react";
 
 const Professionals = () => {
   return (
-    <div className="mt-4 flex w-5/6 flex-col items-center font-sans">
+    <div className="mt-4 flex flex-col items-center px-20">
       <div className="flex w-full items-center">
-        <h1 className="w-full text-left text-4xl font-semibold">
+        <h1 className="w-full whitespace-nowrap text-left text-6xl">
           Engineers/Technical Professionals
         </h1>
-        <div className="h-1 w-full bg-ucr-yellow" />
+        <div className="ml-8 h-1 w-11/12 bg-ucr-yellow" />
       </div>
-      <p className="mt-2 w-full text-left text-lg leading-relaxed">
+      <p className="font-inter mt-14 text-2xl font-normal leading-relaxed">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
         veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
diff --git a/src/components/projects/research.tsx b/src/components/projects/research.tsx
index 4755818..67027f9 100644
--- a/src/components/projects/research.tsx
+++ b/src/components/projects/research.tsx
@@ -8,13 +8,13 @@ const Research = () => {
   ];
 
   return (
-    <div>
+    <div className="p-20">
       <div className="mb-7 inline-block">
-        <h1 className="mb-2 text-5xl">Projects & Research</h1>
+        <h1 className="mb-2 text-6xl">Projects & Research</h1>
         <div className="h-1 bg-[#FFB81C]"></div>
       </div>
 
-      <p className="font-inter mb-16 max-w-[1260px] text-[25px] font-normal leading-relaxed">
+      <p className="font-inter mb-16 text-2xl font-normal leading-relaxed">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
         veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
diff --git a/src/components/resources/articles.tsx b/src/components/resources/articles.tsx
index 2977bc9..1d9363f 100644
--- a/src/components/resources/articles.tsx
+++ b/src/components/resources/articles.tsx
@@ -8,7 +8,7 @@ const categoryTitles: { [key: string]: string } = {
 };
 const Articles = () => {
   return (
-    <div className="m-20 w-11/12 self-start">
+    <div className="w-full p-20">
       <div className="mb-6 flex items-center gap-10 text-6xl">
         Articles
         <div className="h-1 flex-1 bg-ucr-yellow"></div>
diff --git a/src/components/resources/external.tsx b/src/components/resources/external.tsx
index 55fed2f..318e5d3 100644
--- a/src/components/resources/external.tsx
+++ b/src/components/resources/external.tsx
@@ -2,12 +2,12 @@ import React from "react";
 
 const External = () => {
   return (
-    <div className="flex w-5/6 flex-col items-center justify-center">
-      <div className="flex h-full w-full items-center gap-0">
-        <h1 className="w-full text-6xl">External Resources</h1>
-        <p className="h-1 w-full bg-ucr-yellow" />
+    <div className-="p-20">
+      <div className="inline-block">
+        <h1 className="mb-4 text-6xl">External Resources</h1>
+        <div className="h-1 bg-ucr-yellow"></div>
       </div>
-      <p className="m-1 mt-4 text-xl font-light">
+      <p className="font-inter mb-16 max-w-[1260px] text-[25px] font-normal leading-relaxed">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
         veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
diff --git a/src/components/resources/notes.tsx b/src/components/resources/notes.tsx
index b8db6e6..6e21840 100644
--- a/src/components/resources/notes.tsx
+++ b/src/components/resources/notes.tsx
@@ -4,10 +4,12 @@ import { notesData } from "@/data/notesData";
 
 const Notes = () => {
   return (
-    <div className="font-inter items-left w-auto">
+    <div className="font-inter items-left w-full px-20">
       <div className="mb-8 flex items-center">
-        <h1 className="flex w-96 flex-col gap-2 text-5xl">Lecture Notes</h1>
-        <div className="h-1 w-[832px] bg-ucr-yellow"></div>
+        <h1 className="flex w-96 flex-col gap-2 whitespace-nowrap text-6xl">
+          Lecture Notes
+        </h1>
+        <div className="ml-14 h-1 w-11/12 bg-ucr-yellow"></div>
       </div>
 
       <div className="flex flex-col gap-2 text-left">

From cb4c4050d259886ec30debad23ba6a477a05f7fd Mon Sep 17 00:00:00 2001
From: Yubin Zhen <yubinzhen@Yubins-MacBook-Pro.local>
Date: Sun, 9 Feb 2025 09:44:34 -0800
Subject: [PATCH 2/4] fixed external resources

---
 src/components/resources/external.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/resources/external.tsx b/src/components/resources/external.tsx
index 318e5d3..e67efb2 100644
--- a/src/components/resources/external.tsx
+++ b/src/components/resources/external.tsx
@@ -2,12 +2,12 @@ import React from "react";
 
 const External = () => {
   return (
-    <div className-="p-20">
-      <div className="inline-block">
+    <div className="p-20">
+      <div className="mb-7 inline-block">
         <h1 className="mb-4 text-6xl">External Resources</h1>
         <div className="h-1 bg-ucr-yellow"></div>
       </div>
-      <p className="font-inter mb-16 max-w-[1260px] text-[25px] font-normal leading-relaxed">
+      <p className="font-inter text-2xl font-normal leading-relaxed">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
         veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

From 612aa350fca7b251f2019400d47fc37dc29a7c66 Mon Sep 17 00:00:00 2001
From: Yubin Zhen <yubinzhen@Yubins-MacBook-Pro.local>
Date: Sun, 9 Feb 2025 18:02:33 -0800
Subject: [PATCH 3/4] edited

---
 src/components/projects/medical.tsx       | 2 +-
 src/components/projects/professionals.tsx | 2 +-
 src/components/projects/research.tsx      | 2 +-
 src/components/resources/articles.tsx     | 2 +-
 src/components/resources/external.tsx     | 2 +-
 src/components/resources/notes.tsx        | 2 +-
 src/components/resources/videos.tsx       | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/projects/medical.tsx b/src/components/projects/medical.tsx
index 76ae560..4e576c3 100644
--- a/src/components/projects/medical.tsx
+++ b/src/components/projects/medical.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const Medical = () => {
   return (
-    <div className="items-left flex flex-col p-20">
+    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
       <div className="flex items-center">
         <h1 className="font-inter py-10 text-6xl font-normal leading-relaxed">
           Medical
diff --git a/src/components/projects/professionals.tsx b/src/components/projects/professionals.tsx
index 41fb659..9d77952 100644
--- a/src/components/projects/professionals.tsx
+++ b/src/components/projects/professionals.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const Professionals = () => {
   return (
-    <div className="mt-4 flex flex-col items-center px-20">
+    <div className="mt-4 flex flex-col items-center p~5 ml-auto w-11/12 mr-auto">
       <div className="flex w-full items-center">
         <h1 className="w-full whitespace-nowrap text-left text-6xl">
           Engineers/Technical Professionals
diff --git a/src/components/projects/research.tsx b/src/components/projects/research.tsx
index 67027f9..4bf6205 100644
--- a/src/components/projects/research.tsx
+++ b/src/components/projects/research.tsx
@@ -8,7 +8,7 @@ const Research = () => {
   ];
 
   return (
-    <div className="p-20">
+    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
       <div className="mb-7 inline-block">
         <h1 className="mb-2 text-6xl">Projects & Research</h1>
         <div className="h-1 bg-[#FFB81C]"></div>
diff --git a/src/components/resources/articles.tsx b/src/components/resources/articles.tsx
index 1d9363f..b2919c4 100644
--- a/src/components/resources/articles.tsx
+++ b/src/components/resources/articles.tsx
@@ -8,7 +8,7 @@ const categoryTitles: { [key: string]: string } = {
 };
 const Articles = () => {
   return (
-    <div className="w-full p-20">
+    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
       <div className="mb-6 flex items-center gap-10 text-6xl">
         Articles
         <div className="h-1 flex-1 bg-ucr-yellow"></div>
diff --git a/src/components/resources/external.tsx b/src/components/resources/external.tsx
index e67efb2..2650e79 100644
--- a/src/components/resources/external.tsx
+++ b/src/components/resources/external.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const External = () => {
   return (
-    <div className="p-20">
+    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
       <div className="mb-7 inline-block">
         <h1 className="mb-4 text-6xl">External Resources</h1>
         <div className="h-1 bg-ucr-yellow"></div>
diff --git a/src/components/resources/notes.tsx b/src/components/resources/notes.tsx
index 6e21840..1741294 100644
--- a/src/components/resources/notes.tsx
+++ b/src/components/resources/notes.tsx
@@ -4,7 +4,7 @@ import { notesData } from "@/data/notesData";
 
 const Notes = () => {
   return (
-    <div className="font-inter items-left w-full px-20">
+    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
       <div className="mb-8 flex items-center">
         <h1 className="flex w-96 flex-col gap-2 whitespace-nowrap text-6xl">
           Lecture Notes
diff --git a/src/components/resources/videos.tsx b/src/components/resources/videos.tsx
index 6e13380..edcc822 100644
--- a/src/components/resources/videos.tsx
+++ b/src/components/resources/videos.tsx
@@ -9,7 +9,7 @@ type Video = {
 
 const Videos = () => {
   return (
-    <div className="m-20">
+    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
       <div className="mb-11 flex items-center gap-10 text-6xl">
         Videos
         <div className="h-1 w-full bg-ucr-yellow"></div>

From f27c15f1c314ec8435a0f424a9c460352eea50c8 Mon Sep 17 00:00:00 2001
From: Yubin Zhen <yubinzhen@Yubins-MacBook-Pro.local>
Date: Sun, 9 Feb 2025 18:03:27 -0800
Subject: [PATCH 4/4] edited

---
 src/components/projects/medical.tsx       | 2 +-
 src/components/projects/professionals.tsx | 2 +-
 src/components/projects/research.tsx      | 2 +-
 src/components/resources/articles.tsx     | 2 +-
 src/components/resources/external.tsx     | 2 +-
 src/components/resources/notes.tsx        | 2 +-
 src/components/resources/videos.tsx       | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/projects/medical.tsx b/src/components/projects/medical.tsx
index 4e576c3..14e8181 100644
--- a/src/components/projects/medical.tsx
+++ b/src/components/projects/medical.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const Medical = () => {
   return (
-    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
+    <div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
       <div className="flex items-center">
         <h1 className="font-inter py-10 text-6xl font-normal leading-relaxed">
           Medical
diff --git a/src/components/projects/professionals.tsx b/src/components/projects/professionals.tsx
index 9d77952..216ea54 100644
--- a/src/components/projects/professionals.tsx
+++ b/src/components/projects/professionals.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const Professionals = () => {
   return (
-    <div className="mt-4 flex flex-col items-center p~5 ml-auto w-11/12 mr-auto">
+    <div className="p~5 ml-auto mr-auto mt-4 flex w-11/12 flex-col items-center">
       <div className="flex w-full items-center">
         <h1 className="w-full whitespace-nowrap text-left text-6xl">
           Engineers/Technical Professionals
diff --git a/src/components/projects/research.tsx b/src/components/projects/research.tsx
index 4bf6205..4863bca 100644
--- a/src/components/projects/research.tsx
+++ b/src/components/projects/research.tsx
@@ -8,7 +8,7 @@ const Research = () => {
   ];
 
   return (
-    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
+    <div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
       <div className="mb-7 inline-block">
         <h1 className="mb-2 text-6xl">Projects & Research</h1>
         <div className="h-1 bg-[#FFB81C]"></div>
diff --git a/src/components/resources/articles.tsx b/src/components/resources/articles.tsx
index b2919c4..5cb26c2 100644
--- a/src/components/resources/articles.tsx
+++ b/src/components/resources/articles.tsx
@@ -8,7 +8,7 @@ const categoryTitles: { [key: string]: string } = {
 };
 const Articles = () => {
   return (
-    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
+    <div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
       <div className="mb-6 flex items-center gap-10 text-6xl">
         Articles
         <div className="h-1 flex-1 bg-ucr-yellow"></div>
diff --git a/src/components/resources/external.tsx b/src/components/resources/external.tsx
index 2650e79..3f0a8a2 100644
--- a/src/components/resources/external.tsx
+++ b/src/components/resources/external.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const External = () => {
   return (
-    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
+    <div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
       <div className="mb-7 inline-block">
         <h1 className="mb-4 text-6xl">External Resources</h1>
         <div className="h-1 bg-ucr-yellow"></div>
diff --git a/src/components/resources/notes.tsx b/src/components/resources/notes.tsx
index 1741294..d0ac33a 100644
--- a/src/components/resources/notes.tsx
+++ b/src/components/resources/notes.tsx
@@ -4,7 +4,7 @@ import { notesData } from "@/data/notesData";
 
 const Notes = () => {
   return (
-    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
+    <div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
       <div className="mb-8 flex items-center">
         <h1 className="flex w-96 flex-col gap-2 whitespace-nowrap text-6xl">
           Lecture Notes
diff --git a/src/components/resources/videos.tsx b/src/components/resources/videos.tsx
index edcc822..84bcf96 100644
--- a/src/components/resources/videos.tsx
+++ b/src/components/resources/videos.tsx
@@ -9,7 +9,7 @@ type Video = {
 
 const Videos = () => {
   return (
-    <div className="mt-20 p~5 ml-auto w-11/12 mr-auto mb-20">
+    <div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
       <div className="mb-11 flex items-center gap-10 text-6xl">
         Videos
         <div className="h-1 w-full bg-ucr-yellow"></div>