From 3f0dad22d1b7b0f747f071abdf472f7323a1afbe Mon Sep 17 00:00:00 2001
From: Ashutosh8215 <ashutosh.j@mindfiresolutions.com>
Date: Thu, 22 Feb 2024 14:33:37 +0530
Subject: [PATCH 1/3] chore: shift the github icon to left side of login

---
 src/app/contributors/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/contributors/page.tsx b/src/app/contributors/page.tsx
index b1e70123..5e824d84 100644
--- a/src/app/contributors/page.tsx
+++ b/src/app/contributors/page.tsx
@@ -32,13 +32,7 @@ const Contributors = () => {
                       src={contributor.avatar_url}
                       alt={`Contributor ${contributor.login}`}
                     />
-                    <h5 className='text-xl font-medium text-gray-900 text-center'>
-                      {contributor.login}
-                    </h5>
-                    <p className='text-sm text-gray-500 text-center'>
-                      Contributions: {contributor.contributions}
-                    </p>
-                    <div className='flex justify-center mt-4'>
+                    <div className='flex justify-center items-center gap-2 mt-4 '>
                       <Link href={contributor.html_url!} target='_blank'>
                         <Image
                           src={github}
@@ -47,7 +41,13 @@ const Contributors = () => {
                           alt='github_img'
                         />
                       </Link>
+                      <h5 className='text-xl font-medium text-gray-900 text-center'>
+                        {contributor.login}
+                      </h5>
                     </div>
+                    <p className='text-sm text-gray-500 text-center'>
+                      Contributions: {contributor.contributions}
+                    </p>
                   </div>
                 </div>
               ))}

From 424e425db3e566701cb2d5a46bc389438de609af Mon Sep 17 00:00:00 2001
From: Ashutosh8215 <ashutosh.j@mindfiresolutions.com>
Date: Fri, 23 Feb 2024 13:11:33 +0530
Subject: [PATCH 2/3] feat: add contributor icon

---
 public/images/social-media/contributor.svg  |  2 +
 public/images/social-media/git-issue.svg    | 13 ++++++
 public/images/social-media/pull-request.svg |  2 +
 src/app/contributors/page.tsx               | 49 +++++++++++++++++++--
 4 files changed, 63 insertions(+), 3 deletions(-)
 create mode 100644 public/images/social-media/contributor.svg
 create mode 100644 public/images/social-media/git-issue.svg
 create mode 100644 public/images/social-media/pull-request.svg

diff --git a/public/images/social-media/contributor.svg b/public/images/social-media/contributor.svg
new file mode 100644
index 00000000..90cd0a61
--- /dev/null
+++ b/public/images/social-media/contributor.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>ionicons-v5-d</title><path d="M192,96a64,64,0,1,0-96,55.39V360.61a64,64,0,1,0,64,0V151.39A64,64,0,0,0,192,96ZM128,64A32,32,0,1,1,96,96,32,32,0,0,1,128,64Zm0,384a32,32,0,1,1,32-32A32,32,0,0,1,128,448Z"/><path d="M416,360.61V156a92.1,92.1,0,0,0-92-92H304V32a16,16,0,0,0-27.31-11.31l-64,64a16,16,0,0,0,0,22.62l64,64A16,16,0,0,0,304,160V128h20a28,28,0,0,1,28,28V360.61a64,64,0,1,0,64,0ZM384,448a32,32,0,1,1,32-32A32,32,0,0,1,384,448Z"/></svg>
\ No newline at end of file
diff --git a/public/images/social-media/git-issue.svg b/public/images/social-media/git-issue.svg
new file mode 100644
index 00000000..93e5d468
--- /dev/null
+++ b/public/images/social-media/git-issue.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 29.334 29.334"
+	 xml:space="preserve">
+<g>
+	<path d="M14.666,0C6.578,0,0,6.58,0,14.667s6.578,14.667,14.666,14.667s14.668-6.58,14.668-14.667S22.754,0,14.666,0z
+		 M14.666,25.334C8.784,25.334,4,20.549,4,14.667S8.784,4,14.666,4c5.883,0,10.668,4.785,10.668,10.667S20.547,25.334,14.666,25.334
+		z M19.332,14.667c0,2.577-2.089,4.667-4.666,4.667c-2.576,0-4.666-2.089-4.666-4.667C10,12.09,12.09,10,14.666,10
+		C17.243,10,19.332,12.09,19.332,14.667z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/public/images/social-media/pull-request.svg b/public/images/social-media/pull-request.svg
new file mode 100644
index 00000000..d31e0932
--- /dev/null
+++ b/public/images/social-media/pull-request.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>ionicons-v5-d</title><path d="M385,224a64,64,0,0,0-55.33,31.89c-42.23-1.21-85.19-12.72-116.21-31.33-32.2-19.32-49.71-44-52.15-73.35a64,64,0,1,0-64.31.18V360.61a64,64,0,1,0,64,0V266.15c44.76,34,107.28,52.38,168.56,53.76A64,64,0,1,0,385,224ZM129,64A32,32,0,1,1,97,96,32,32,0,0,1,129,64Zm0,384a32,32,0,1,1,32-32A32,32,0,0,1,129,448ZM385,320a32,32,0,1,1,32-32A32,32,0,0,1,385,320Z"/></svg>
\ No newline at end of file
diff --git a/src/app/contributors/page.tsx b/src/app/contributors/page.tsx
index 5e824d84..c914d84b 100644
--- a/src/app/contributors/page.tsx
+++ b/src/app/contributors/page.tsx
@@ -3,6 +3,9 @@
 import Link from "next/link";
 import React from "react";
 import github from "../../../public/images/social-media/github.png";
