Merge branch 'main' of https://github.com/XavierTho/flocker_frontend

nighthawkcoders · Nov 21, 2024 · 08caf8a · 08caf8a
2 parents c38cab3 + 7fbd5f3
commit 08caf8a
Show file tree

Hide file tree

Showing 6 changed files with 109 additions and 26 deletions.
diff --git a/assets/js/revvit/carChat.js b/assets/js/revvit/carChat.js
@@ -48,6 +48,7 @@ async function sendMessage() {
     }
 
     // 3. Return the data
+    updateMessageDisplay();
     return response.json();
     // 4. If we had an error anywhere in the try (stuff above), we will log an error.
   } catch (error) {
@@ -72,9 +73,6 @@ async function getMessages() {
       throw new Error(`Failed to get Messages: ${response.status}`);
     }
 
-    getMessages().then((messages) => {
-      displayMessages(messages);
-    });
     // 3. Return the data
     return response.json();
     // 4. If we had an error anywhere in the try (stuff above), we will log an error.
@@ -97,8 +95,14 @@ function displayMessages(messages) {
   });
 }
 
-getMessages().then((messages) => {
-  displayMessages(messages);
-});
+updateMessageDisplay();
+
+function updateMessageDisplay() {
+  getMessages().then((messages) => {
+    displayMessages(messages);
+  });
+}
 
 sendBtn.addEventListener("click", sendMessage);
+
+setInterval(updateMessageDisplay, 1000); // Update the message display every second
diff --git a/navigation/create_and_compete/elevator-pitch.md b/navigation/create_and_compete/elevator-pitch.md
@@ -12,7 +12,7 @@ author: Manas, Lalita, Shriya, Ethan
 
 <a href="{{site.baseurl}}/moderation/rules_elevatorpitch/">Moderation Rules</a>
 
-<p> Imagine a platform where creativity meets competition—this is the essence of our project. Under the theme of Create and Compete, we’re designing a space where participants can pitch creative ideas, whether for inventions, stories, apps, or even business ventures. The twist? These ideas are sparked by random prompts, pushing users to think outside the box.  
+<p>Imagine a platform where creativity meets competition—this is the essence of our project. Under the theme of Create and Compete, we’re designing a space where participants can pitch creative ideas, whether for inventions, stories, apps, or even business ventures. The twist? These ideas are sparked by random prompts, pushing users to think outside the box.  
 </p>
 
 <p>Once an idea is pitched, the real fun begins. Other participants engage with the pitch by challenging it with insightful questions, offering constructive feedback, and suggesting improvements. The focus here isn’t just on competing to create the best idea but also on fostering collaboration and creativity. Participants learn from one another, pushing the boundaries of their original concepts to create something even more innovative.
@@ -30,6 +30,14 @@ author: Manas, Lalita, Shriya, Ethan
 <div id="prompt-display"></div>
 
 <style>
