From 37ea609f6b7c8ab5fca8c9e77663c3879b21bbc2 Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Thu, 4 Apr 2024 16:53:44 +0200
Subject: [PATCH 01/11] Modify text-gradient shades

---
 app/globals.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index d306ba8..43e0a1b 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -87,8 +87,8 @@
     background: linear-gradient(
       to right bottom,
       /* rgb(253, 197, 176) 45%, */ /* rgba(255, 175, 125, 0.515) */
-        rgba(249, 150, 94, 0.9) 20%,
-      rgba(239, 92, 10, 0.9) 45%
+        rgba(249, 150, 94, 0.9) 25%,
+      rgba(239, 92, 10, 0.9) 65%
     );
     background-clip: text;
     color: transparent;

From 966a4305fcc8b92ac62b683e615b848c72cf0ce9 Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Thu, 4 Apr 2024 16:53:44 +0200
Subject: [PATCH 02/11] Modify text-gradient shades

---
 app/globals.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index d306ba8..43e0a1b 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -87,8 +87,8 @@
     background: linear-gradient(
       to right bottom,
       /* rgb(253, 197, 176) 45%, */ /* rgba(255, 175, 125, 0.515) */
-        rgba(249, 150, 94, 0.9) 20%,
-      rgba(239, 92, 10, 0.9) 45%
+        rgba(249, 150, 94, 0.9) 25%,
+      rgba(239, 92, 10, 0.9) 65%
     );
     background-clip: text;
     color: transparent;

From de4fa6691ea364f0649798cb205258f8c6f10da8 Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Thu, 4 Apr 2024 16:53:44 +0200
Subject: [PATCH 03/11] Modify text-gradient shades

---
 app/globals.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index d306ba8..43e0a1b 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -87,8 +87,8 @@
     background: linear-gradient(
       to right bottom,
       /* rgb(253, 197, 176) 45%, */ /* rgba(255, 175, 125, 0.515) */
-        rgba(249, 150, 94, 0.9) 20%,
-      rgba(239, 92, 10, 0.9) 45%
+        rgba(249, 150, 94, 0.9) 25%,
+      rgba(239, 92, 10, 0.9) 65%
     );
     background-clip: text;
     color: transparent;

From 175887d3a9533d1502e5607f77b540ca84786467 Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Thu, 4 Apr 2024 23:03:57 +0200
Subject: [PATCH 04/11] Linting

