Final: Enhance app functionalities (#196)

hoangsonww · Jan 19, 2025 · 706ef82 · 706ef82
1 parent 2fd974e
commit 706ef82
Show file tree

Hide file tree

Showing 200 changed files with 59,781 additions and 1,303 deletions.
diff --git a/404.html b/404.html
@@ -734,7 +734,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>
     </div>
-    <div class="center-text" style="padding: 150px">
+    <div class="center-text" style="animation: fadeIn 1.5s ease-in-out; padding: 150px">
       <div style="font-weight: bold; font-size: 55px; color: #ff8623">404</div>
       <p>Sorry, the page you are looking for cannot be found.</p>
       <button class="center-button" onclick="window.location.href='https://movie-verse.com/'">Back to Home</button>
@@ -1137,8 +1137,15 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
     </script>
     <footer style="margin-top: 400px">
       <a href="https://movie-verse.com/" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      // Get the current year
+      const currentYear = new Date().getFullYear();
+
+      // Update the year in the footer
+      document.getElementById('year').textContent = currentYear;
+    </script>
   </body>
 </html>
diff --git a/MovieVerse-Frontend/html/about.html b/MovieVerse-Frontend/html/about.html
@@ -511,9 +511,12 @@ <h3 id="subheading3" style="animation: fadeIn 1.5s ease-in-out; cursor: pointer"
           <i style="margin-left: 3px" class="fab fa-github"></i>
         </em>
       </p>
+      <div style="border: 0; height: 1px; border-top: 1px solid #7378c5; margin: 20px auto; width: 100%; animation: fadeIn 1.5s ease-in-out"></div>
       <h3 id="subheading4" style="animation: fadeIn 1.5s ease-in-out; cursor: pointer">Useful Links:</h3>
       <p style="animation: fadeIn 1.5s ease-in-out; color: white; text-align: center">
-        Here are some links that you might find useful: You can explore the
+        <strong>Here are some links that you might find useful:</strong>
+        <br />
+        You can explore the
         <a href="analytics.html" style="text-decoration: underline" id="githubLink">analytics page</a>
         of our database, read our
         <a style="text-decoration: underline" id="githubLink" href="terms-of-service.html">terms of service</a>, and review our
@@ -532,8 +535,6 @@ <h3 id="subheading4" style="animation: fadeIn 1.5s ease-in-out; cursor: pointer"
         to enjoy personalized movie recommendations, create/share watch lists, and more. We look forward to having you on board!
       </p>
       <br />
-      <!-- horizontal line -->
-      <div style="border: 0; height: 1px; border-top: 1px solid #7378c5; margin: 20px auto; width: 100%; animation: fadeIn 1.5s ease-in-out"></div>
       <p style="animation: fadeIn 1.5s ease-in-out; color: white; text-align: center">
         If you are also interested in the website's creator and developer, feel free to visit my
         <a style="text-decoration: underline" id="githubLink" href="https://www.linkedin.com/in/hoangsonw/">LinkedIn profile</a> or
@@ -544,6 +545,7 @@ <h3 id="subheading4" style="animation: fadeIn 1.5s ease-in-out; cursor: pointer"
         </button>
         <button onclick="window.location.href='privacy-policy.html';" style="border: none; margin-top: 40px" class="app-btn">Privacy Policy</button>
         <button onclick="window.location.href='support.html'" style="border: none; margin-top: 40px" class="app-btn">Contact Support</button>
+        <button onclick="window.location.href='feedback.html'" style="border: none; margin-top: 40px" class="app-btn">Submit Feedback</button>
       </p>
     </main>
     <div
@@ -716,9 +718,13 @@ <h3 id="subheading4" style="animation: fadeIn 1.5s ease-in-out; cursor: pointer"
     </script>
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
     <script>
       document.getElementById('logo').addEventListener('click', function () {
         document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });

diff --git a/MovieVerse-Frontend/html/actor-details.html b/MovieVerse-Frontend/html/actor-details.html
@@ -646,9 +646,13 @@ <h2 id="actor-name" class="actor-header"></h2>
 
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
 
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>

diff --git a/MovieVerse-Frontend/html/analytics.html b/MovieVerse-Frontend/html/analytics.html
@@ -669,9 +669,17 @@ <h2 class="chart-title" id="chart-title12" style="margin-top: 10px; cursor: poin
     <script src="../js/analytics.js"></script>
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      // Get the current year
+      const currentYear = new Date().getFullYear();
+
+      // Update the year in the footer
+      document.getElementById('year').textContent = currentYear;
+    </script>
+
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>
     </div>

diff --git a/MovieVerse-Frontend/html/api_fails.html b/MovieVerse-Frontend/html/api_fails.html
@@ -716,11 +716,15 @@ <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 19px" class="notran
         window.location.href = 'search.html';
       }
     </script>
