From 85e721e3a8426762aaca1fa4aa160444d4bf40df Mon Sep 17 00:00:00 2001
From: sivasai <sivasainookala@gmail.com>
Date: Sun, 20 Oct 2024 11:13:58 +0530
Subject: [PATCH 1/4] changes added

---
 frontend/src/components/about.css | 78 +++++++++++++++----------------
 1 file changed, 39 insertions(+), 39 deletions(-)

diff --git a/frontend/src/components/about.css b/frontend/src/components/about.css
index 292c049..aa426f1 100644
--- a/frontend/src/components/about.css
+++ b/frontend/src/components/about.css
@@ -8,87 +8,87 @@ body {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 80px 20px; /* Keep spacious padding */
-  background: linear-gradient(135deg, rgba(200, 233, 255, 0.5), rgba(128, 209, 255, 0.4)); /* Softer gradient */
+  padding: 80px 20px;
+  background: linear-gradient(135deg, rgba(255, 245, 233, 0.5), rgba(255, 209, 163, 0.4)); /* Soft warm gradient */
   min-height: 100vh;
   font-family: 'Arial', sans-serif;
-  color: #343a40;
+  color: #2c3e50; /* Dark slate color */
 }
 
 .about-container h1 {
-  font-size: 4rem; /* Keep large font size for impact */
-  color: #004085; /* Darker blue */
-  margin-bottom: 40px; /* Keep increased margin for spacing */
+  font-size: 4rem;
+  color: #c0392b; /* Bold red for heading */
+  margin-bottom: 40px;
   text-align: center;
-  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Enhanced text shadow for depth */
+  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
 }
 
 .about-container p {
-  font-size: 1.6rem; /* Keep increased font size for readability */
-  line-height: 1.8; /* Keep adjusted line height */
-  color: #343a40;
+  font-size: 1.6rem;
+  line-height: 1.8;
+  color: #2c3e50;
   max-width: 800px;
   text-align: center;
-  margin-bottom: 40px; /* Decreased margin for more compact layout */
-  padding: 0 20px; /* Keep horizontal padding */
+  margin-bottom: 40px;
+  padding: 0 20px;
 }
 
 .about-section {
-  margin: 20px 0; /* Decreased margin for tighter spacing */
-  padding: 30px; /* Decreased padding for reduced height */
+  margin: 20px 0;
+  padding: 30px;
   border-radius: 15px;
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(200, 220, 255, 0.8)); /* More vibrant section gradient */
-  color: #343a40;
-  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow for depth */
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 223, 186, 0.8)); /* Vibrant, light gradient */
+  color: #2c3e50;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
-  width: 90%; /* Increased width for content */
-  max-width: 700px; /* Increased max-width for larger displays */
-  text-align: justify; /* Justify text */
-  border: 1px solid rgba(0, 123, 255, 0.5); /* Slightly darker border */
+  width: 90%;
+  max-width: 700px;
+  text-align: justify;
+  border: 1px solid rgba(192, 57, 43, 0.5); /* Dark red border */
 }
 
 .about-section:hover {
-  transform: translateY(-10px); /* Enhanced hover effect for interactivity */
+  transform: translateY(-10px);
   box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
 }
 
 .about-section h2 {
-  font-size: 3rem; /* Keep larger font size for section headings */
-  margin-bottom: 15px; /* Adjusted margin for spacing */
-  color: #004085; /* Darker blue */
-  border-bottom: 2px solid rgba(0, 123, 255, 0.6); /* Slightly darker border */
-  padding-bottom: 5px; /* Increased padding for emphasis */
-  transition: color 0.3s ease; /* Smooth color transition */
+  font-size: 3rem;
+  margin-bottom: 15px;
+  color: #c0392b; /* Darker red for headings */
+  border-bottom: 2px solid rgba(192, 57, 43, 0.6); /* Darker border */
+  padding-bottom: 5px;
+  transition: color 0.3s ease;
 }
 
 .about-section h2:hover {
-  color: #007bff; /* Change color on hover for better interaction */
+  color: #e74c3c; /* Lighter red on hover */
 }
 
 .about-section p {
-  font-size: 1.3rem; /* Keep increased font size for section content */
-  line-height: 1.6; /* Increased line height for readability */
-  margin-top: 10px; /* Adjusted margin for spacing */
-  color: #343a40;
-  text-align: justify; /* Justify text for cleaner appearance */
+  font-size: 1.3rem;
+  line-height: 1.6;
+  margin-top: 10px;
+  color: #2c3e50;
+  text-align: justify;
 }
 
 /* Responsive adjustments */
 @media (max-width: 768px) {
   .about-container h1 {
-    font-size: 3.2rem; /* Adjusted for smaller screens */
+    font-size: 3.2rem;
   }
 
   .about-section h2 {
-    font-size: 2.5rem; /* Adjusted for smaller screens */
+    font-size: 2.5rem;
   }
 
   .about-container p, .about-section p {
-    font-size: 1.1rem; /* Adjusted for smaller screens */
+    font-size: 1.1rem;
   }
 
   .about-section {
-    width: 90%; /* Full width on smaller screens for better usability */
-    padding: 20px; /* Further reduced padding for mobile devices */
+    width: 90%;
+    padding: 20px;
   }
 }

