Switch current event to Hackomania 2026 with PNG banner support

- Update upcoming event to Hackomania 2026 with registration link
- Add Hackomania 2026 event data with description about AI for good
- Update YouTube video to last year's Hackomania event
- Add PNG banner support via bannerExt field
- Update documentation for PNG support

Co-Authored-By: Claude <noreply@anthropic.com>

Author: julwrites

README.md

@@ -9,7 +9,7 @@ To add a new event to the website, you need to add the event's images and create
 ### 1. Add Event Images
 
 - Create a new folder for your event inside `assets/images/GeeksHacking/Events/`. The folder name should match the event name precisely (e.g., `My Awesome Workshop`).
-- Add a `banner.jpg` to this new folder. This image will be used on the homepage slider.
+- Add a `banner.jpg` (or `banner.png` if you specify `bannerExt: \"png\"` in the event data) to this new folder. This image will be used on the homepage slider.
 - If you have more photos, create a subfolder named `compressed` and add the rest of the event photos there.
 
 ### 2. Add Event Data
@@ -22,6 +22,7 @@ To add a new event to the website, you need to add the event's images and create
 {
   name: "My Awesome Workshop",
   photos: 10, // Number of photos in the 'compressed' folder
+  bannerExt: "jpg", // Optional: specify "png" if using banner.png instead of banner.jpg
   description: "A brief description of the event."
 }
 ```

assets/images/GeeksHacking/Events/hackomania 2026/banner.png

@@ -1,11 +1,17 @@
 var data = {
   upcoming: {
-    name: "Powering AI with MCP",
-    link: "https://www.eventbrite.sg/e/powering-ai-with-mcp-workshop-tickets-1898434411429"
+    name: "hackomania 2026",
+    link: "https://hackomania.geekshacking.com/"
   },
 
-  video: "https://www.youtube.com/embed/hvZCYvGVru0?si=s8jJMZWnEesjS3F1",
+  video: "https://www.youtube.com/embed/q25_dTLryaQ",
   events: [
+    {
+      name: "hackomania 2026",
+      photos: 0,
+      bannerExt: "png",
+      description: "LLMs, agentic AI, and vibe coding have been making waves everywhere. AI holds immense potential, but the real question is: how can we use it meaningfully? At Hackomania 2026, we'll be ideating, building, and hacking solutions that matter to society. This year, it's all about harnessing AI for good, instead of being replaced by it."
+    },
     {
       name: "Powering AI with MCP",
       photos: 0,
@@ -168,7 +174,8 @@ var content = "";
 for (var index in data.events) {
   let event = data.events[index];
   let name = event.name;
-  let src = "assets/images/GeeksHacking/Events/" + name + "/banner.jpg";
+  let ext = event.bannerExt || "jpg";
+  let src = "assets/images/GeeksHacking/Events/" + name + "/banner." + ext;
   content += "<div class=\"mu-single-screeshot\"><img src=\"" + src + "\" alt=\"App screenshot img\"></div>";
 
   if (name == data.upcoming.name) {