+import contributorImg from "../../../public/images/social-media/contributor.svg";
+import prImg from "../../../public/images/social-media/pull-request.svg";
+import issueImg from "../../../public/images/social-media/git-issue.svg";
 import Image from "next/image";
 import contributorList from "../projects/assets/contributors.json";
 
@@ -45,9 +48,49 @@ const Contributors = () => {
                         {contributor.login}
                       </h5>
                     </div>
-                    <p className='text-sm text-gray-500 text-center'>
-                      Contributions: {contributor.contributions}
-                    </p>
+                    <footer>
+                      <div className='grid grid-cols-3 divide-x'>
+                        <div className='flex justify-center items-center gap-1 mt-4 '>
+                          <div>
+                            <Image
+                              src={contributorImg}
+                              height={20}
+                              width={20}
+                              alt='github_img'
+                            />
+                          </div>
+                          <p className='text-sm text-gray-500 text-center'>
+                            {contributor.contributions}
+                          </p>
+                        </div>
+                        <div className='flex justify-center items-center gap-1 mt-4 '>
+                          <div>
+                            <Image
+                              src={prImg}
+                              height={20}
+                              width={20}
+                              alt='github_img'
+                            />
+                          </div>
+                          <p className='text-sm text-gray-500 text-center'>
+                            {contributor.contributions / 2}
+                          </p>
+                        </div>
+                        <div className='flex justify-center items-center gap-1 mt-4 '>
+                          <div>
+                            <Image
+                              src={issueImg}
+                              height={20}
+                              width={20}
+                              alt='github_img'
+                            />
+                          </div>
+                          <p className='text-sm text-gray-500 text-center'>
+                            {contributor.contributions / 4}
+                          </p>
+                        </div>
+                      </div>
+                    </footer>
                   </div>
                 </div>
               ))}

From 53321745e1b20453d01e3534f2e1d63d96e4c767 Mon Sep 17 00:00:00 2001
From: Ashutosh8215 <ashutosh.j@mindfiresolutions.com>
Date: Fri, 23 Feb 2024 17:41:57 +0530
Subject: [PATCH 3/3] feat: change icon color to red

