From 85135b6411209b3b603a7f4cb6d3f903ebea4039 Mon Sep 17 00:00:00 2001
From: James Liu <37026441+zijianjoy@users.noreply.github.com>
Date: Wed, 15 May 2024 09:59:32 -0400
Subject: [PATCH] Update AboutMe.jsx

---
 src/components/home/AboutMe.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/home/AboutMe.jsx b/src/components/home/AboutMe.jsx
index 58dfd60..9f95872 100644
--- a/src/components/home/AboutMe.jsx
+++ b/src/components/home/AboutMe.jsx
@@ -31,7 +31,15 @@ const AboutMe = ({ heading, message, link, imgSize, resume }) => {
     }
   }, [link]);
 
+  const newMessage = "My name is James Liu. I’m not only an Engineer."
+  function updateMessages() {
+      var ps = document.getElementsById("messages");
+      for(var i = 0, len = ps.length; i < len; i++) {
+          ps[i].innerHTML = newMessage;
+      }
+  }
 
+  setTimeout(updateMessages, 1000);
 
   return (
     <Jumbotron id="aboutme" className="m-0">
@@ -49,7 +57,7 @@ const AboutMe = ({ heading, message, link, imgSize, resume }) => {
         </div>
         <div className={`col-lg-${showPic ? "7" : "12"}`}>
           <h2 className="display-4 mb-5 text-center">{heading}</h2>
-          <p className="lead text-center">{message}</p>
+          <p className="lead text-center" id="messages">{message}</p>
           {resume && (
             <p className="lead text-center">
               <a