From 0944eb640b9998d166e59c2ffc1be84ca4d1d7a2 Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Thu, 28 Sep 2023 20:39:07 +0100
Subject: [PATCH 1/9] Updated branch name

---
 pages/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/index.tsx b/pages/index.tsx
index 49f9f192..27a0fe52 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -16,6 +16,7 @@ import rocketman from "public/images/home/rocketman.png";
 import moon from "public/images/home/moon.png";
 
 const Home: NextPage = () => {
+  // Comment push
   const tagsToShow = [
     "JavaScript",
     "Web Development",

From 6e76043b6eedd2f0f941dc78be6d8a7829aa3b1b Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Mon, 2 Oct 2023 06:38:04 +0100
Subject: [PATCH 2/9] Added navbutton styles light and dark mode, global css
 class

---
 components/Nav/Nav.tsx | 16 +++++-----------
 styles/globals.css     |  4 ++++
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/components/Nav/Nav.tsx b/components/Nav/Nav.tsx
index 18b4d09e..9e142e15 100644
--- a/components/Nav/Nav.tsx
+++ b/components/Nav/Nav.tsx
@@ -37,7 +37,7 @@ const Nav = () => {
   const hasNotifications = !!count && count > 0;
 
   return (
-    <Disclosure as="nav" className="bg-white dark:bg-black">
+    <Disclosure as="nav" className="bg-neutral-100 dark:bg-black">
       {({ open }) => (
         <>
           <div className="relative z-10 mx-auto px-4 sm:px-6 lg:px-8">
@@ -83,13 +83,13 @@ const Nav = () => {
                           href={item.href}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="text-neutral-300 hover:bg-neutral-900 hover:text-white px-3 py-2 rounded-md"
+                          className="nav-button"
                         >
                           {item.name}
                         </a>
                       ) : (
                         <Link
-                          className="text-neutral-300 hover:bg-neutral-900 hover:text-white px-3 py-2 rounded-md"
+                          className="text-neutral-900 hover:bg-neutral-200 hover:text-black   dark:text-neutral-300 dark:hover:bg-neutral-900 dark:hover:text-white px-3 py-2 rounded-md"
                           key={item.name}
                           href={item.href}
                         >
@@ -104,10 +104,7 @@ const Nav = () => {
                 <div className="flex items-center text-sm lg:text-base font-medium">
                   {session ? (
                     <>
-                      <Link
-                        className="text-neutral-300 hover:bg-neutral-900 hover:text-white px-3 py-2 rounded-md"
-                        href="/my-posts"
-                      >
+                      <Link className="nav-button" href="/my-posts">
                         Your Posts
                       </Link>
                       <Link
@@ -120,10 +117,7 @@ const Nav = () => {
                     </>
                   ) : (
                     <>
-                      <button
-                        className="text-neutral-300 hover:bg-neutral-900 hover:text-white px-3 py-2 rounded-md"
-                        onClick={() => signIn()}
-                      >
+                      <button className="nav-button" onClick={() => signIn()}>
                         Sign in
                       </button>
                       <button
diff --git a/styles/globals.css b/styles/globals.css
index ee9cb5de..924e49f9 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -35,6 +35,10 @@ body {
   }
 }
 
+.nav-button {
+  @apply text-neutral-900 hover:bg-neutral-200 hover:text-black dark:text-neutral-300 dark:hover:bg-neutral-900 dark:hover:text-white px-3 py-2 rounded-md;
+}
+
 .primary-button {
   @apply items-center bg-gradient-to-r from-orange-400 to-pink-600 rounded-md shadow-sm py-2 px-4 inline-flex justify-center font-medium text-white hover:from-orange-300 hover:to-pink-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-300 disabled:from-neutral-500 disabled:to-neutral-700 disabled:border-neutral-300 disabled:text-neutral-300 disabled:hover:text-neutral-300 transition-colors;
 }

From 3d2322ceff06b8e58950f22868ef5eb2d5bbba74 Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Mon, 2 Oct 2023 06:44:12 +0100
Subject: [PATCH 3/9] Inverted colour on logo image for light mode

---
 components/Nav/Nav.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Nav/Nav.tsx b/components/Nav/Nav.tsx
index 9e142e15..1aee3f97 100644
--- a/components/Nav/Nav.tsx
+++ b/components/Nav/Nav.tsx
@@ -52,6 +52,7 @@ const Nav = () => {
                     <Image
                       src="/images/codu.png"
                       alt="Codú logo"
+                      className="invert dark:invert-0"
                       height={30}
                       width={94.5}
                       priority

From 94c555885517c7862b818f668395e9b75dc8e5db Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Mon, 2 Oct 2023 06:45:32 +0100
Subject: [PATCH 4/9] Replaced toggle to render on un-auth navbar

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

diff --git a/components/Nav/Nav.tsx b/components/Nav/Nav.tsx
index 1aee3f97..a7428614 100644
--- a/components/Nav/Nav.tsx
+++ b/components/Nav/Nav.tsx
@@ -130,9 +130,9 @@ const Nav = () => {
                     </>
                   )}
                   {/* Profile dropdown */}
+                  <ThemeToggle />
                   {session && (
                     <>
-                      <ThemeToggle />
                       <Link
                         title="Notifications"
                         href="/notifications"

From b3b640007e002b1923142b64f614dac2793c751c Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Mon, 2 Oct 2023 06:50:09 +0100
Subject: [PATCH 5/9] Minor style tweaks to themetoggle button

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

diff --git a/components/Theme/ThemeToggle.tsx b/components/Theme/ThemeToggle.tsx
index 04438978..68b6083f 100644
--- a/components/Theme/ThemeToggle.tsx
+++ b/components/Theme/ThemeToggle.tsx
@@ -11,7 +11,7 @@ const ThemeToggle = () => {
   return (
     <Menu
       as="div"
-      className="relative flex justify-center items-center text-neutral-400 hover:text-neutral-300 focus:text-neutral-300 focus:outline-none focus:ring-2 focus:ring-rose-500 focus:ring-offset-2 ml-3 rounded-full"
+      className="relative flex justify-center items-center text-neutral-900 dark:text-neutral-300 hover:dark:text-white hover:text-yellow-500 focus:text-neutral-300 focus:outline-none focus:ring-2 focus:ring-rose-500 focus:ring-offset-2 ml-3 rounded-full"
     >
       <Menu.Button className="relative h-full">
         <SunIcon className="w-6 h-6 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />

From 4e4cd5d4d4ea4357e08434df09dd56f9a799e986 Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Mon, 2 Oct 2023 06:54:45 +0100
Subject: [PATCH 6/9] Removed unnessary comments

---
 pages/index.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 27a0fe52..51ac9488 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -16,7 +16,6 @@ import rocketman from "public/images/home/rocketman.png";
 import moon from "public/images/home/moon.png";
 
 const Home: NextPage = () => {
-  // Comment push
   const tagsToShow = [
     "JavaScript",
     "Web Development",
@@ -166,12 +165,14 @@ const Home: NextPage = () => {
                     height={200}
                     src="/images/codu.svg"
                     alt="Codú logo"
-                    className={`w-[240px] sm:w-[340px] mx-auto object-contain transition duration-500 ${isReady ? "opacity-100" : "opacity-0"
-                      }`}
+                    className={`w-[240px] sm:w-[340px] mx-auto object-contain transition duration-500 ${
+                      isReady ? "opacity-100" : "opacity-0"
+                    }`}
                   />
                   <h1
-                    className={`drop-shadow-2xl text-5xl sm:text-7xl font-extrabold tracking-tight text-center text-white mt-8 duration-500 ${isReady ? "opacity-100" : "opacity-0"
-                      }`}
+                    className={`drop-shadow-2xl text-5xl sm:text-7xl font-extrabold tracking-tight text-center text-white mt-8 duration-500 ${
+                      isReady ? "opacity-100" : "opacity-0"
+                    }`}
                   >
                     A{" "}
                     <span className="bg-clip-text text-transparent bg-gradient-to-r from-orange-400 to-pink-600">

From 3c8d97759d9bbc804e0fa8ea0ae4d9745bf73fc6 Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Mon, 2 Oct 2023 09:45:37 +0100
Subject: [PATCH 7/9] Update theme for login redirect page

---
 pages/get-started/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/get-started/index.tsx b/pages/get-started/index.tsx
index f392b241..7a95a433 100644
--- a/pages/get-started/index.tsx
+++ b/pages/get-started/index.tsx
@@ -22,13 +22,14 @@ const GetStarted: NextPage = () => {
               <Image
                 src="/images/codu.png"
                 alt="Codú logo"
+                className="invert dark:invert-0"
                 height={60}
                 width={189}
               />
               <span className="ml-2 -mb-2 text-base font-semibold">Beta</span>
             </Link>
           </div>
-          <h2 className="mt-6 text-center text-3xl font-extrabold text-white">
+          <h2 className="mt-6 text-center text-3xl font-extrabold text-neutral-900 dark:text-white">
             Sign in or create your account
           </h2>
           <p className="mt-2 text-center text-base text-neutral-500">

From e3d561ef392f13fa11115cdd4c5cb59fc0fb28a6 Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Mon, 2 Oct 2023 09:50:30 +0100
Subject: [PATCH 8/9] Added mobile logo white mode fill

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

diff --git a/components/Nav/Nav.tsx b/components/Nav/Nav.tsx
index a7428614..27d9b43c 100644
--- a/components/Nav/Nav.tsx
+++ b/components/Nav/Nav.tsx
@@ -65,10 +65,10 @@ const Nav = () => {
                       <span className="sr-only">Codú</span>
                       <svg className="h-8" viewBox="0 0 694 829" fill="none">
                         <path
+                          className="fill-black dark:fill-white"
                           fillRule="evenodd"
                           clipRule="evenodd"
                           d="M674.287 736.808C600.91 796.992 508.826 829.601 413.972 828.992C299.426 828.992 201.794 788.584 121.077 707.77C40.3589 626.955 0 529.206 0 414.523C0 300.208 40.3589 202.624 121.077 121.773C201.794 40.9216 299.426 0.330605 413.972 0C512.007 0 600.504 32.3074 679.46 96.9223C684.376 101.861 688.203 107.777 690.696 114.287C693.189 120.797 694.292 127.758 693.934 134.722C694.032 142.18 692.628 149.582 689.807 156.486C687.101 162.973 683.157 168.869 678.194 173.843C673.163 178.876 667.174 182.848 660.583 185.524C650.668 189.611 639.776 190.709 629.246 188.682C618.716 186.656 609.006 181.594 601.311 174.119C575.29 153.479 545.988 137.367 514.631 126.456C482.257 115.271 448.218 109.682 413.972 109.926C373.998 109.875 334.407 117.721 297.466 133.013C260.526 148.305 226.961 170.744 198.695 199.043C170.429 227.343 148.018 260.948 132.744 297.933C117.47 334.918 109.634 374.557 109.684 414.578C109.684 499.066 139.183 570.918 198.18 630.133C251.394 683.086 322.202 714.596 397.119 718.66C472.037 722.724 545.831 699.06 604.448 652.173C613.944 645.823 625.113 642.447 636.533 642.475C643.828 642.424 651.05 643.927 657.721 646.883C664.132 649.742 669.998 653.694 675.057 658.565C680.128 663.517 684.185 669.413 687 675.922C689.92 682.706 691.4 690.024 691.348 697.411C691.282 704.787 689.739 712.074 686.808 718.842C683.878 725.609 679.62 731.719 674.287 736.808Z"
-                          fill="white"
                         />
                       </svg>
                     </Link>

From 815bf2f321caf12a26c9b1b536a4c2187cc0f38c Mon Sep 17 00:00:00 2001
From: Darrach Barneveld <darrachbarneveld91@gmail.com>
Date: Mon, 2 Oct 2023 09:53:37 +0100
Subject: [PATCH 9/9] Removed bg from mobile nav notification

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

diff --git a/components/Nav/Nav.tsx b/components/Nav/Nav.tsx
index 27d9b43c..e4dec6b7 100644
--- a/components/Nav/Nav.tsx
+++ b/components/Nav/Nav.tsx
@@ -203,7 +203,7 @@ const Nav = () => {
                 <Link
                   title="Notifications"
                   href="/notifications"
-                  className="relative block mr-3 flex-shrink-0 rounded-md bg-black p-2 text-neutral-400 hover:text-neutral-300 hover:bg-neutral-900 focus:outline-none focus:ring-2 focus:ring-white focus:ring-inset"
+                  className="relative block mr-3 flex-shrink-0 rounded-md p-2 text-neutral-400 hover:text-neutral-300 hover:bg-neutral-900 focus:outline-none focus:ring-2 focus:ring-white focus:ring-inset"
                 >
                   <span className="sr-only">View notifications</span>
                   {hasNotifications && (