-    <footer style="margin-top: 20px">
+    <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
     <div id="mobile-bottom-bar" class="mobile-bottom-bar">
       <a href="chat.html" class="bottom-bar-item">
         <i class="fas fa-comments"></i>

diff --git a/MovieVerse-Frontend/html/catch-popcorn.html b/MovieVerse-Frontend/html/catch-popcorn.html
@@ -712,9 +712,13 @@ <h2 style="margin-bottom: 0">Catch the Popcorn</h2>
 
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
 
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>

diff --git a/MovieVerse-Frontend/html/chat.html b/MovieVerse-Frontend/html/chat.html
@@ -1164,7 +1164,13 @@ <h3>Recent & Suggested Chats</h3>
       }
     </script>
   </body>
-  <footer id="footer" style="display: block">
-    <p>© 2024 The MovieVerse. All rights reserved.</p>
+  <footer>
+    <a href="../../index.html" style="cursor: pointer; text-decoration: none">
+      <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
+    </a>
   </footer>
+  <script>
+    const currentYear = new Date().getFullYear();
+    document.getElementById('year').textContent = currentYear;
+  </script>
 </html>
diff --git a/MovieVerse-Frontend/html/chatbot.html b/MovieVerse-Frontend/html/chatbot.html
@@ -472,9 +472,13 @@ <h4 id="alt-title" style="font-weight: normal; font-size: 15px; color: #ff8623">
     </div>
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; color: white; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
     <script>
       function handleSignInOut() {
         const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;

diff --git a/MovieVerse-Frontend/html/christopher-nolan.html b/MovieVerse-Frontend/html/christopher-nolan.html
@@ -511,9 +511,13 @@ <h2 id="director-name" class="director-header"></h2>
 
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
   </body>
 
   <script>

diff --git a/MovieVerse-Frontend/html/company-details.html b/MovieVerse-Frontend/html/company-details.html
@@ -650,9 +650,13 @@ <h2 id="company-name" class="company-header"></h2>
     </script>
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>
     </div>

diff --git a/MovieVerse-Frontend/html/create-account.html b/MovieVerse-Frontend/html/create-account.html
@@ -1207,11 +1207,15 @@ <h2>Create Account</h2>
         return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
       }
     </script>
-    <footer style="margin-top: 20px">
+    <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
     <script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-app.js"></script>
     <script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-firestore.js"></script>
   </body>

diff --git a/MovieVerse-Frontend/html/dinosaur-jump.html b/MovieVerse-Frontend/html/dinosaur-jump.html
@@ -708,11 +708,15 @@ <h2>Dinosaur Jump</h2>
       });
     </script>
 
-    <footer style="margin-bottom: 0">
+    <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
 
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>

diff --git a/MovieVerse-Frontend/html/director-details.html b/MovieVerse-Frontend/html/director-details.html
@@ -739,9 +739,13 @@ <h2 id="director-name" class="director-header"></h2>
     </button>
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
     <div id="mobile-bottom-bar" class="mobile-bottom-bar">
       <a href="chat.html" class="bottom-bar-item">
         <i class="fas fa-comments"></i>