+    body {
+        background-color: #000; /* Black background for the entire page */
+        color: #ecf0f1; /* Light text color for readability */
+        font-family: Arial, sans-serif; /* Optional: change font family for better readability */
+        margin: 0;
+        padding: 0;
+    }
+
     .container {
         display: flex;
         justify-content: center;
@@ -43,11 +51,11 @@ author: Manas, Lalita, Shriya, Ethan
         flex-direction: column;
         max-width: 800px;
         width: 100%;
-        background-color: #2c3e50;
+        background-color: #2c3e50; /* Dark container background */
         padding: 20px;
         border-radius: 10px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        color: #ecf0f1;
+        color: #ecf0f1; /* Light text inside containers */
     }
     .form-container label {
         margin-bottom: 5px;
@@ -109,7 +117,6 @@ author: Manas, Lalita, Shriya, Ethan
     </div>
 </div>
 
-
 <!-- Pitch Submission Section -->
 <section id="pitch-section">
     <h2>Your Pitch</h2>

diff --git a/navigation/voteforthegoat/NighthawkCars/economyCars.md b/navigation/voteforthegoat/NighthawkCars/economyCars.md
@@ -262,12 +262,30 @@ permalink: /voteforthegoat/nighthawkCars/economyCars/
 
 <h3>Voting</h3>
 <div>
-    <button class="regularButton"><p class="buttonP">Honda Civic</p></button>
-    <button class="regularButton"><p class="buttonP">Toyota Corolla</p></button>
-    <button class="regularButton"><p class="buttonP">Kia Forte</p></button>
-    <button class="regularButton"><p class="buttonP">Chevorlet Trax</p></button>
+    <button id="button1" class="regularButton"><p class="buttonP">Honda Civic</p></button>
+    <button id="button2" class="regularButton"><p class="buttonP">Toyota Corolla</p></button>
+    <button id="button3" class="regularButton"><p class="buttonP">Kia Forte</p></button>
+    <button id="button4" class="regularButton"><p class="buttonP">Chevorlet Trax</p></button>
 </div>
 
+<script>
+        // Define messages for each button
+        const messages = {
+            button1: "You voted for Honda Civic! Thank you for voting!",
+            button2: "You voted for Toyota Corolla! Thank you for voting!",
+            button3: "You voted for Kia Forte! Thank you for voting!",
+            button4: "You voted for Chevorlet Trax! Thank you for voting!",
+        };
+
+        // Add event listeners to each button
+        for (let buttonId in messages) {
+            const button = document.getElementById(buttonId);
+            button.addEventListener('click', function() {
+                alert(messages[buttonId]);
+            });
+        }
+    </script>
+
 <h2>Discussion</h2>
 <textarea placeholder="Enter your thoughts or comments here..." id="comment"></textarea>
 <button class="regularButton" onclick="addComment()"><p class="buttonP">Add Comment</p></button>

diff --git a/navigation/voteforthegoat/NighthawkCars/luxuryCars.md b/navigation/voteforthegoat/NighthawkCars/luxuryCars.md
@@ -253,12 +253,30 @@ permalink: /voteforthegoat/nighthawkCars/luxuryCars/
 
 <h3>Voting</h3>
 <div>
-    <button class="regularButton"><p class="buttonP">Lamborghini</p></button>
-    <button class="regularButton"><p class="buttonP">Bugatti</p></button>
-    <button class="regularButton"><p class="buttonP">Ferrari</p></button>
-    <button class="regularButton"><p class="buttonP">McLaren</p></button>
+    <button id="button1" class="regularButton"><p class="buttonP">Lamborghini</p></button>
+    <button id="button2" class="regularButton"><p class="buttonP">Bugatti</p></button>
+    <button id="button3" class="regularButton"><p class="buttonP">Ferrari</p></button>
+    <button id="button4" class="regularButton"><p class="buttonP">McLaren</p></button>
 </div>
 
+<script>
+        // Define messages for each button
+        const messages = {
+            button1: "You voted for Lamborghini! Thank you for voting!",
+            button2: "You voted for Bugatti! Thank you for voting!",
+            button3: "You voted for Ferrari! Thank you for voting!",
+            button4: "You voted for McLaren! Thank you for voting!",
+        };
+
+        // Add event listeners to each button
+        for (let buttonId in messages) {
+            const button = document.getElementById(buttonId);
+            button.addEventListener('click', function() {
+                alert(messages[buttonId]);
+            });
+        }
+    </script>
+
 <h2>Discussion</h2>
 <textarea placeholder="Enter your thoughts or comments here..." id="comment"></textarea>
 <button class="regularButton" onclick="addComment()"><p class="buttonP">Add Comment</p></button>

diff --git a/navigation/voteforthegoat/NighthawkCars/studentCars.md b/navigation/voteforthegoat/NighthawkCars/studentCars.md
@@ -214,13 +214,32 @@ permalink: /voteforthegoat/nighthawkCars/studentCars/
     <img src="data:image/jpeg;base64,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" alt="Accord" style="width:300px;height:200px;">
 </div>
 <h3>Voting</h3>
+
 <div>
-    <button class="regularButton"><p class="buttonP">Honda Accord</p></button>
-    <button class="regularButton"><p class="buttonP">Toyota GR86</p></button>
-    <button class="regularButton"><p class="buttonP">Honda Civic</p></button>
-    <button class="regularButton"><p class="buttonP">Subaru BRZ</p></button>
+    <button id="button1" class="regularButton"><p class="buttonP">Honda Accord</p></button>
+    <button id="button2" class="regularButton"><p class="buttonP">Toyota GR86</p></button>
+    <button id="button3" class="regularButton"><p class="buttonP">Honda Civic</p></button>
+    <button id="button4" class="regularButton"><p class="buttonP">Subaru BRZ</p></button>
 </div>
 
+<script>
+        // Define messages for each button
+        const messages = {
+            button1: "You voted for Honda Accord! Thank you for voting!",
+            button2: "You voted for Toyata GR86! Thank you for voting!",
+            button3: "You voted for Honda Civic! Thank you for voting!",
+            button4: "You voted for Subaru BRZ! Thank you for voting!",
+        };
+
+        // Add event listeners to each button
+        for (let buttonId in messages) {
+            const button = document.getElementById(buttonId);
+            button.addEventListener('click', function() {
+                alert(messages[buttonId]);
+            });
+        }
+    </script>
+
 <h2>Discussion</h2>
 <textarea placeholder="Enter your thoughts or comments here..." id="comment"></textarea>
 <button class="regularButton" onclick="addComment()"><p class="buttonP">Add Comment</p></button>

diff --git a/navigation/voteforthegoat/NighthawkCars/vintageCars.md b/navigation/voteforthegoat/NighthawkCars/vintageCars.md
@@ -245,12 +245,29 @@ permalink: /voteforthegoat/nighthawkCars/vintageCars/
 
 <h3>Voting</h3>
 <div>
-    <button class="regularButton"><p class="buttonP">Porshe</p></button>
-    <button class="regularButton"><p class="buttonP">Miata</p></button>
-    <button class="regularButton"><p class="buttonP">Dodge</p></button>
-    <button class="regularButton"><p class="buttonP">Toyota</p></button>
+    <button id="button1" class="regularButton"><p class="buttonP">Porshe</p></button>
+    <button id="button2" class="regularButton"><p class="buttonP">Miata</p></button>
+    <button id="button3" class="regularButton"><p class="buttonP">Dodge</p></button>
+    <button id="button4" class="regularButton"><p class="buttonP">Toyota</p></button>
 </div>
 
+<script>
+        // Define messages for each button
+        const messages = {
+            button1: "You voted for Porshe! Thank you for voting!",
+            button2: "You voted for Miata! Thank you for voting!",
+            button3: "You voted for Dodge! Thank you for voting!",
+            button4: "You voted for Toyota! Thank you for voting!",
+        };
+
+        // Add event listeners to each button
+        for (let buttonId in messages) {
+            const button = document.getElementById(buttonId);
+            button.addEventListener('click', function() {
+                alert(messages[buttonId]);
+            });
+        }
+    </script>
 
 <h3>Discussion</h3>
 <p>   </p>