From 805e37466c650019e2f04f6a00c97b09d7cb797a Mon Sep 17 00:00:00 2001
From: John Mwendwa <72663882+JohnMwendwa@users.noreply.github.com>
Date: Sun, 20 Aug 2023 14:53:33 +0300
Subject: [PATCH 1/2] remove background-color

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

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index d1fe8b9..8f8c0d3 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -3,10 +3,10 @@ import Link from "next/link";
 
 const Footer = () => {
   return (
-    <footer className="text-center p-4 bg-gray-400">
+    <footer className="text-center p-4">
       <p>
-        &copy; {new Date().getFullYear()}{" "}
-        <Link href={"https://johnmwendwa.me"}>John Mwendwa</Link>
+        &copy; <Link href={"https://johnmwendwa.me"}>John Mwendwa</Link>
+        <span className="text-sm ml-1">{new Date().getFullYear()}</span>
       </p>
     </footer>
   );

From 951f490feef07ea49e7059b0a52ed77402b21c23 Mon Sep 17 00:00:00 2001
From: John Mwendwa <72663882+JohnMwendwa@users.noreply.github.com>
Date: Sun, 20 Aug 2023 15:06:57 +0300
Subject: [PATCH 2/2] add card shadow color

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

diff --git a/src/components/BookCard.tsx b/src/components/BookCard.tsx
index 11023e1..b8d43e9 100644
--- a/src/components/BookCard.tsx
+++ b/src/components/BookCard.tsx
@@ -86,10 +86,10 @@ const BookCard = ({ _id, title, author, start, end }) => {
   };
 
   return (
-    <div className="border-2 rounded-md p-4 w-full relative">
+    <div className="border-2 border-black/20 rounded-md p-4 w-full relative shadow-sm  shadow-gray-900/75">
       <div className="flex items-center justify-between">
         <h2 className="font-bold text-xl sm:text-2xl">{title}</h2>
-        <span className="font-mono absolute top-0 right-0 bg-black text-white pl-3 pr-1 rounded-tr-md rounded-bl-3xl text-sm">
+        <span className="font-mono absolute top-0 right-0 bg-black text-white pl-3 pr-1 rounded-tr rounded-bl-2xl text-sm">
           {getYear(start)}
         </span>
       </div>