---
 public/images/social-media/contributor.svg  |  2 +-
 public/images/social-media/git-issue.svg    |  2 +-
 public/images/social-media/pull-request.svg |  2 +-
 src/app/contributors/page.tsx               | 17 ++++++++++++++---
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/public/images/social-media/contributor.svg b/public/images/social-media/contributor.svg
index 90cd0a61..1d94ee45 100644
--- a/public/images/social-media/contributor.svg
+++ b/public/images/social-media/contributor.svg
@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>ionicons-v5-d</title><path d="M192,96a64,64,0,1,0-96,55.39V360.61a64,64,0,1,0,64,0V151.39A64,64,0,0,0,192,96ZM128,64A32,32,0,1,1,96,96,32,32,0,0,1,128,64Zm0,384a32,32,0,1,1,32-32A32,32,0,0,1,128,448Z"/><path d="M416,360.61V156a92.1,92.1,0,0,0-92-92H304V32a16,16,0,0,0-27.31-11.31l-64,64a16,16,0,0,0,0,22.62l64,64A16,16,0,0,0,304,160V128h20a28,28,0,0,1,28,28V360.61a64,64,0,1,0,64,0ZM384,448a32,32,0,1,1,32-32A32,32,0,0,1,384,448Z"/></svg>
\ No newline at end of file
+<svg fill="#f81f1f" width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>ionicons-v5-d</title><path d="M192,96a64,64,0,1,0-96,55.39V360.61a64,64,0,1,0,64,0V151.39A64,64,0,0,0,192,96ZM128,64A32,32,0,1,1,96,96,32,32,0,0,1,128,64Zm0,384a32,32,0,1,1,32-32A32,32,0,0,1,128,448Z"/><path d="M416,360.61V156a92.1,92.1,0,0,0-92-92H304V32a16,16,0,0,0-27.31-11.31l-64,64a16,16,0,0,0,0,22.62l64,64A16,16,0,0,0,304,160V128h20a28,28,0,0,1,28,28V360.61a64,64,0,1,0,64,0ZM384,448a32,32,0,1,1,32-32A32,32,0,0,1,384,448Z"/></svg>
\ No newline at end of file
diff --git a/public/images/social-media/git-issue.svg b/public/images/social-media/git-issue.svg
index 93e5d468..cec5454f 100644
--- a/public/images/social-media/git-issue.svg
+++ b/public/images/social-media/git-issue.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+<svg fill="#f81f1f" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
 	 width="800px" height="800px" viewBox="0 0 29.334 29.334"
 	 xml:space="preserve">
 <g>
diff --git a/public/images/social-media/pull-request.svg b/public/images/social-media/pull-request.svg
index d31e0932..ed9e4036 100644
--- a/public/images/social-media/pull-request.svg
+++ b/public/images/social-media/pull-request.svg
@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>ionicons-v5-d</title><path d="M385,224a64,64,0,0,0-55.33,31.89c-42.23-1.21-85.19-12.72-116.21-31.33-32.2-19.32-49.71-44-52.15-73.35a64,64,0,1,0-64.31.18V360.61a64,64,0,1,0,64,0V266.15c44.76,34,107.28,52.38,168.56,53.76A64,64,0,1,0,385,224ZM129,64A32,32,0,1,1,97,96,32,32,0,0,1,129,64Zm0,384a32,32,0,1,1,32-32A32,32,0,0,1,129,448ZM385,320a32,32,0,1,1,32-32A32,32,0,0,1,385,320Z"/></svg>
\ No newline at end of file
+<svg fill="#f81f1f" width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>ionicons-v5-d</title><path d="M385,224a64,64,0,0,0-55.33,31.89c-42.23-1.21-85.19-12.72-116.21-31.33-32.2-19.32-49.71-44-52.15-73.35a64,64,0,1,0-64.31.18V360.61a64,64,0,1,0,64,0V266.15c44.76,34,107.28,52.38,168.56,53.76A64,64,0,1,0,385,224ZM129,64A32,32,0,1,1,97,96,32,32,0,0,1,129,64Zm0,384a32,32,0,1,1,32-32A32,32,0,0,1,129,448ZM385,320a32,32,0,1,1,32-32A32,32,0,0,1,385,320Z"/></svg>
\ No newline at end of file
diff --git a/src/app/contributors/page.tsx b/src/app/contributors/page.tsx
index c914d84b..213c8191 100644
--- a/src/app/contributors/page.tsx
+++ b/src/app/contributors/page.tsx
@@ -42,6 +42,8 @@ const Contributors = () => {
                           height={20}
                           width={20}
                           alt='github_img'
+                          loading='lazy'
+                          quality={75}
                         />
                       </Link>
                       <h5 className='text-xl font-medium text-gray-900 text-center'>
@@ -56,7 +58,10 @@ const Contributors = () => {
                               src={contributorImg}
                               height={20}
                               width={20}
-                              alt='github_img'
+                              alt='contributor'
+                              loading='lazy'
+                              quality={75}
+                              title='Contributor'
                             />
                           </div>
                           <p className='text-sm text-gray-500 text-center'>
@@ -69,7 +74,10 @@ const Contributors = () => {
                               src={prImg}
                               height={20}
                               width={20}
-                              alt='github_img'
+                              alt='pull request'
+                              loading='lazy'
+                              quality={75}
+                              title='Pull request'
                             />
                           </div>
                           <p className='text-sm text-gray-500 text-center'>
@@ -82,7 +90,10 @@ const Contributors = () => {
                               src={issueImg}
                               height={20}
                               width={20}
-                              alt='github_img'
+                              alt='issue'
+                              loading='lazy'
+                              quality={75}
+                              title='Git issue'
                             />
                           </div>
                           <p className='text-sm text-gray-500 text-center'>