Update: Add context referencing for chatbot (#196)

Author: hoangsonww

MovieVerse-Frontend/css/style.css

@@ -1223,7 +1223,7 @@ header h1 {
 .actor-header {
     text-align: center;
     align-self: center;
-    font-size: 2.3rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -1248,7 +1248,7 @@ header h1 {
 .director-header {
     text-align: center;
     align-self: center;
-    font-size: 2.3rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -3707,7 +3707,7 @@ body {
 .company-header {
     text-align: center;
     align-self: center;
-    font-size: 2.3rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/css/style.css

@@ -1214,7 +1214,7 @@ header h1 {
 .movie-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -1223,7 +1223,7 @@ header h1 {
 .actor-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -1248,7 +1248,7 @@ header h1 {
 .director-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -3707,7 +3707,7 @@ body {
 .company-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/html/about.html

@@ -279,7 +279,7 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     </nav>
     <main id="main2" style="margin: 0 auto">
         <h2 id="aboutHeader" style="align-self: center; cursor: pointer">About The MovieVerse</h2>
-        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for nearly <strong>1 million</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
+        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for nearly <strong>one million</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
         <div style="width: 100%">
             <img id="logo" src="../../images/uwu.webp" alt="The MovieVerse" style="width: 200px; max-width: 800px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)">
         </div>

MovieVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/tv-details.js

@@ -1119,7 +1119,7 @@ async function populateTvSeriesDetails(tvSeries, imdbRating) {
 
         closeModalBtn.onclick = function() {
             modal.remove();
-            imageElement.src = modalImage.src.replace('w1280', 'w780'); // Update the main image on modal close
+            imageElement.src = modalImage.src.replace('w1280', 'w780');
         };
 
         modal.addEventListener('click', function(event) {

MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/css/style.css

@@ -1214,7 +1214,7 @@ header h1 {
 .movie-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -1223,7 +1223,7 @@ header h1 {
 .actor-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -1248,7 +1248,7 @@ header h1 {
 .director-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -3707,7 +3707,7 @@ body {
 .company-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/about.html

@@ -279,7 +279,7 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     </nav>
     <main id="main2" style="margin: 0 auto">
         <h2 id="aboutHeader" style="align-self: center; cursor: pointer">About The MovieVerse</h2>
-        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for nearly <strong>1 million</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
+        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for nearly <strong>one million</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
         <div style="width: 100%">
             <img id="logo" src="../../images/uwu.webp" alt="The MovieVerse" style="width: 200px; max-width: 800px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)">
         </div>

MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/tv-details.js

@@ -1119,7 +1119,7 @@ async function populateTvSeriesDetails(tvSeries, imdbRating) {
 
         closeModalBtn.onclick = function() {
             modal.remove();
-            imageElement.src = modalImage.src.replace('w1280', 'w780'); // Update the main image on modal close
+            imageElement.src = modalImage.src.replace('w1280', 'w780');
         };
 
         modal.addEventListener('click', function(event) {

MovieVerse-Mobile/www/MovieVerse-Frontend/css/style.css

@@ -1214,7 +1214,7 @@ header h1 {
 .movie-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -1223,7 +1223,7 @@ header h1 {
 .actor-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -1248,7 +1248,7 @@ header h1 {
 .director-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
@@ -3707,7 +3707,7 @@ body {
 .company-header {
     text-align: center;
     align-self: center;
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     font-weight: bold;
     color: #ffeb3b;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

MovieVerse-Mobile/www/MovieVerse-Frontend/html/about.html

@@ -279,7 +279,7 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     </nav>
     <main id="main2" style="margin: 0 auto">
         <h2 id="aboutHeader" style="align-self: center; cursor: pointer">About The MovieVerse</h2>
-        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for nearly <strong>1 million</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
+        <p style="color: white; text-align: center">Welcome to The MovieVerse, your ultimate database for exploring the magic of movies. Created by <strong><a id="profileLink" href="http://github.com/hoangsonww">Son Nguyen</a></strong> in 2023 with a vision to celebrate cinematic art, MovieVerse offers a unique but comprehensive platform for nearly <strong>one million</strong> movie lovers worldwide to discover, engage, and immerse themselves in the world of film.</p>
         <div style="width: 100%">
             <img id="logo" src="../../images/uwu.webp" alt="The MovieVerse" style="width: 200px; max-width: 800px; margin: 20px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)">
         </div>

MovieVerse-Mobile/www/MovieVerse-Frontend/js/tv-details.js

@@ -1119,7 +1119,7 @@ async function populateTvSeriesDetails(tvSeries, imdbRating) {
 
         closeModalBtn.onclick = function() {
             modal.remove();
-            imageElement.src = modalImage.src.replace('w1280', 'w780'); // Update the main image on modal close
+            imageElement.src = modalImage.src.replace('w1280', 'w780');
         };
 
         modal.addEventListener('click', function(event) {