diff --git a/MovieVerse-Frontend/html/falling-stars.html b/MovieVerse-Frontend/html/falling-stars.html
@@ -708,9 +708,13 @@ <h2>Falling Star</h2>
 
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
 
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>

diff --git a/MovieVerse-Frontend/html/favorites.html b/MovieVerse-Frontend/html/favorites.html
@@ -634,9 +634,13 @@ <h4 style="color: white">How to Use MovieVerse Watchlists</h4>
     <script src="../js/movie-details.js"></script>
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
     <div id="mobile-bottom-bar" class="mobile-bottom-bar">
       <a href="chat.html" class="bottom-bar-item">
         <i class="fas fa-comments"></i>

diff --git a/MovieVerse-Frontend/html/feedback.html b/MovieVerse-Frontend/html/feedback.html
@@ -657,7 +657,7 @@ <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 19px" class="notran
         MovieVerse Trivia
       </button>
     </header>
-    <div class="form-container">
+    <div class="form-container" style="animation: fadeIn 1.5s ease-in-out">
       <div style="font-weight: bold; font-size: 28px; margin-top: 10px">Feedback</div>
       <p style="color: black">Noticed a bug? Have a suggestion? Wrong movie information? Or just want to say hi? We'd love to hear from you!</p>
       <form action="https://formspree.io/f/xqkrbdqd" method="POST">
@@ -1089,9 +1089,13 @@ <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 19px" class="notran
     </script>
     <footer style="margin-top: 20px">
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
     <div id="mobile-bottom-bar" class="mobile-bottom-bar">
       <a href="chat.html" class="bottom-bar-item">
         <i class="fas fa-comments"></i>

diff --git a/MovieVerse-Frontend/html/flappy-bird.html b/MovieVerse-Frontend/html/flappy-bird.html
@@ -702,9 +702,13 @@ <h2>Flappy Bird</h2>
 
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
 
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>

diff --git a/MovieVerse-Frontend/html/games.html b/MovieVerse-Frontend/html/games.html
@@ -749,9 +749,13 @@ <h2 style="margin-top: 50px !important">Mini Games</h2>
 
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
 
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>

diff --git a/MovieVerse-Frontend/html/how-to-play.html b/MovieVerse-Frontend/html/how-to-play.html
@@ -820,11 +820,14 @@ <h3>Stack the Blocks</h3>
     <!-- Footer -->
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
 
-    <!-- Second modal overlay if needed -->
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>
     </div>

diff --git a/MovieVerse-Frontend/html/inception.html b/MovieVerse-Frontend/html/inception.html
@@ -616,8 +616,12 @@ <h3>Add a Comment for This Movie</h3>
 
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
   </body>
 </html>
diff --git a/MovieVerse-Frontend/html/leaderboards.html b/MovieVerse-Frontend/html/leaderboards.html
@@ -490,7 +490,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
     </header>
     <h2 style="text-align: center; margin-bottom: 0">Global Leaderboards</h2>
     <p>Welcome to The MovieVerse Games! Check out the global leaderboards of our games below:</p>
-    <div class="container" id="leaderboards-container">
+    <div class="container" id="leaderboards-container" style="animation: fadeIn 1.5s ease-in-out">
       <!-- Leaderboards will be dynamically added here -->
     </div>
     <script type="module" src="../js/highscores.js"></script>
@@ -773,9 +773,13 @@ <h2 style="text-align: center; margin-bottom: 0">Global Leaderboards</h2>
 
     <footer>
       <a href="../../index.html" style="cursor: pointer; text-decoration: none">
-        <p style="cursor: pointer; text-decoration: none">© 2024 The MovieVerse. All rights reserved.</p>
+        <p style="cursor: pointer; text-decoration: none">© <span id="year"></span> The MovieVerse. All rights reserved.</p>
       </a>
     </footer>
+    <script>
+      const currentYear = new Date().getFullYear();
+      document.getElementById('year').textContent = currentYear;
+    </script>
 
     <div id="myModal" class="modal-overlay">
       <div class="spinner"></div>