Update: Updated app logo (#190)

MovieVerse-Frontend/html/about.html

@@ -295,7 +295,13 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     <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 more than <strong>150,000</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 more than <strong>150,000</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>
+
+        <p style="color: white; text-align: center; width: 100%;">Thank you for visiting MovieVerse today!</p>
 
         <h3 id="subheading1" style="cursor: pointer">Core Features:</h3>
 
@@ -523,6 +529,33 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
     </footer>
 
     <script>
+        document.getElementById('logo').addEventListener('click', function() {
+            document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });
+
+            const imageUrl = this.src;
+            const modalHtml = `<div id="image-modal" style="z-index: 10002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center;">
+                                <img src="${imageUrl}" style="max-width: 80%; max-height: 80%; border-radius: 10px;">
+                                <span style="position: absolute; top: 10px; right: 25px; font-size: 40px; cursor: pointer" id="removeBtn" onclick="document.getElementById('image-modal').remove();">&times;</span>
+                            </div>`;
+            document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+            document.getElementById('image-modal').addEventListener('click', function(event) {
+                if (event.target === this) {
+                    this.remove();
+                }
+            });
+        });
+
+        document.getElementById('logo').addEventListener('mouseover', function() {
+            this.style.cursor = 'pointer';
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = '0.3s ease-in-out';
+        });
+
+        document.getElementById('logo').addEventListener('mouseout', function() {
+            this.style.transform = 'scale(1)';
+        });
+
         function getMovieVerseData(input) {
             return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
         }

MovieVerse-Frontend/html/movie-timeline.html

@@ -267,7 +267,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <button id="clear-search-btn" style="display: none; color: white">Clear Search Results</button>
         </div>
         <div class="center-container1">
-            <main id="results">
+            <main id="results" style="scroll-behavior: smooth">
                 <!-- Movies will be dynamically loaded here -->
             </main>
         </div>

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

@@ -295,7 +295,13 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     <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 more than <strong>150,000</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 more than <strong>150,000</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>
+
+        <p style="color: white; text-align: center; width: 100%;">Thank you for visiting MovieVerse today!</p>
 
         <h3 id="subheading1" style="cursor: pointer">Core Features:</h3>
 
@@ -523,6 +529,33 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
     </footer>
 
     <script>
+        document.getElementById('logo').addEventListener('click', function() {
+            document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });
+
+            const imageUrl = this.src;
+            const modalHtml = `<div id="image-modal" style="z-index: 10002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center;">
+                                <img src="${imageUrl}" style="max-width: 80%; max-height: 80%; border-radius: 10px;">
+                                <span style="position: absolute; top: 10px; right: 25px; font-size: 40px; cursor: pointer" id="removeBtn" onclick="document.getElementById('image-modal').remove();">&times;</span>
+                            </div>`;
+            document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+            document.getElementById('image-modal').addEventListener('click', function(event) {
+                if (event.target === this) {
+                    this.remove();
+                }
+            });
+        });
+
+        document.getElementById('logo').addEventListener('mouseover', function() {
+            this.style.cursor = 'pointer';
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = '0.3s ease-in-out';
+        });
+
+        document.getElementById('logo').addEventListener('mouseout', function() {
+            this.style.transform = 'scale(1)';
+        });
+
         function getMovieVerseData(input) {
             return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
         }

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

@@ -267,7 +267,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <button id="clear-search-btn" style="display: none; color: white">Clear Search Results</button>
         </div>
         <div class="center-container1">
-            <main id="results">
+            <main id="results" style="scroll-behavior: smooth">
                 <!-- Movies will be dynamically loaded here -->
             </main>
         </div>

MovieVerse-Mobile/platforms/android/app/src/main/assets/www/images/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Son Nguyen Hoang
+Copyright (c) 2024 Son Nguyen
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

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

@@ -295,7 +295,13 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     <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 more than <strong>150,000</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 more than <strong>150,000</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>
+
+        <p style="color: white; text-align: center; width: 100%;">Thank you for visiting MovieVerse today!</p>
 
         <h3 id="subheading1" style="cursor: pointer">Core Features:</h3>
 
