Merge pull request #15 from MisterDoobDoob/update-event-display

Update event display

Author: tohkailiang

assets/js/data.js

@@ -1,7 +1,9 @@
 var data = {
   upcoming: {
     name: "Hackomania 2026",
-    link: "https://hackomania.geekshacking.com/"
+    link: "https://hackomania.geekshacking.com/",
+    registrationCloseDate: "2026-03-06T23:59:59+08:00",
+    endDate: "2026-03-08T13:00:00+08:00"
   },
 
   video: "https://www.youtube.com/embed/q25_dTLryaQ",
@@ -171,7 +173,9 @@ var featuredContent = document.getElementsByClassName("mu-header-featured-conten
 var featuredHeader = featuredContent.getElementsByTagName("h1")[0].getElementsByTagName("span")[0];
 var featuredDescription = featuredContent.getElementsByTagName("p")[0];
 
+var registerContainer = document.getElementsByClassName("mu-header-cta")[0];
 var registerButton = document.getElementsByClassName("mu-apple-btn")[0];
+var registerButtonText = registerButton.getElementsByTagName("span")[0];
 registerButton.href = data.upcoming.link;
 
 var pastEvents = document.getElementById("mu-apps-screenshot");
@@ -191,6 +195,13 @@ for (var index in data.events) {
     featuredThumbnail.src = src;
     featuredHeader.innerText = name;
     featuredDescription.innerText = event.description;
+    if (data.upcoming.endDate && new Date() > new Date(data.upcoming.endDate)) {
+      registerContainer.innerText = "Event has concluded!";
+      registerButtonText.innerText = "View Info";
+    } else if (data.upcoming.registrationCloseDate && new Date() > new Date(data.upcoming.registrationCloseDate)) {
+      registerContainer.innerText = "Registration Closed!";
+      registerButtonText.innerText = "Find Out More";
+    }
   }
 }
 

index.html

@@ -81,8 +81,8 @@ <h2 class="mu-title">GeeksHacking Community</h2>
                                 <h1><span>Event name</span></h1>
                                 <p>(Event Description)</p>
 
-                                <div class="mu-app-download-area">
-                                    <h4>Interested?</h4>
+                                <div class="mu-header-cta-area">
+                                    <h4 class="mu-header-cta">Interested?</h4>
                                     <a class="mu-apple-btn" href="#">
                                         <span>Register</span>
                                     </a>
@@ -564,4 +564,4 @@ <h2 class="mu-title">JOIN US</h2>
 
 </body>
 
-</html>
+</html>

style.css

@@ -336,14 +336,14 @@ button:focus {
 	color: white;
 }
 
-.mu-app-download-area {
+.mu-header-cta-area {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 
-.mu-app-download-area h4 {
+.mu-header-cta-area h4 {
 	color: white;
 	font-size: 18px;
 	font-weight: 300;
@@ -1329,7 +1329,7 @@ button:focus {
 		font-size: 35px;
 	}
 
-	.mu-app-download-area {
+	.mu-header-cta-area {
 		margin-top: 20px;
 	}