From caf87caeadb585a19c0f1ca0d402331ad770f87a Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Wed, 21 Feb 2024 03:24:16 +0000
Subject: [PATCH 01/12] feat: add colors again

Signed-off-by: Christine <shecoder30@gmail.com>
---
 components/Cards/Card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Cards/Card.tsx b/components/Cards/Card.tsx
index 6bd1fd225..bd3182c38 100644
--- a/components/Cards/Card.tsx
+++ b/components/Cards/Card.tsx
@@ -28,7 +28,7 @@ export const Card: FC<CardProps> = ({ data, onClick }) => {
 
   return (
     <article className="z-10 h-full w-full rounded-3xl dark:bg-slate-800 dark:text-text-primary dark:shadow-sm bg-light-white">
-      <div className="card-body">
+      <div className="card-body border-light-silver border-2 border-opacity-75">
         <header className="flex justify-between items-center gap-2">
           <h2
             className="cursor-default md:truncate ... text-lg md:text-xl dark:text-light-primary"

From e6343a2391803883c699428eb42788ead622d649 Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Wed, 21 Feb 2024 04:03:07 +0000
Subject: [PATCH 02/12] feat: adding colors to breadcrumbs again

---
 components/Breadcrumbs/index.tsx   | 14 +++++++-------
 components/Searchbar/Searchbar.tsx |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/Breadcrumbs/index.tsx b/components/Breadcrumbs/index.tsx
index 84e5d0d58..e05ca5d7c 100644
--- a/components/Breadcrumbs/index.tsx
+++ b/components/Breadcrumbs/index.tsx
@@ -11,9 +11,9 @@ const BreadCrumbs: React.FC<ComponentProps> = ({ sections }) => {
       <div className="hidden sm:flex py-3">
         <Link
           href={`/`}
-          className="flex gap-x-2 bg-theme-quinary bg-opacity-20 text-text-primary-light dark:text-text-quaternary text-lg py-0.5 px-2.5 rounded-lg cursor-pointer"
-        >
-          <HomeIcon className="m-auto fill-text-primary-light dark:fill-text-quaternary" />
+          className="flex gap-x-2 bg-theme-quinary bg-opacity-20 text-text-primary-light dark:text-text-quaternary text-lg py-0.5 px-2.5 rounded-lg cursor-pointer
+        border-light-silver border-2 border-opacity-75">
+          <HomeIcon className="m-auto fill-text-primary-light dark:fill-text-quaternary"/>
           <div>Home</div>
         </Link>
         <div className="text-2xl mx-2.5 font-semibold text-text-secondary-light">
@@ -23,20 +23,20 @@ const BreadCrumbs: React.FC<ComponentProps> = ({ sections }) => {
           <Link
             key={i}
             href={section.url}
-            className="flex gap-x-2 bg-theme-quinary bg-opacity-20 text-text-primary-light dark:text-text-quaternary text-lg py-0.5 px-2.5 rounded-lg capitalize cursor-pointer"
-          >
+            className="flex gap-x-2 bg-theme-quinary bg-opacity-20 text-text-primary-light dark:text-text-quaternary text-lg py-0.5 px-2.5 rounded-lg capitalize cursor-pointer
+            border-dark-silver border-2 border-opacity-75">
             {section.name?.split('-').join(' ')}
           </Link>
         ))}
       </div>
-      <div className="flex sm:hidden">
+      <div className="flex sm:hidden border-light-silver border-2 border-opacity-75">
         <Link
           href={`/`}
           className="flex gap-x-2 text-text-quaternary text-lg py-0.5 rounded-lg cursor-pointer my-auto capitalize"
         >
           <IoChevronBack className="text-text-quinary" />
         </Link>
-        <div className="dark:text-text-primary text-1.5xl capitalize font-medium mx-2.5 my-auto">
+        <div className="dark:text-text-primary text-1.5xl capitalize font-medium mx-2.5 my-auto border-light-silver border-2 border-opacity-75">
           {sections[0].name}
         </div>
       </div>
diff --git a/components/Searchbar/Searchbar.tsx b/components/Searchbar/Searchbar.tsx
index 8a2874349..f0a40f130 100644
--- a/components/Searchbar/Searchbar.tsx
+++ b/components/Searchbar/Searchbar.tsx
@@ -114,7 +114,7 @@ export const Searchbar: React.FC<SearchbarProps> = ({
       role="search"
     >
       <div className="relative">
-        <div className="relative w-full h-12 flex items-center justify-between">
+        <div className="relative w-full h-12 flex items-center justify-between border-light-silver border-2 border-opacity-75">
           <label htmlFor="simple-search" className="sr-only">
             Quick search
           </label>

From 5c22f27eb23282069132a140ba3cb3f7afd1fb4a Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Wed, 21 Feb 2024 04:52:09 +0000
Subject: [PATCH 03/12] feat: add colors to footer and card

---
 components/Cards/CardsList.tsx | 2 +-
 components/Footer/Footer.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Cards/CardsList.tsx b/components/Cards/CardsList.tsx
index aa5136582..8116d2f64 100644
--- a/components/Cards/CardsList.tsx
+++ b/components/Cards/CardsList.tsx
@@ -19,7 +19,7 @@ const CardsList: FC<{ cards: IData[] }> = ({ cards }) => {
 
   return (
     <>
-      <ul className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 justify-items-stretch ">
+      <ul className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 justify-items-stretch border-dark-silver border-2 border-opacity-75 shadow-lg shadow-silver">
         {cards.map((data: IData) => (
           <CardsListItem
             key={data.id}
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index f9b515ab0..0fbd586cf 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -7,7 +7,7 @@ export const Footer: FC = () => {
   const isDarkMode = resolvedTheme === 'dark'
 
   return (
-    <footer className="z-10 flex w-full items-baseline justify-center rounded-lg text-center px-2">
+    <footer className="z-10 flex w-full items-baseline justify-center rounded-lg text-center px-2 border-dark-silver border-2 border-opacity-75 shadow-lg shadow-silver">
       <div className="text-sm leading-7 md:tracking-wide text-center text-black dark:text-theme-secondary-light">
         <div>&copy; {new Date().getFullYear()} LinksHub | MIT License </div>
         <div className="lg:flex">

From 86b218595b6079a42a09eedecf3e1ff705138280 Mon Sep 17 00:00:00 2001
From: Aftab Rehan <workwithaftabrehan@gmail.com>
Date: Mon, 26 Feb 2024 21:46:58 +0500
Subject: [PATCH 04/12] Update components/Cards/CardsList.tsx

---
 components/Cards/CardsList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Cards/CardsList.tsx b/components/Cards/CardsList.tsx
index 8116d2f64..0b89964c9 100644
--- a/components/Cards/CardsList.tsx
+++ b/components/Cards/CardsList.tsx
@@ -19,7 +19,7 @@ const CardsList: FC<{ cards: IData[] }> = ({ cards }) => {
 
   return (
     <>
-      <ul className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 justify-items-stretch border-dark-silver border-2 border-opacity-75 shadow-lg shadow-silver">
+      <ul className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 justify-items-stretch">
         {cards.map((data: IData) => (
           <CardsListItem
             key={data.id}

From e39ba1d0b22b4c49c56b604ca3da6612b41d149a Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Sun, 3 Mar 2024 04:50:59 +0000
Subject: [PATCH 05/12] feat: add a border and shadow box to other section

Signed-off-by: Christine <shecoder30@gmail.com>
---
 pages/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 07e0ebaca..0fd4b4919 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -341,13 +341,13 @@ export default function Home() {
             )}
           </div>
         </div>
-        <div className="mt-10 mb-6 md:mb-0">
+        <div className="mt-10 mb-6 md:mb-0 border-dark-silver border-2 border-opacity-75 shadow-lg shadow-silver">
           <div className="dark:bg-slate-800 bg-light-white rounded-lg border border-[#BDBDBD14] sm:flex-row items-center justify-between md:p-7 md:pr-12 p-5">
             <div className="md:flex items-center gap-4">
               <div className="text-yellow-400 ml-4 lg:ml-0">
                 <StarIcon />
               </div>
-              <h1 className="text-xl dark:text-text-tertiary">
+              <h1 className="text-xl dark:text-text-tertiary ">
                 More awesome resources are coming soon!
               </h1>
             </div>

From d9119e2354fb431bc09ec9bab0a1491002cb0c04 Mon Sep 17 00:00:00 2001
From: Christine Belzie <105683440+CBID2@users.noreply.github.com>
Date: Sun, 3 Mar 2024 01:54:03 -0500
Subject: [PATCH 06/12] fix: placed border in wrapper

---
 components/Cards/Card.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Cards/Card.tsx b/components/Cards/Card.tsx
index bd3182c38..6cd73c074 100644
--- a/components/Cards/Card.tsx
+++ b/components/Cards/Card.tsx
@@ -27,8 +27,8 @@ export const Card: FC<CardProps> = ({ data, onClick }) => {
   }, [])
 
   return (
-    <article className="z-10 h-full w-full rounded-3xl dark:bg-slate-800 dark:text-text-primary dark:shadow-sm bg-light-white">
-      <div className="card-body border-light-silver border-2 border-opacity-75">
+    <article className="z-10 h-full w-full rounded-3xl dark:bg-slate-800 dark:text-text-primary dark:shadow-sm bg-light-white border-light-silver border-2 border-opacity-75">
+      <div className="card-body">
         <header className="flex justify-between items-center gap-2">
           <h2
             className="cursor-default md:truncate ... text-lg md:text-xl dark:text-light-primary"

From 2faa019b5a23deb868db55e0721160b9d5718cd1 Mon Sep 17 00:00:00 2001
From: Christine Belzie <105683440+CBID2@users.noreply.github.com>
Date: Sun, 3 Mar 2024 01:58:04 -0500
Subject: [PATCH 07/12] fix: improved border

---
 components/Searchbar/Searchbar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Searchbar/Searchbar.tsx b/components/Searchbar/Searchbar.tsx
index f0a40f130..91d15a4a2 100644
--- a/components/Searchbar/Searchbar.tsx
+++ b/components/Searchbar/Searchbar.tsx
@@ -114,7 +114,7 @@ export const Searchbar: React.FC<SearchbarProps> = ({
       role="search"
     >
       <div className="relative">
-        <div className="relative w-full h-12 flex items-center justify-between border-light-silver border-2 border-opacity-75">
+        <div className="relative w-full h-12 flex items-center justify-between">
           <label htmlFor="simple-search" className="sr-only">
             Quick search
           </label>
@@ -124,7 +124,7 @@ export const Searchbar: React.FC<SearchbarProps> = ({
             type="text"
             id="simple-search"
             name="simple-search"
-            className="peer h-12 w-full flex items-center justify-start pl-[46px] pr-4 py-3 bg-slate-100 bg-opacity-50 dark:bg-zinc-400 dark:bg-opacity-20 rounded-[10px] outline-none hover:shadow-input-hover focus:shadow-input-focus dark:hover:shadow-input-hover-dark dark:focus:shadow-input-focus-dark"
+            className="peer h-12 w-full flex items-center justify-start pl-[46px] pr-4 py-3 bg-slate-100 bg-opacity-50 dark:bg-zinc-400 dark:bg-opacity-20 rounded-[10px] outline-none hover:shadow-input-hover focus:shadow-input-focus dark:hover:shadow-input-hover-dark dark:focus:shadow-input-focus-dark border-light-silver border-2 border-opacity-75"
             placeholder="Quick search..."
             value={searchQuery}
             onChange={handleSearchChange}

From 4008f5e72cb234c0426aef4dcc3ae0072b1f8d09 Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Sat, 9 Mar 2024 22:49:52 +0000
Subject: [PATCH 08/12] fix: change from dark theme to light theme

---
 components/Searchbar/Searchbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Searchbar/Searchbar.tsx b/components/Searchbar/Searchbar.tsx
index 91d15a4a2..46692ff46 100644
--- a/components/Searchbar/Searchbar.tsx
+++ b/components/Searchbar/Searchbar.tsx
@@ -124,7 +124,7 @@ export const Searchbar: React.FC<SearchbarProps> = ({
             type="text"
             id="simple-search"
             name="simple-search"
-            className="peer h-12 w-full flex items-center justify-start pl-[46px] pr-4 py-3 bg-slate-100 bg-opacity-50 dark:bg-zinc-400 dark:bg-opacity-20 rounded-[10px] outline-none hover:shadow-input-hover focus:shadow-input-focus dark:hover:shadow-input-hover-dark dark:focus:shadow-input-focus-dark border-light-silver border-2 border-opacity-75"
+            className="peer h-12 w-full flex items-center justify-start pl-[46px] pr-4 py-3 bg-slate-100 bg-opacity-50 dark:bg-zinc-400 dark:bg-opacity-20 rounded-[10px] outline-none hover:shadow-input-hover focus:shadow-input-focus dark:hover:shadow-input-hover-dark dark:focus:shadow-input-focus-dark border-gray-300 border-2 border-opacity-75"
             placeholder="Quick search..."
             value={searchQuery}
             onChange={handleSearchChange}

From d1fa08fbdf3c819617f9f8256531d0f201977adc Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Sat, 9 Mar 2024 23:12:56 +0000
Subject: [PATCH 09/12] fix: modify border to fit light theme in footer and
 breadcrumbs

---
 components/Breadcrumbs/index.tsx | 2 +-
 components/Footer/Footer.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Breadcrumbs/index.tsx b/components/Breadcrumbs/index.tsx
index a66a4ea70..1d6cada8d 100644
--- a/components/Breadcrumbs/index.tsx
+++ b/components/Breadcrumbs/index.tsx
@@ -29,7 +29,7 @@ const BreadCrumbs: React.FC<ComponentProps> = ({ sections }) => {
           </Link>
         ))}
       </div>
-      <div className="flex sm:hidden border-light-silver border-2 border-opacity-75">
+      <div className="flex sm:hidden border-gray-300 border-2 border-opacity-75">
         <Link
           href={`/`}
           className="flex gap-x-2 text-text-quaternary text-lg py-0.5 rounded-lg cursor-pointer my-auto capitalize"
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index 0fbd586cf..851cd0b5b 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -7,7 +7,7 @@ export const Footer: FC = () => {
   const isDarkMode = resolvedTheme === 'dark'
 
   return (
-    <footer className="z-10 flex w-full items-baseline justify-center rounded-lg text-center px-2 border-dark-silver border-2 border-opacity-75 shadow-lg shadow-silver">
+    <footer className="z-10 flex w-full items-baseline justify-center rounded-lg text-center px-2 border-gray-700 border-2 border-opacity-75 shadow-lg shadow-gray-700">
       <div className="text-sm leading-7 md:tracking-wide text-center text-black dark:text-theme-secondary-light">
         <div>&copy; {new Date().getFullYear()} LinksHub | MIT License </div>
         <div className="lg:flex">

From 21c3ee3566a1b91f65a89441f3b835f2732d3fb4 Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Fri, 15 Mar 2024 18:36:27 +0000
Subject: [PATCH 10/12] fix: delete gitpod

---
 .gitpod.yml | 16 ----------------
 1 file changed, 16 deletions(-)
 delete mode 100644 .gitpod.yml

diff --git a/.gitpod.yml b/.gitpod.yml
deleted file mode 100644
index 4850cd001..000000000
--- a/.gitpod.yml
+++ /dev/null
@@ -1,16 +0,0 @@
-tasks:
-  - init: pnpm install && pnpm run build
-    command: pnpm run dev
-
-github:
-  prebuilds:
-    addBadge: true
-    addComment: false
-    addCheck: true
-    master: true
-    branches: true
-    pullRequestsFromForks: true
-
-ports:
-  - port: 3000
-    onOpen: open-preview

From ce0ca49d3e6b5b5401201dca8e39b5c80e8930d3 Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Fri, 15 Mar 2024 18:47:54 +0000
Subject: [PATCH 11/12] feat: add light theme to card list

---
 components/Cards/CardsList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Cards/CardsList.tsx b/components/Cards/CardsList.tsx
index 0b89964c9..ec55a4b6a 100644
--- a/components/Cards/CardsList.tsx
+++ b/components/Cards/CardsList.tsx
@@ -19,7 +19,7 @@ const CardsList: FC<{ cards: IData[] }> = ({ cards }) => {
 
   return (
     <>
-      <ul className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 justify-items-stretch">
+      <ul className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 justify-items-stretch border-gray-300 border-2 border-opacity-75">
         {cards.map((data: IData) => (
           <CardsListItem
             key={data.id}

From e97c2ba59dc3c13370b6ff70a8ee8fd002cba5e4 Mon Sep 17 00:00:00 2001
From: Christine <shecoder30@gmail.com>
Date: Fri, 15 Mar 2024 18:50:00 +0000
Subject: [PATCH 12/12] Revert "fix: delete gitpod"

This reverts commit 21c3ee3566a1b91f65a89441f3b835f2732d3fb4.
---
 .gitpod.yml | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 .gitpod.yml

diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 000000000..4850cd001
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,16 @@
+tasks:
+  - init: pnpm install && pnpm run build
+    command: pnpm run dev
+
+github:
+  prebuilds:
+    addBadge: true
+    addComment: false
+    addCheck: true
+    master: true
+    branches: true
+    pullRequestsFromForks: true
+
+ports:
+  - port: 3000
+    onOpen: open-preview