@@ -523,6 +529,33 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
     </footer>
 
     <script>
+        document.getElementById('logo').addEventListener('click', function() {
+            document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });
+
+            const imageUrl = this.src;
+            const modalHtml = `<div id="image-modal" style="z-index: 10002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center;">
+                                <img src="${imageUrl}" style="max-width: 80%; max-height: 80%; border-radius: 10px;">
+                                <span style="position: absolute; top: 10px; right: 25px; font-size: 40px; cursor: pointer" id="removeBtn" onclick="document.getElementById('image-modal').remove();">&times;</span>
+                            </div>`;
+            document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+            document.getElementById('image-modal').addEventListener('click', function(event) {
+                if (event.target === this) {
+                    this.remove();
+                }
+            });
+        });
+
+        document.getElementById('logo').addEventListener('mouseover', function() {
+            this.style.cursor = 'pointer';
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = '0.3s ease-in-out';
+        });
+
+        document.getElementById('logo').addEventListener('mouseout', function() {
+            this.style.transform = 'scale(1)';
+        });
+
         function getMovieVerseData(input) {
             return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
         }

MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/html/movie-timeline.html

@@ -267,7 +267,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <button id="clear-search-btn" style="display: none; color: white">Clear Search Results</button>
         </div>
         <div class="center-container1">
-            <main id="results">
+            <main id="results" style="scroll-behavior: smooth">
                 <!-- Movies will be dynamically loaded here -->
             </main>
         </div>

MovieVerse-Mobile/platforms/ios/www/images/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Son Nguyen Hoang
+Copyright (c) 2024 Son Nguyen
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

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

@@ -295,7 +295,13 @@ <h1 id="my-heading" style="margin-bottom: -9px" class="notranslate">
     <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 more than <strong>150,000</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 more than <strong>150,000</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>
+
+        <p style="color: white; text-align: center; width: 100%;">Thank you for visiting MovieVerse today!</p>
 
         <h3 id="subheading1" style="cursor: pointer">Core Features:</h3>
 
@@ -523,6 +529,33 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
     </footer>
 
     <script>
+        document.getElementById('logo').addEventListener('click', function() {
+            document.getElementById('subheading1').scrollIntoView({ behavior: 'smooth' });
+
+            const imageUrl = this.src;
+            const modalHtml = `<div id="image-modal" style="z-index: 10002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center;">
+                                <img src="${imageUrl}" style="max-width: 80%; max-height: 80%; border-radius: 10px;">
+                                <span style="position: absolute; top: 10px; right: 25px; font-size: 40px; cursor: pointer" id="removeBtn" onclick="document.getElementById('image-modal').remove();">&times;</span>
+                            </div>`;
+            document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+            document.getElementById('image-modal').addEventListener('click', function(event) {
+                if (event.target === this) {
+                    this.remove();
+                }
+            });
+        });
+
+        document.getElementById('logo').addEventListener('mouseover', function() {
+            this.style.cursor = 'pointer';
+            this.style.transform = 'scale(1.05)';
+            this.style.transition = '0.3s ease-in-out';
+        });
+
+        document.getElementById('logo').addEventListener('mouseout', function() {
+            this.style.transform = 'scale(1)';
+        });
+
         function getMovieVerseData(input) {
             return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
         }

MovieVerse-Mobile/www/MovieVerse-Frontend/html/movie-timeline.html

@@ -267,7 +267,7 @@ <h1 id="my-heading" style="margin-bottom: -10px" class="notranslate">
             <button id="clear-search-btn" style="display: none; color: white">Clear Search Results</button>
         </div>
         <div class="center-container1">
-            <main id="results">
+            <main id="results" style="scroll-behavior: smooth">
                 <!-- Movies will be dynamically loaded here -->
             </main>
         </div>

MovieVerse-Mobile/www/images/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Son Nguyen Hoang
+Copyright (c) 2024 Son Nguyen
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal