// const header = document.querySelector(".main-header"); const todayEvent = getTodayEvent(); const headerTopBarEl = document.querySelector(".main-header__top-bar"); const headerImgEl = document.querySelector(".main-header__img"); if (todayEvent != "No event") { if (todayEvent == "Leilukin's Birthday" || todayEvent == "Leilukin's Hub Anniversary") { headerTopBarEl.innerHTML = getBlurbHtml(todayEvent); } else { headerImgEl.classList.add(getBanner(todayEvent)); headerTopBarEl.innerHTML = getBlurbHtml(todayEvent); } } else { headerTopBarEl.textContent = "Welcome to Leilukin's Hub!" }; function getTodayEvent() { const date = new Date(); const month = date.getMonth() + 1; const day = date.getDate(); if (month == 3 && day == 1) return "Zero Discrimination Day"; else if (month == 3 && day == 31) return "Trans Day of Visibility"; else if (month == 4 && day == 6) return "International Asexuality Day"; else if (month == 4 && day == 26) return "Lesbian Visibility Day"; else if (month == 5 && day == 17) return "IDAHOBIT"; else if (month == 5 && day == 19) return "Agender Pride Day"; else if (month == 5 && day == 25) return "Pansexual and Panromantic Awareness & Visibility Day"; else if (month == 6) return "Pride Month"; else if (month == 7 && day == 14) return "Non-Binary People's Day"; else if (month == 7 && day == 28) return "Leilukin's Birthday"; else if (month == 9 && day == 11) return "Leilukin's Hub Anniversary"; else if (month == 9 && day == 23) return "Bi Visibility Day"; else if (month == 10 && day == 8) return "International Lesbian Day"; else if (month == 10 && day == 11) return "National Coming Out Day"; else if (month == 10 && day == 26) return "Intersex Awareness Day"; else return "No event"; } function getBanner(day) { switch (day) { case "Zero Discrimination Day": return "flag-progress-intersex"; break; case "Trans Day of Visibility": return "flag-trans"; break; case "International Asexuality Day": return "flag-ace"; break; case "Lesbian Visibility Day": return "flag-lesbian"; break; case "IDAHOBIT": return "flag-progress"; break; case "Agender Pride Day": return "flag-agender"; break; case "Pansexual and Panromantic Awareness & Visibility Day": return "flag-pan"; break; case "Pride Month": return "flag-progress-intersex"; break; case "Non-Binary People's Day": return "flag-non-binary"; break; case "Bi Visibility Day": return "flag-bi"; break; case "International Lesbian Day": return "flag-lesbian"; break; case "National Coming Out Day": return "flag-rainbow"; break; case "Intersex Awareness Day": return "flag-intersex"; break; default: return ""; } } function getBlurbHtml(day) { switch (day) { case "Zero Discrimination Day": return ` Today is Zero Discrimination Day `; break; case "Trans Day of Visibility": return ` Today is Trans Day of Visibility `; break; case "International Asexuality Day": return ` Today is International Asexuality Day `; break; case "Lesbian Visibility Day": return ` Today is Lesbian Visibility Day `; break; case "IDAHOBIT": return ` Today is International Day Against Homophobia, Biphobia and Transphobia `; break; case "Agender Pride Day": return ` Today is Agender Pride Day `; break; case "Pansexual and Panromantic Awareness & Visibility Day": return ` Today is Pansexual and Panromantic Visibility Day `; break; case "Pride Month": return ` Happy Pride Month! `; break; case "Non-Binary People's Day": return ` Today is Non-Binary People's Day `; break; case "Leilukin's Birthday": return ` Today is Leilukin's birthday `; break; case "Leilukin's Hub Anniversary": return ` Today is the anniversary of the launch of Leilukin's Hub `; break; case "Bi Visibility Day": return ` Today is Bi Visibility Day `; break; case "International Lesbian Day": return ` Today is International Lesbian Day `; break; case "National Coming Out Day": return ` Today is National Coming Out Day `; break; case "Intersex Awareness Day": return ` Today is Intersex Awareness Day `; break; default: return ``; } }