Update background colors

- Yellow now provides more contrast - Add 2 second transition when color changes
jiannazzone · Nov 22, 2023 · c26d39f · c26d39f
1 parent a94ae21
commit c26d39f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/scripts/script.js b/scripts/script.js
@@ -83,7 +83,7 @@ function requestPass() {
 // PASS.HTML METHODS
 // Gets URL search parameters for pass.html
 function getURLData() {
-    const parameters = new URLSearchParams(document.location.search);
+    // const parameters = new URLSearchParams(document.location.search);
     const studentName = parameters.get('name');
     const studentDestination = parameters.get('destination');
     const duration = parameters.get('duration');
@@ -109,12 +109,13 @@ function getURLData() {
 function updateBackgroundColor() {
     const date = new Date();
     const timeRemaining = studentEnd - date;
+    const duration = parameters.get('duration');
 
     // Update currentColor variable
     if (timeRemaining < 0) {
         currentColor = '#c80815'; // red
-    } else if (timeRemaining <= 120000) {
-        currentColor = '#ffc40c'; // yellow
+    } else if (timeRemaining <= (duration*60000) / 2) {
+        currentColor = '#edb500'; // yellow
     } else {
         currentColor = 'darkgreen';
     }

diff --git a/styles/style.css b/styles/style.css
@@ -26,6 +26,7 @@ body {
     text-align: center;
     font-family: 'DM Serif Display', serif;
     margin: 1rem;
+    transition: background-color 2s;
 }
 
 body, a {