add event ended banner

rssayed · rssayed · commit a85bfddaf1a0 · 2021-10-27T17:02:18.000-05:00
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
 
 <body>
 	<div id="landing">
-		<!-- <div class="timer">	
+		<div class="timer">	
 			<p id="countdown">
 				<script>
 				var targetDateTime = new Date("Oct 3, 2021 12:00:00").getTime();
@@ -27,16 +27,16 @@
 				var minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
 				var seconds = Math.floor((difference % (1000 * 60)) / 1000);
 				
-				document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s remaining";
+				document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s REMAINING";
 				
 				if (difference < 0) {
 					clearInterval(x);
-					document.getElementById("countdown").innerHTML = "SUBMISSIONS CLOSED";
+					document.getElementById("countdown").innerHTML = "<div>CODERED ARTEMIS HAS ENDED. CHECK OUT THE EVENT <a href='https://codered-artemis-uh.devpost.com/?ref_feature=challenge&ref_medium=discover'>HERE</a></div>";
 				}
 				}, 1000);
 				</script>
 			</p>
-		</div> -->
+		</div>
 
 		<div class="landing-content">
 			<div class="event-info">
diff --git a/src/sass/_header.scss b/src/sass/_header.scss
@@ -50,13 +50,22 @@
   .timer{
     display: flex;
     height: 6%;
+    justify-content: center;
     align-items: center;
+    flex-direction: row;
     background-color: red;
     color: white;
 
     #countdown{
       display: flex;
       align-content: center;
+      text-align: center;
+      font-weight: bold
+    }
+
+    a {
+      color: white;
+      text-decoration:underline;
     }
   }
 
