From eaaa4bb93239399000a1f507319168d4952ee211 Mon Sep 17 00:00:00 2001
From: Devyani Ravi <devyaniravi2003@gmail.com>
Date: Fri, 27 Sep 2024 20:38:06 +0000
Subject: [PATCH] fix credit and colors

---
 docs/.vuepress/components/HomePage.vue | 31 ++++++++++++++++++++------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/docs/.vuepress/components/HomePage.vue b/docs/.vuepress/components/HomePage.vue
index a5a9a65..848ae6f 100644
--- a/docs/.vuepress/components/HomePage.vue
+++ b/docs/.vuepress/components/HomePage.vue
@@ -30,7 +30,7 @@
         <p>
           At <strong>Natronaut</strong>, we're working with a truly remarkable organism: <i>Vibrio natriegens</i>. This marine bacterium is known for its <strong>unparalleled growth rate</strong>—the fastest of any known organism, doubling in just 7-10 minutes, overshadowing the far more traditional <i>Escherichia coli</i>. This makes <i>Vibrio natriegens</i> the future of synthetic biology.
         </p>
-        <p><small>Credit: The laboratory of Buz Barstow has engineered the bacteria Vibrio natriegens, shown here, to conduct low-cost science without expensive incubators, shakers, or freezers. Credit: Bryce Brownfield.</small></p>
+        <p><small>Credit: Bryce Brownfield.</small></p>
       </div>
     </div>
 
@@ -63,19 +63,37 @@ body {
   height: auto;
 }
 
-.about-us, .project-overview, .promo-video {
+.about-us {
   text-align: center;
   margin: 2rem 0;
-  background-color: #d8e3c2; /* Lighter green background */
+  background-color: #396d7e; /* Dark teal background for About Us */
   padding: 2rem;
   border-radius: 10px;
 }
 
-.about-us h1, .project-overview h2, .promo-video h2 {
+.about-us h1 {
   color: #5b99d5; /* Softer blue */
 }
 
-.about-us p, .project-overview p, .vibrio-info p {
+.about-us p {
+  font-size: 1.2rem;
+  line-height: 1.8;
+  color: #ffffff; /* White text for better contrast */
+}
+
+.project-overview {
+  text-align: center;
+  margin: 2rem 0;
+  background-color: #e3f2fd; /* Light blue background */
+  padding: 2rem;
+  border-radius: 10px;
+}
+
+.project-overview h2 {
+  color: #5b99d5; /* Softer blue */
+}
+
+.project-overview p {
   font-size: 1.2rem;
   line-height: 1.8;
   color: #1c2740; /* Darker blue for text */
@@ -91,7 +109,7 @@ body {
   display: flex;
   align-items: center;
   margin: 2rem 0;
-  background-color: #e3f2fd; /* Light blue background */
+  background-color: #fed5a4; /* Light orange background for Vibrio card */
   padding: 1rem;
   border-radius: 10px;
 }
@@ -132,4 +150,3 @@ body {
   height: 100%;
 }
 </style>
-
-- 
GitLab