From 1fa307c87144b54a4a2595e6a24670857d9d49a6 Mon Sep 17 00:00:00 2001
From: Maruf Bepary <bepary71@gmail.com>
Date: Mon, 10 Jul 2023 12:56:52 +0100
Subject: [PATCH 1/2] Tweaked cover image for project page and gallery image
 size

---
 app/projects/[slug]/page.tsx   | 21 +++++++++++++++------
 components/Gallery/Gallery.tsx |  4 ++--
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/app/projects/[slug]/page.tsx b/app/projects/[slug]/page.tsx
index 659bfbb5..42538350 100644
--- a/app/projects/[slug]/page.tsx
+++ b/app/projects/[slug]/page.tsx
@@ -79,18 +79,27 @@ const ProjectPage: React.FC = (props: any) => {
   }
 
   return (
-    <div className="flex flex-col space-y-10 align-top min-h-[85vh]">
+    <div className="flex flex-col space-y-10 align-top min-h-[85vh] relative">
       <HeadingTwo title={projectName!} />
       {gallery && gallery.length > 0 ? (
         <Gallery images={gallery} />
       ) : project?.imageURL ? (
-        <div className="w-full h-[40vh] flex items-center justify-center">
+        <div
+          className="w-full flex items-center justify-center relative z-0
+        "
+        >
           <Image
             src={project.imageURL}
-            alt={projectName!}
-            width={800}
-            height={500}
-            className="object-cover rounded-lg"
+            alt="Currently Active"
+            quality={90}
+            width={2000}
+            height={1125}
+            priority
+            className="
+              w-full
+              object-contain rounded-xl 
+              transition-colors duration-700
+              "
           />
         </div>
       ) : (
diff --git a/components/Gallery/Gallery.tsx b/components/Gallery/Gallery.tsx
index d6c332da..10b2e00f 100644
--- a/components/Gallery/Gallery.tsx
+++ b/components/Gallery/Gallery.tsx
@@ -58,9 +58,9 @@ const Gallery: React.FC<GalleryProps> = ({ images }) => {
         <Image
           src={images[activeIndex]}
           alt="Currently Active"
-          width={800}
           quality={90}
-          height={500}
+          width={2000}
+          height={1125}
           priority
           className="
           w-full h-[40vh] 

From 28ddb3e6fecb2051283fb6afbc5e250787f962ca Mon Sep 17 00:00:00 2001
From: Maruf Bepary <bepary71@gmail.com>
Date: Mon, 10 Jul 2023 13:04:47 +0100
Subject: [PATCH 2/2] Added features to readme

---
 README.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/README.md b/README.md
index 3b3461e2..76984a4f 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,21 @@
 Welcome to my personal portfolio website! Explore my skills, projects, and who I am as a developer. With a responsive design, light/dark mode, and captivating sections, let's embark on this journey together. Connect with me in the footer for collaboration and exciting opportunities. Let's inspire through technology and creativity!
 
+
+# **Features**
+
+This personal portfolio offers a multitude of exciting features:
+
+- **Skills Showcase**: Demonstrates the languages, skills, and technologies that I am proficient in. The portfolio offers a detailed view of skills and technologies, and they can be grouped together for convenient viewing in a modal. Extra details are provided for some languages to provide comprehensive insights.
+
+- **Project Portfolio**: Highlights a selection of my projects on the main page. An extended portfolio can be accessed on the project page, including optional site links to live projects, repository links to view the project code, and a quick view of the project stack to reveal the language and technologies used. Some projects also include reflective blogs. You can also explore the gallery of images for each project. Furthermore, you can filter projects by categories (like web development, machine learning, etc.) to view specific types of projects.
+
+- **Blog Space**: A dedicated page where you can read markdown blogs that I write. Here, I share insights, learning experiences, and various thoughts on technology and programming.
+
+- **Light and Dark Mode**: The portfolio supports a light and a dark mode. You can switch between the two according to your preference for a comfortable browsing experience.
+
+With a responsive design, captivating sections, and a journey into my development experience, my personal portfolio welcomes you!
+
+
 # **Requirements**
 These are the requirements needed to run the project:
 - Node 18 LTS