From ccaf252c03a24a14814da29734065798a7e8e29f Mon Sep 17 00:00:00 2001 From: pkzstar Date: Mon, 18 Nov 2024 17:47:20 -0600 Subject: [PATCH] full bloom, game5, homecoming vods --- Calendar/Calendar.js | 75 +++++++++++++++++++++++++++++++---- index js/indexEventsList.js | 22 ++++++++++ past-events/pastEvents2024.js | 2 +- 3 files changed, 90 insertions(+), 9 deletions(-) diff --git a/Calendar/Calendar.js b/Calendar/Calendar.js index 4f43d04..4366053 100644 --- a/Calendar/Calendar.js +++ b/Calendar/Calendar.js @@ -2212,19 +2212,63 @@ function showCalendar(month, year) { // We Tech Those 23 } else if (month === 10 && (date === 23) && year === 2024) { - + const events = [ + { + link: "https://www.start.gg/tournament/we-tech-those-23-3/details", + imageSrc: "https://www.bing.com/th?pid=Sgg&qlt=100&u=https%3A%2F%2Fimages.start.gg%2Fimages%2Ftournament%2F730468%2Fimage-5042759ed1e0c6396e950c941292325f-optimized.png&ehk=t8cxrvEXSD%2BitLwqYlhgv%2BM5cAeHzhKRUPQbBQRF7AQ%3D&w=280&h=280&r=0" + + }, + { + link: "https://www.start.gg/tournament/game-5-in-the-d-6/details", + imageSrc: "https://www.bing.com/th?pid=Sgg&qlt=100&u=https%3A%2F%2Fimages.start.gg%2Fimages%2Ftournament%2F724520%2Fimage-4669a409e8ba16bc8416de03e4131603-optimized.jpg&ehk=Xw944yGxRrU5OozpQQLIyIMXO%2FrpdwImxM1DKXrGLak%3D&w=280&h=280&r=0" + } + + ]; + let currentIndex = 0; // Initialize current index + let link = document.createElement("a"); - link.href = "https://www.start.gg/tournament/we-tech-those-23-3/details"; link.target = "_blank"; - + let image = document.createElement("img"); - image.src = "https://www.bing.com/th?pid=Sgg&qlt=100&u=https%3A%2F%2Fimages.start.gg%2Fimages%2Ftournament%2F730468%2Fimage-5042759ed1e0c6396e950c941292325f-optimized.png&ehk=t8cxrvEXSD%2BitLwqYlhgv%2BM5cAeHzhKRUPQbBQRF7AQ%3D&w=280&h=280&r=0"; - + image.classList.add("calendarImg"); - - + link.appendChild(image); cell.appendChild(link); + + // Function to fade in/out the image and link + function fadeInOut(element) { + let opacity = 0; + let increasing = true; + let interval = setInterval(function() { + if (increasing) { + opacity += 0.05; + } else { + opacity -= 0.05; + } + element.style.opacity = opacity; + if (opacity >= 1) { + increasing = false; + setTimeout(() => { + increasing = true; + updateLinkAndImage(); // Update link and image after fully visible + }, 2000); // Image and link will be fully visible for 2 seconds before fading out + } else if (opacity <= 0) { + clearInterval(interval); + fadeInOut(element); // Restart the fading animation + } + }, 100); // Adjust the timing as needed + } + + // Function to update the link and image + function updateLinkAndImage() { + link.href = events[currentIndex].link; + image.src = events[currentIndex].imageSrc; + currentIndex = (currentIndex + 1) % events.length; // Move to the next event, looping back to the beginning if necessary + } + + updateLinkAndImage(); // Initially update link and image + fadeInOut(image); // Start fade-in/out animation // Start cycling events @@ -2404,7 +2448,22 @@ function showCalendar(month, year) { cell.appendChild(link); - // TECH 2025 & tennessee summit + // Full Bloom +} else if (month === 3 && (date === 5 || date === 6) && year === 2025) { + // Example link with image + let link = document.createElement("a"); + link.href = "https://www.start.gg/tournament/full-bloom-2025/details"; + link.target = "_blank"; + + let image = document.createElement("img"); + image.src = "https://www.bing.com/th?pid=Sgg&qlt=100&u=https%3A%2F%2Fimages.start.gg%2Fimages%2Ftournament%2F715134%2Fimage-35f8b3298b2d53d5d028afc8f3d63422-optimized.png&ehk=QGeDTX8I9NdN%2FFIsuMr%2B4GVjU80B69p8KQOXMGqK0n8%3D&w=280&h=280&r=0"; + + image.classList.add("calendarImg"); + + + link.appendChild(image); + cell.appendChild(link); + } else { // Create and append the date text only if there is no image diff --git a/index js/indexEventsList.js b/index js/indexEventsList.js index 704acf7..8a660e9 100644 --- a/index js/indexEventsList.js +++ b/index js/indexEventsList.js @@ -196,6 +196,17 @@ const eventsData = [ trailer: "", stream: "" }, + { + name: "Game 5 In The D #6", + date: "11/23/24", + location: "Detroit, MI, USA", + description: "We welcome all valiant competitors to our local P+ scene's return-to-form! Featuring a professional stream, custom tournament badges, your favorite players, and much, much more, this will be an event you won't want to miss!", + imageUrl: "https://www.bing.com/th?pid=Sgg&qlt=100&u=https%3A%2F%2Fimages.start.gg%2Fimages%2Ftournament%2F724520%2Fimage-4669a409e8ba16bc8416de03e4131603-optimized.jpg&ehk=Xw944yGxRrU5OozpQQLIyIMXO%2FrpdwImxM1DKXrGLak%3D&w=280&h=280&r=0", + link: "https://www.start.gg/tournament/game-5-in-the-d-6/details", + rankImg: false, + trailer: "", + stream: "" + }, { name: "Pissmas 5", date: "11/29/24 - 12/1/24", @@ -284,6 +295,17 @@ const eventsData = [ trailer: "https://twitter.com/BlacklistedSSB/status/1817403907984761246", stream: "https://www.twitch.tv/projectmnexus" }, + { + name: "Full Bloom 2025", + date: "4/5/25 - 4/6/25", + location: "Bloomington, IN, USA", + description: "Full Bloom 2025 is a 2-day, super smash bros, Project+ and Rivals of Aether 2 tournament held at the Indiana Memorial Union in Bloomington, Indiana", + imageUrl: "https://www.bing.com/th?pid=Sgg&qlt=100&u=https%3A%2F%2Fimages.start.gg%2Fimages%2Ftournament%2F715134%2Fimage-35f8b3298b2d53d5d028afc8f3d63422-optimized.png&ehk=QGeDTX8I9NdN%2FFIsuMr%2B4GVjU80B69p8KQOXMGqK0n8%3D&w=280&h=280&r=0", + link: "https://www.start.gg/tournament/full-bloom-2025/details", + rankImg: true, + trailer: "https://www.youtube.com/watch?v=oCO0FoZf6VU", + stream: "" + }, ]; // Create a single div element to contain all the lists diff --git a/past-events/pastEvents2024.js b/past-events/pastEvents2024.js index 6c2e2cb..6bfe39e 100644 --- a/past-events/pastEvents2024.js +++ b/past-events/pastEvents2024.js @@ -159,7 +159,7 @@ const eventData = [ first: "essy", second: "moxi", third: "Peppy", - vodsUrl: "", + vodsUrl: "https://youtu.be/uYIVACPpzR4", hideRankImage: true }, {