From acec615a0c211fa1b4c4fb70f958f3e8c8daa781 Mon Sep 17 00:00:00 2001
From: sivasai <sivasainookala@gmail.com>
Date: Sun, 20 Oct 2024 20:28:58 +0530
Subject: [PATCH 2/4] changed css colors to about me page

---
 frontend/src/components/about.css | 80 +++++++++++++++----------------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/frontend/src/components/about.css b/frontend/src/components/about.css
index aa426f1..77774a8 100644
--- a/frontend/src/components/about.css
+++ b/frontend/src/components/about.css
@@ -8,87 +8,87 @@ body {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 80px 20px;
-  background: linear-gradient(135deg, rgba(255, 245, 233, 0.5), rgba(255, 209, 163, 0.4)); /* Soft warm gradient */
+  padding: 80px 20px; /* Keep spacious padding */
+  background: linear-gradient(135deg, rgba(200, 233, 255, 0.5), rgba(128, 209, 255, 0.4)); /* Softer gradient */
   min-height: 100vh;
   font-family: 'Arial', sans-serif;
-  color: #2c3e50; /* Dark slate color */
+  color: #343a40;
 }
 
 .about-container h1 {
-  font-size: 4rem;
-  color: #c0392b; /* Bold red for heading */
-  margin-bottom: 40px;
+  font-size: 4rem; /* Keep large font size for impact */
+  color: #004085; /* Darker blue */
+  margin-bottom: 40px; /* Keep increased margin for spacing */
   text-align: center;
-  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
+  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Enhanced text shadow for depth */
 }
 
 .about-container p {
-  font-size: 1.6rem;
-  line-height: 1.8;
-  color: #2c3e50;
+  font-size: 1.6rem; /* Keep increased font size for readability */
+  line-height: 1.8; /* Keep adjusted line height */
+  color: #343a40;
   max-width: 800px;
   text-align: center;
-  margin-bottom: 40px;
-  padding: 0 20px;
+  margin-bottom: 40px; /* Decreased margin for more compact layout */
+  padding: 0 20px; /* Keep horizontal padding */
 }
 
 .about-section {
-  margin: 20px 0;
-  padding: 30px;
+  margin: 20px 0; /* Decreased margin for tighter spacing */
+  padding: 30px; /* Decreased padding for reduced height */
   border-radius: 15px;
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 223, 186, 0.8)); /* Vibrant, light gradient */
-  color: #2c3e50;
-  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(200, 220, 255, 0.8)); /* More vibrant section gradient */
+  color: #343a40;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow for depth */
   transition: transform 0.3s ease, box-shadow 0.3s ease;
