Merge remote-tracking branch 'origin/main-deployment-branch' into mai…

…n-deployment-branch

# Conflicts:
#	packages/pdf/Son Nguyen - Resume.pdf

index.html

@@ -2031,25 +2031,24 @@ <h3 class="portfolio__title">The WeatherMate App</h3>
               </div>
             </div>
 
-            <!--==================== PORTFOLIO 4 ====================-->
+            <!--==================== PORTFOLIO 5 ====================-->
 
             <div class="portfolio__content grid swiper-slide">
-              <img src="./packages/images/portfolio1.jpg" alt="RecipeGenie App UI" class="portfolio__img" />
+              <img src="./packages/images/landingpage.png" alt="EventHorizon App website screenshot" class="portfolio__img" />
 
               <div class="portfolio_">
-                <h3 class="portfolio__title">The RecipeGenie App</h3>
+                <h3 class="portfolio__title">Moodify - AI-Powered Music Recommendation App</h3>
                 <p class="portfolio__description">
-                  RecipeGenie App is a web application that allows users to search for recipes, view detailed information about them, and save their
-                  favorite recipes.
+                  Moodify is a web application that uses AI to analyze users' facial expressions and recommend music based on their mood.
                 </p>
-                <a href="https://hoangsonww.github.io/RecipeGenie-App/" class="button button--flex button--small portfolio__button">
-                  View Live
+                <a href="https://github.com/hoangsonww/Moodify-Emotion-Music-App/" class="button button--flex button--small portfolio__button">
+                  View Repo
                   <i class="uil uil-arrow-right button__icon"></i>
                 </a>
               </div>
             </div>
 
-            <!--==================== PORTFOLIO 5 ====================-->
+            <!--==================== PORTFOLIO 6 ====================-->
 
             <div class="portfolio__content grid swiper-slide">
               <img src="./packages/images/vehicle-classi.png" alt="AI Multipurpose Classifiers" class="portfolio__img" />
@@ -2066,7 +2065,7 @@ <h3 class="portfolio__title">AI Multipurpose Classifiers</h3>
               </div>
             </div>
 
-            <!--==================== PORTFOLIO 6 ====================-->
+            <!--==================== PORTFOLIO 7 ====================-->
 
             <div class="portfolio__content grid swiper-slide">
               <img src="./packages/images/dashboard.png" alt="Employee Management App UI" class="portfolio__img" />
@@ -2084,7 +2083,7 @@ <h3 class="portfolio__title">Employee Management Fullstack App</h3>
               </div>
             </div>
 
-            <!--==================== PORTFOLIO 7 ====================-->
+            <!--==================== PORTFOLIO 8 ====================-->
 
             <div class="portfolio__content grid swiper-slide">
               <img src="./packages/images/lms.png" alt="Learning Management System App UI" class="portfolio__img" />
@@ -2105,7 +2104,7 @@ <h3 class="portfolio__title">Learning Management System Fullstack App</h3>
               </div>
             </div>
 
-            <!--==================== PORTFOLIO 8 ====================-->
+            <!--==================== PORTFOLIO 9 ====================-->
 
             <div class="portfolio__content grid swiper-slide">
               <img src="./packages/images/home-ui.png" alt="MERN-Stack E-Commerce App UI" class="portfolio__img" />
@@ -2122,7 +2121,7 @@ <h3 class="portfolio__title">MERN-Stack E-Commerce App</h3>
               </div>
             </div>
 
-            <!--==================== PORTFOLIO 9 ====================-->
+            <!--==================== PORTFOLIO 10 ====================-->
 
             <div class="portfolio__content grid swiper-slide">
               <img src="./packages/images/MazeGame.png" alt="The Maze Game's UI" class="portfolio__img" />
@@ -2139,7 +2138,7 @@ <h3 class="portfolio__title">The Maze Game</h3>
               </div>
             </div>
 
-            <!--==================== PORTFOLIO 10 ====================-->
+            <!--==================== PORTFOLIO 11 ====================-->
 
             <div class="portfolio__content grid swiper-slide">
               <img src="./packages/images/2048.png" alt="2048 game UI" class="portfolio__img" />
@@ -2155,6 +2154,24 @@ <h3 class="portfolio__title">The 2048 Game</h3>
                 </a>
               </div>
             </div>
+
+            <!--==================== PORTFOLIO 12 ====================-->
+
+            <div class="portfolio__content grid swiper-slide">
+              <img src="./packages/images/portfolio1.jpg" alt="RecipeGenie App UI" class="portfolio__img" />
+
+              <div class="portfolio_">
+                <h3 class="portfolio__title">The RecipeGenie App</h3>
+                <p class="portfolio__description">
+                  RecipeGenie App is a web application that allows users to search for recipes, view detailed information about them, and save their
+                  favorite recipes.
+                </p>
+                <a href="https://hoangsonww.github.io/RecipeGenie-App/" class="button button--flex button--small portfolio__button">
+                  View Live
+                  <i class="uil uil-arrow-right button__icon"></i>
+                </a>
+              </div>
+            </div>
           </div>
 
           <!-- Swiper arrows-->