diff --git a/assets/css/style.css b/assets/css/style.css
index b5507f9..5936607 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -153,9 +153,8 @@ input, textarea {
 
 html { font-family: var(--ff-poppins); }
 
-body { background: var(--smoky-black); }
-
-
+body { background: var(--smoky-black); } **/
+/** .dark-mode { background: var(--smoky-black); } **/
 
 
 
diff --git a/assets/js/script.js b/assets/js/script.js
index aadc7ff..595a0c5 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -31,7 +31,7 @@ notifyMe();
 
 // element toggle function
 const elementToggleFunc = function (elem) { elem.classList.toggle("active"); }
-
+const darkMode = document.body.element.classList.toggle("dark-mode");
 
 
 // sidebar variables
diff --git a/index.html b/index.html
index ba4988c..e4d4578 100644
--- a/index.html
+++ b/index.html
@@ -48,12 +48,15 @@
 
         <div class="info-content">
           <h3 class="name" title="Priyatham Sai Chand">Priyatham Sai Chand</h3>
-          <p class="title">CS Graduate Student</p>
+          <p class="title">Engineer at Heart</p>
         </div>
         <button class="info_more-btn" data-sidebar-btn>
           <span>Show Contacts</span>
           <ion-icon name="chevron-down"></ion-icon>
         </button>
+        <button class="info_more-btn" onclick="darkMode()">
+          <span>zcxv</span>
+        </button>
       </div>
 
       <div class="sidebar-info_more">
@@ -88,8 +91,8 @@
             </div>
 
             <div class="contact-info">
-              <p class="contact-title">Expected Graduation</p>
-              <time datetime="1982-06-23">May 1, 2024</time>
+              <p class="contact-title">Graduated</p>
+              <time datetime="1982-06-23">May 17, 2024</time>
             </div>
 
           </li>
@@ -177,7 +180,6 @@
 
       </nav>
 
-
       <!--
         - #ABOUT
       -->
@@ -484,8 +486,6 @@
       -->
       </article>
 
-
-
       <!--
         - #RESUME
       -->
@@ -550,6 +550,17 @@
           </div>
 
           <ol class="timeline-list">
+            <li class="timeline-item">
+
+              <h4 class="h4 timeline-item-title">Technical Lead</h4>
+
+              <span>June 2024 - present</span>
+
+              <p class="timeline-text">
+	      Lead various technical projects for office of innovation initatives and be part of advisory board and committees' that help discover and reccommend new softwares to license.
+              </p>
+
+            </li>
             <li class="timeline-item">
 
               <h4 class="h4 timeline-item-title">Digital Credential Specialist</h4>
@@ -568,8 +579,7 @@
               <span>Aug 2022 — April 2024</span>
 
               <p class="timeline-text">
-        Leading team discussions and facilitated decision-making on key interface elements and functionalities to create a robust interface for mission-critical operations. Presented final interface design to project stakeholders and secured approval for implementation and integrate it
-with other vehicle teams.       </p>
+        Leading team discussions and facilitated decision-making on key interface elements and functionalities to create a robust interface for mission-critical operations. Presented final interface design to project stakeholders and secured approval for implementation and integrate it with other vehicle teams.       </p>
 
             </li>
             <li class="timeline-item">
@@ -697,7 +707,6 @@ with other vehicle teams.       </p>
         </section>
 
       </article>
-
       <!--
         - #Projects
       -->
@@ -771,6 +780,26 @@ with other vehicle teams.       </p>
 
           <ul class="project-list">
 
+            <li class="project-item  active" data-filter-item data-category="web development">
+              <a href="#">
+
+                <figure class="project-img">
+                  <div class="project-item-icon-box">
+                    <ion-icon name="eye-outline"></ion-icon>
+                  </div>
+
+                  <img src="./assets/images/architect.png" alt="finance" loading="lazy">
+                </figure>
+
+                <h3 class="project-title">Digital Credentials</h3>
+
+		<p class="project-category">Leading the team providing badging support and development of pathways for the university</p>
+
+		<p class="project-category">Cal Poly Pomona</p>
+
+              </a>
+            </li>
+
             <li class="project-item  active" data-filter-item data-category="web development">
               <a href="#">
 
@@ -943,7 +972,6 @@ with other vehicle teams.       </p>
       <!--
         - #BLOG
       -->
-
 		<!--
       <article class="blog" data-page="blog">
 
@@ -1139,15 +1167,17 @@ with other vehicle teams.       </p>
           <h2 class="h2 article-title">Contact</h2>
         </header>
 
+	<!--
         <section class="mapbox" data-mapbox>
           <figure>
 		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d105764.75604036126!2d-117.8399825224143!3d34.065704085242686!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c32def799fa121%3A0x5209947000caa933!2sPomona%2C%20CA!5e0!3m2!1sen!2sus!4v1673994570714!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
           </figure>
         </section>
+	-->
 
         <section class="contact-form">
 
-          <h3 class="h3 form-title">Contact Form</h3>
+          <h3 class="h3 form-title">Contact</h3>
 
 	  <h5 class="h5 form-title">Kindly Email: <u>pbazaru@cpp.edu</u> for now. I am building a robust backend to handle contact form between school and work I am delaying it. 😅</h5>
 	    <!--