-  width: 90%;
-  max-width: 700px;
-  text-align: justify;
-  border: 1px solid rgba(192, 57, 43, 0.5); /* Dark red border */
+  width: 90%; /* Increased width for content */
+  max-width: 700px; /* Increased max-width for larger displays */
+  text-align: justify; /* Justify text */
+  border: 1px solid rgba(0, 123, 255, 0.5); /* Slightly darker border */
 }
 
 .about-section:hover {
-  transform: translateY(-10px);
+  transform: translateY(-10px); /* Enhanced hover effect for interactivity */
   box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
 }
 
 .about-section h2 {
-  font-size: 3rem;
-  margin-bottom: 15px;
-  color: #c0392b; /* Darker red for headings */
-  border-bottom: 2px solid rgba(192, 57, 43, 0.6); /* Darker border */
-  padding-bottom: 5px;
-  transition: color 0.3s ease;
+  font-size: 3rem; /* Keep larger font size for section headings */
+  margin-bottom: 15px; /* Adjusted margin for spacing */
+  color: #004085; /* Darker blue */
+  border-bottom: 2px solid rgba(0, 123, 255, 0.6); /* Slightly darker border */
+  padding-bottom: 5px; /* Increased padding for emphasis */
+  transition: color 0.3s ease; /* Smooth color transition */
 }
 
 .about-section h2:hover {
-  color: #e74c3c; /* Lighter red on hover */
+  color: #007bff; /* Change color on hover for better interaction */
 }
 
 .about-section p {
-  font-size: 1.3rem;
-  line-height: 1.6;
-  margin-top: 10px;
-  color: #2c3e50;
-  text-align: justify;
+  font-size: 1.3rem; /* Keep increased font size for section content */
+  line-height: 1.6; /* Increased line height for readability */
+  margin-top: 10px; /* Adjusted margin for spacing */
+  color: #343a40;
+  text-align: justify; /* Justify text for cleaner appearance */
 }
 
 /* Responsive adjustments */
 @media (max-width: 768px) {
   .about-container h1 {
-    font-size: 3.2rem;
+    font-size: 3.2rem; /* Adjusted for smaller screens */
   }
 
   .about-section h2 {
-    font-size: 2.5rem;
+    font-size: 2.5rem; /* Adjusted for smaller screens */
   }
 
   .about-container p, .about-section p {
-    font-size: 1.1rem;
+    font-size: 1.1rem; /* Adjusted for smaller screens */
   }
 
   .about-section {
-    width: 90%;
-    padding: 20px;
+    width: 90%; /* Full width on smaller screens for better usability */
+    padding: 20px; /* Further reduced padding for mobile devices */
   }
-}
+}      
\ No newline at end of file

From baf917ab6a05ccec5114dd9e4d7a69d85436a49d Mon Sep 17 00:00:00 2001
From: sivasai <sivasainookala@gmail.com>
Date: Sun, 20 Oct 2024 20:51:08 +0530
Subject: [PATCH 3/4] about page has been updated

---
 frontend/src/components/about.css | 143 ++++++++++++++++--------------
 1 file changed, 74 insertions(+), 69 deletions(-)

diff --git a/frontend/src/components/about.css b/frontend/src/components/about.css
index 77774a8..b5c0e47 100644
--- a/frontend/src/components/about.css
+++ b/frontend/src/components/about.css
@@ -1,94 +1,99 @@
-body {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
+/* Add smooth scrolling effect for better navigation */
+html {
+  scroll-behavior: smooth;
+}
+
+/* Enhance the overall look with a subtle animation on page load */
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
 }
 
 .about-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 80px 20px; /* Keep spacious padding */
-  background: linear-gradient(135deg, rgba(200, 233, 255, 0.5), rgba(128, 209, 255, 0.4)); /* Softer gradient */
-  min-height: 100vh;
-  font-family: 'Arial', sans-serif;
-  color: #343a40;
+  animation: fadeIn 1.5s ease-in-out;
 }
 
-.about-container h1 {
-  font-size: 4rem; /* Keep large font size for impact */
-  color: #004085; /* Darker blue */
-  margin-bottom: 40px; /* Keep increased margin for spacing */
+/* Add a back-to-top button for better navigation */
+#back-to-top {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  background-color: #004085;
+  color: white;
+  border-radius: 50%;
+  padding: 10px 15px;
+  font-size: 2rem;
   text-align: center;
-  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Enhanced text shadow for depth */
+  cursor: pointer;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+  transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }
 
-.about-container p {
-  font-size: 1.6rem; /* Keep increased font size for readability */
-  line-height: 1.8; /* Keep adjusted line height */
-  color: #343a40;
-  max-width: 800px;
-  text-align: center;
-  margin-bottom: 40px; /* Decreased margin for more compact layout */
-  padding: 0 20px; /* Keep horizontal padding */
+#back-to-top:hover {
+  background-color: #007bff;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
 }
 
+/* Hide back-to-top button initially, show when scrolled down */
+#back-to-top.hidden {
+  display: none;
+}
+
+/* Add a subtle border animation to the sections */
 .about-section {
-  margin: 20px 0; /* Decreased margin for tighter spacing */
-  padding: 30px; /* Decreased padding for reduced height */
-  border-radius: 15px;
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(200, 220, 255, 0.8)); /* More vibrant section gradient */
-  color: #343a40;
-  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow for depth */
-  transition: transform 0.3s ease, box-shadow 0.3s ease;
-  width: 90%; /* Increased width for content */
-  max-width: 700px; /* Increased max-width for larger displays */
-  text-align: justify; /* Justify text */
-  border: 1px solid rgba(0, 123, 255, 0.5); /* Slightly darker border */
+  position: relative;
+  overflow: hidden;
 }
 