---
 app/globals.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 43e0a1b..0babc2c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -86,8 +86,7 @@
   .text-gradient {
     background: linear-gradient(
       to right bottom,
-      /* rgb(253, 197, 176) 45%, */ /* rgba(255, 175, 125, 0.515) */
-        rgba(249, 150, 94, 0.9) 25%,
+      rgba(249, 150, 94, 0.9) 25%,
       rgba(239, 92, 10, 0.9) 65%
     );
     background-clip: text;

From 23ebb582db935117491f39d8659822fdfed1ce9c Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Thu, 4 Apr 2024 23:13:33 +0200
Subject: [PATCH 05/11] Move link to About from Start to Sidebar due to mobile
 issues

---
 components/Sidebar.tsx | 15 ++++++++++++---
 components/Start.tsx   |  4 ++--
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 45ffb81..b25766f 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -8,6 +8,7 @@ import { useEffect, useRef, useState } from "react";
 import { cn } from "@/lib/utils";
 import { useParams } from "next/navigation";
 import { TrackedLink } from "./TrackedLink";
+import { ArrowRight } from "lucide-react";
 
 const useClickOutside = () => {
   const node = useRef<any>();
@@ -73,7 +74,7 @@ export const Sidebar = () => {
           <div className="flex items-center gap-2 px-3">
             <Link href="/">
               <p className="text-gradient flex items-center text-2xl font-light tracking-tight transition-all duration-200 ease-in-out selection:bg-orange-200 selection:text-orange-600 hover:text-orange-400">
-                <span className="mr-3 h-8 w-8 group">
+                <span className="group mr-3 h-8 w-8">
                   <Logo />
                 </span>
                 complexity
@@ -115,7 +116,15 @@ export const Sidebar = () => {
           )}
         </div>
         <div className="flex items-center justify-center">
-          <a
+          <Link href="/about">
+            <Button variant="link">
+              <p className="text-gray-200">
+                About <span className="text-gradient">complexity</span>{" "}
+              </p>
+              <ArrowRight className="ml-1 inline-block h-4 w-4 text-gray-200" />
+            </Button>
+          </Link>
+          {/* <a
             href="https://twitter.com/emilahlback"
             target="_blank"
             rel="noreferrer"
@@ -124,7 +133,7 @@ export const Sidebar = () => {
             <p className="underline-offset font-normal underline decoration-orange-600 transition-colors hover:text-orange-600">
               @emilahlback
             </p>
-          </a>
+          </a> */}
         </div>
       </aside>
     </>
diff --git a/components/Start.tsx b/components/Start.tsx
index ecb39e1..36f807b 100644
--- a/components/Start.tsx
+++ b/components/Start.tsx
@@ -92,7 +92,7 @@ export const Start = () => {
         </div>
       </form>
 
-      <div className="absolute bottom-0 left-0 right-0 flex items-center justify-center pb-12">
+      {/* <div className="absolute bottom-0 left-0 right-0 flex items-center justify-center pb-12">
         <Link href="/about">
           <Button variant="link">
             <p className="text-gray-200">
@@ -101,7 +101,7 @@ export const Start = () => {
             <ArrowRight className="ml-1 inline-block h-4 w-4 text-gray-200" />
           </Button>
         </Link>
-      </div>
+      </div> */}
     </div>
   );
 };

From 87dd6004aefc8a80d5eb436f127e14aaa70ee3f6 Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Thu, 4 Apr 2024 23:14:14 +0200
Subject: [PATCH 06/11] Linting + small font updates to make the title bolder

---
 app/about/page.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/about/page.tsx b/app/about/page.tsx
index 51ba88c..eae1242 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -4,7 +4,7 @@ export default function About() {
   return (
     <div className="flex h-full w-full flex-col items-center pt-16">
       <div className="mb-2 flex flex-col items-center justify-between">
-        <div className="mx-auto mb-4 h-16 w-16 items-center justify-center align-middle group">
+        <div className="group mx-auto mb-4 h-16 w-16 items-center justify-center align-middle">
           <Logo />
         </div>
         <h1 className="text-gradient mb-1 mt-2 text-4xl font-medium tracking-tight">
@@ -15,15 +15,15 @@ export default function About() {
         The world's knowledge at your fingertips
       </p>
 
-      <div className="w-full max-w-xs pt-12 md:max-w-md md:pt-10 lg:max-w-xl">
-        <h2 className="text-2xl">About</h2>
-        <p className="mt-4 text-lg">
-          <span className="text-gradient">complexity</span> is a search engine
-          that uses AI to answer questions. It is built on top of the Cohere AI
-          platform and is designed to provide a fast and efficient way to find
-          answers to your questions.
+      <div className="w-full max-w-xs pt-8 md:max-w-md md:pt-10 lg:max-w-xl">
+        <h2 className="text-2xl font-bold">About</h2>
+        <p className="mt-4 text-lg font-light">
+          <span className="text-gradient font-medium">complexity</span> is a
+          search engine that uses AI to answer questions. It is built on top of
+          the Cohere AI platform and is designed to provide a fast and efficient
+          way to find answers to your questions.
         </p>
-        <h3 className="mt-4 text-xl">Created by</h3>
+        <h3 className="mt-6 text-xl font-medium">Created by</h3>
         <ul className="mt-4 list-inside list-disc marker:text-gray-400">
           <li className="mt-2">
             <a

From a15e0c1dc015196c9eb3776a095789309eaa3d0c Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Thu, 4 Apr 2024 23:14:28 +0200
Subject: [PATCH 07/11] Add hover utility for text-gradient

---
 app/globals.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/globals.css b/app/globals.css
index 0d86f6d..e0ad096 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -99,6 +99,10 @@
     color: transparent;
   }
 
+  .text-gradient:hover {
+    color: #fb923c;
+  }
+
   .text-shadow {
     text-shadow: rgb(0 0 0 / 56%) 0px 3px 12px;
   }

From e2d4ea24ff04d9d4852681da1885553a31eda3af Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Fri, 5 Apr 2024 16:13:19 +0200
Subject: [PATCH 08/11] Remove (the annoying) scrollbar on the main screen

---
 app/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index ba2b3ec..5cf1adb 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -50,7 +50,7 @@ export default function RootLayout({
             <ComplexityProvider>
               <body className={ibm.className}>
                 <Suspense fallback={<div></div>}>
-                  <div className="flex h-svh">
+                  <div className="flex h-[calc(100vh-8px)]">
                     <Sidebar />
 
                     {children}

From 32ba665f72dd2ecca8365b4261115a7fccf18a75 Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Fri, 5 Apr 2024 16:13:29 +0200
Subject: [PATCH 09/11] Remove comments

---
 components/Sidebar.tsx | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index a134226..3caf7b1 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -66,7 +66,7 @@ export const Sidebar = () => {
       <aside
         ref={node}
         className={cn(
-          "absolute z-10 flex h-screen w-64 flex-shrink-0 flex-grow-0 flex-col bg-[#202222] p-6 px-3 text-primary transition-all md:static",
+          "absolute z-10 flex h-screen w-64 flex-shrink-0 flex-grow-0 flex-col bg-[#202222] p-6 px-3 pb-2 text-primary transition-all md:static",
           isOpen ? "translate-x-0" : "-translate-x-full",
           "md:translate-x-0",
         )}
@@ -138,16 +138,6 @@ export const Sidebar = () => {
               <ArrowRight className="ml-1 inline-block h-4 w-4 text-gray-200" />
             </Button>
           </Link>
-          {/* <a
-            href="https://twitter.com/emilahlback"
-            target="_blank"
-            rel="noreferrer"
-            className="flex gap-1 p-1 px-3 align-bottom"
-          >
-            <p className="underline-offset font-normal underline decoration-orange-600 transition-colors hover:text-orange-600">
-              @emilahlback
-            </p>
-          </a> */}
         </div>
       </aside>
     </>

From a4e1b4d2f735df90669290cc79172540c0cf31c6 Mon Sep 17 00:00:00 2001
From: Hamed Mohammadpour <HamedMP@users.noreply.github.com>
Date: Fri, 5 Apr 2024 16:22:04 +0200
Subject: [PATCH 10/11] Move ask a question up and hide it instead of making
 opacity 0

---
 components/Sidebar.tsx | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 6735f13..02c0d03 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -87,6 +87,21 @@ export const Sidebar = () => {
           <div className="mb-2 px-3 text-xs font-semibold uppercase text-gray-200/90">
             Sessions
           </div>
+          <div className="flex w-full items-center justify-center py-2">
+            <Button
+              className={cn(
+                "w-full rounded-xl text-sm transition-opacity duration-200 hover:bg-primary/10",
+                {
+                  hidden: !sessionId,
+                },
+              )}
+              variant="ghost"
+              onClick={() => router.push("/")}
+            >
+              <PlusIcon className="mr-2 h-4 w-4" />
+              Ask a question
+            </Button>
+          </div>
           {sessions.length > 0 && (
             <div className="prose flex w-full flex-col gap-2 lg:prose-lg ">
               {sessions.map(([item]) => (
@@ -113,21 +128,6 @@ export const Sidebar = () => {
               ))}
             </div>
           )}
-          <div className="flex items-center justify-center pt-4">
-            <Button
-              className={cn(
-                "rounded-xl text-sm transition-opacity duration-200 hover:bg-primary/10",
-                {
-                  "opacity-0": !sessionId,
-                },
-              )}
-              variant="ghost"
-              onClick={() => router.push("/")}
-            >
-              <PlusIcon className="mr-2 h-4 w-4" />
-              Ask a question
-            </Button>
-          </div>
         </div>
         <div className="flex items-center justify-center">
           <Link href="/about">

From 7e7e8c4f1223ecfdba2121ece9bf918e07c66a10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emil=20Ahlb=C3=A4ck?= <Emil.Ahlback99@gmail.com>
Date: Sat, 6 Apr 2024 00:14:13 +0200
Subject: [PATCH 11/11] Update Sidebar.tsx

---
 components/Sidebar.tsx | 15 ---------------
 1 file changed, 15 deletions(-)

diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index f3d44f3..428ca31 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -87,21 +87,6 @@ export const Sidebar = () => {
           <div className="mb-2 px-3 text-xs font-semibold uppercase text-gray-200/90">
             Sessions
           </div>
-          <div className="flex w-full items-center justify-center py-2">
-            <Button
-              className={cn(
-                "w-full rounded-xl text-sm transition-opacity duration-200 hover:bg-primary/10",
-                {
-                  hidden: !sessionId,
-                },
-              )}
-              variant="ghost"
-              onClick={() => router.push("/")}
-            >
-              <PlusIcon className="mr-2 h-4 w-4" />
-              Ask a question
-            </Button>
-          </div>
           {sessions.length > 0 && (
             <div className="prose flex w-full flex-col gap-2 lg:prose-lg ">
               {sessions.map(([item]) => (