Fixed front-end bugs

hoangsonww · Dec 24, 2023 · 9b22ab5 · 9b22ab5
1 parent 92de89c
commit 9b22ab5
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/discussions.css b/discussions.css
@@ -534,4 +534,11 @@ main {
         align-items: center;
     }
 
-}
+}
+
+@media (max-width: 705px) {
+    #search-title,
+    #alt-title {
+        display: none;
+    }
+}
diff --git a/discussions.html b/discussions.html
@@ -54,7 +54,7 @@ <h4 id="alt-title">Here, you can ask the chatbot about any movie-related topics
 
     <!-- Chatbot UI -->
     <div id="chatbotContainer">
-        <div id="chatbotHeader">MovieVerse Assistant</div>
+        <div id="chatbotHeader">The MovieVerse Assistant</div>
         <div id="chatbotBody"></div>
         <input id="chatbotInput" type="text" placeholder="Ask me about anything...">
     </div>

diff --git a/style.css b/style.css
@@ -5,7 +5,7 @@
 }
 
 body {
-    background-image: url("https://wallpaperaccess.com/full/433561.jpg");
+    background-image: url("universe.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
@@ -524,15 +524,15 @@ p {
 }
 
 .movie-details-body {
-    background-image: url("https://wallpaperaccess.com/full/433561.jpg");
+    background-image: url("universe.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     height: 100vh;
 }
 
 .movie-details-body2 {
-    background-image: url("https://wallpaperaccess.com/full/433561.jpg");
+    background-image: url("universe.jpg");
     background-position: center;
     height: 100vh;
     background-size: auto;

diff --git a/trivia.html b/trivia.html
@@ -38,8 +38,8 @@ <h1 id="trivia-label">Movie Trivia Quiz</h1>
 
     <form id="quiz-form" style="margin-bottom: 30px">
         <div id="quiz-container"></div>
-        <button type="button" id="regenerate-questions">Get New Questions</button>
-        <button type="submit" id="submit">Submit Answers</button>
+        <button type="button" id="regenerate-questions" style="color: black">Get New Questions</button>
+        <button type="submit" id="submit" style="color: black">Submit Answers</button>
     </form>
 
     <button id="movie-timeline-btn" onclick="window.location.href='movie-timeline.html'" title="Explore movies through different eras!" style="bottom: 140px">Movie Timeline</button>