-.about-section:hover {
-  transform: translateY(-10px); /* Enhanced hover effect for interactivity */
-  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
+.about-section:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 2px solid transparent;
+  background-image: linear-gradient(135deg, rgba(200, 233, 255, 0.5), rgba(128, 209, 255, 0.4));
+  background-clip: border-box;
+  border-radius: 15px;
+  z-index: -1;
+  transition: all 0.4s ease-in-out;
 }
 
-.about-section h2 {
-  font-size: 3rem; /* Keep larger font size for section headings */
-  margin-bottom: 15px; /* Adjusted margin for spacing */
-  color: #004085; /* Darker blue */
-  border-bottom: 2px solid rgba(0, 123, 255, 0.6); /* Slightly darker border */
-  padding-bottom: 5px; /* Increased padding for emphasis */
-  transition: color 0.3s ease; /* Smooth color transition */
+.about-section:hover:before {
+  border-color: rgba(0, 123, 255, 0.6);
 }
 
-.about-section h2:hover {
-  color: #007bff; /* Change color on hover for better interaction */
+/* Style list items inside sections for better structure */
+.about-section ul {
+  list-style-type: disc;
+  padding-left: 20px;
+  margin-top: 15px;
 }
 
-.about-section p {
-  font-size: 1.3rem; /* Keep increased font size for section content */
-  line-height: 1.6; /* Increased line height for readability */
-  margin-top: 10px; /* Adjusted margin for spacing */
+.about-section li {
+  margin-bottom: 10px;
+  font-size: 1.3rem;
   color: #343a40;
-  text-align: justify; /* Justify text for cleaner appearance */
 }
 
-/* Responsive adjustments */
-@media (max-width: 768px) {
-  .about-container h1 {
-    font-size: 3.2rem; /* Adjusted for smaller screens */
-  }
-
-  .about-section h2 {
-    font-size: 2.5rem; /* Adjusted for smaller screens */
-  }
+/* Add underline animation to links */
+a {
+  color: #004085;
+  text-decoration: none;
+  border-bottom: 2px solid transparent;
+  transition: border-bottom 0.3s ease, color 0.3s ease;
+}
 
-  .about-container p, .about-section p {
-    font-size: 1.1rem; /* Adjusted for smaller screens */
-  }
+a:hover {
+  color: #007bff;
+  border-bottom: 2px solid #007bff;
+}
 
-  .about-section {
-    width: 90%; /* Full width on smaller screens for better usability */
-    padding: 20px; /* Further reduced padding for mobile devices */
+/* Responsive back-to-top button adjustments */
+@media (max-width: 768px) {
+  #back-to-top {
+    font-size: 1.5rem;
+    padding: 8px 12px;
   }
-}      
\ No newline at end of file
+}

From 01f5d8bfcba1f97fcf106d90c8a2ac7a5a03215f Mon Sep 17 00:00:00 2001
From: sivasai <sivasainookala@gmail.com>
Date: Sun, 20 Oct 2024 21:32:01 +0530
Subject: [PATCH 4/4] updated

---
 frontend/src/components/about.css | 143 ++++++++++++++----------------
 1 file changed, 69 insertions(+), 74 deletions(-)

diff --git a/frontend/src/components/about.css b/frontend/src/components/about.css
index b5c0e47..d97510b 100644
--- a/frontend/src/components/about.css
+++ b/frontend/src/components/about.css
@@ -1,99 +1,94 @@
-/* Add smooth scrolling effect for better navigation */
-html {
-  scroll-behavior: smooth;
-}
-
-/* Enhance the overall look with a subtle animation on page load */
-@keyframes fadeIn {
-  from { opacity: 0; }
-  to { opacity: 1; }
+body {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
 
 .about-container {
-  animation: fadeIn 1.5s ease-in-out;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 80px 20px; /* Keep spacious padding */
+  background: linear-gradient(135deg, rgba(200, 233, 255, 0.5), rgba(128, 209, 255, 0.4)); /* Softer gradient */
+  min-height: 100vh;
+  font-family: 'Arial', sans-serif;
+  color: #343a40;
 }
 
-/* Add a back-to-top button for better navigation */
-#back-to-top {
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  background-color: #004085;
-  color: white;
-  border-radius: 50%;
-  padding: 10px 15px;
-  font-size: 2rem;
+.about-container h1 {
+  font-size: 4rem; /* Keep large font size for impact */
+  color: #004085; /* Darker blue */
+  margin-bottom: 40px; /* Keep increased margin for spacing */
   text-align: center;
-  cursor: pointer;
-  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
-  transition: background-color 0.3s ease, box-shadow 0.3s ease;
-}
-
-#back-to-top:hover {
-  background-color: #007bff;
-  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
+  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Enhanced text shadow for depth */
 }
 
-/* Hide back-to-top button initially, show when scrolled down */
-#back-to-top.hidden {
-  display: none;
+.about-container p {
+  font-size: 1.6rem; /* Keep increased font size for readability */
+  line-height: 1.8; /* Keep adjusted line height */
+  color: #343a40;
+  max-width: 800px;
+  text-align: center;
+  margin-bottom: 40px; /* Decreased margin for more compact layout */
+  padding: 0 20px; /* Keep horizontal padding */
 }
 
-/* Add a subtle border animation to the sections */
 .about-section {
-  position: relative;
-  overflow: hidden;
+  margin: 20px 0; /* Decreased margin for tighter spacing */
+  padding: 30px; /* Decreased padding for reduced height */
+  border-radius: 15px;
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(200, 220, 255, 0.8)); /* More vibrant section gradient */
+  color: #343a40;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow for depth */
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  width: 90%; /* Increased width for content */
+  max-width: 700px; /* Increased max-width for larger displays */
+  text-align: justify; /* Justify text */
+  border: 1px solid rgba(0, 123, 255, 0.5); /* Slightly darker border */
 }
 
-.about-section:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: 2px solid transparent;
-  background-image: linear-gradient(135deg, rgba(200, 233, 255, 0.5), rgba(128, 209, 255, 0.4));
-  background-clip: border-box;
-  border-radius: 15px;
-  z-index: -1;
-  transition: all 0.4s ease-in-out;
+.about-section:hover {
+  transform: translateY(-10px); /* Enhanced hover effect for interactivity */
+  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
 }
 
-.about-section:hover:before {
-  border-color: rgba(0, 123, 255, 0.6);
+.about-section h2 {
+  font-size: 3rem; /* Keep larger font size for section headings */
+  margin-bottom: 15px; /* Adjusted margin for spacing */
+  color: #004085; /* Darker blue */
+  border-bottom: 2px solid rgba(0, 123, 255, 0.6); /* Slightly darker border */
+  padding-bottom: 5px; /* Increased padding for emphasis */
+  transition: color 0.3s ease; /* Smooth color transition */
 }
 
-/* Style list items inside sections for better structure */
-.about-section ul {
-  list-style-type: disc;
-  padding-left: 20px;
-  margin-top: 15px;
+.about-section h2:hover {
+  color: #007bff; /* Change color on hover for better interaction */
 }
 
-.about-section li {
-  margin-bottom: 10px;
-  font-size: 1.3rem;
+.about-section p {
+  font-size: 1.3rem; /* Keep increased font size for section content */
+  line-height: 1.6; /* Increased line height for readability */
+  margin-top: 10px; /* Adjusted margin for spacing */
   color: #343a40;
+  text-align: justify; /* Justify text for cleaner appearance */
 }
 
-/* Add underline animation to links */
-a {
-  color: #004085;
-  text-decoration: none;
-  border-bottom: 2px solid transparent;
-  transition: border-bottom 0.3s ease, color 0.3s ease;
-}
+/* Responsive adjustments */
+@media (max-width: 768px) {
+  .about-container h1 {
+    font-size: 3.2rem; /* Adjusted for smaller screens */
+  }
 
-a:hover {
-  color: #007bff;
-  border-bottom: 2px solid #007bff;
-}
+  .about-section h2 {
+    font-size: 2.5rem; /* Adjusted for smaller screens */
+  }
 
-/* Responsive back-to-top button adjustments */
-@media (max-width: 768px) {
-  #back-to-top {
-    font-size: 1.5rem;
-    padding: 8px 12px;
+  .about-container p, .about-section p {
+    font-size: 1.1rem; /* Adjusted for smaller screens */
   }
-}
+
+  .about-section {
+    width: 90%; /* Full width on smaller screens for better usability */
+    padding: 20px; /* Further reduced padding for mobile devices */
+  }
+}
\ No newline at end of file