diff --git a/res/autism.png b/res/autism.png index bb91fe5..5696e3b 100644 Binary files a/res/autism.png and b/res/autism.png differ diff --git a/res/blm.png b/res/blm.png index 04a9bd0..1d09296 100644 Binary files a/res/blm.png and b/res/blm.png differ diff --git a/scripts/banner.js b/scripts/banner.js index f0e7410..94a75af 100644 --- a/scripts/banner.js +++ b/scripts/banner.js @@ -3,13 +3,13 @@ if (date.getMonth() + 1 === 6) { setBanner("pride", "It's Pride Month! Consider donating to charities like The Trevor Project.", "https://www.thetrevorproject.org/"); } else if (date.getMonth() + 1 === 2) { setBanner("blm", "It's Black History Month! Consider donating to charities like Black Lives Matter.", "https://blacklivesmatter.com/"); -} else if (date.getMonth() + 1 === 4 && date.getDate() <= 4) { +} else if (date.getMonth() + 1 === 4 && date.getDate() <= 4 || true) { setBanner("autism", "It's Autism Awareness Week! Consider donating to charities like the ASAN.", "https://autisticadvocacy.org/"); } function setBanner(name, desc, link) { let banner = $("#banner"); - banner.prop("title", desc); + banner.html(desc); banner.prop("href", link); banner.css("background-image", `url(${loc}/res/${name}.png)`); banner.removeAttr("hidden"); diff --git a/style/style.css b/style/style.css index 96250ce..0bc04e3 100644 --- a/style/style.css +++ b/style/style.css @@ -231,6 +231,9 @@ blockquote { line-height: 40px; text-align: center; background-size: contain; + color: white; + text-shadow: -1px -1px 5px black, 1px -1px 5px black, -1px 1px 5px black, 1px 1px 5px black; + overflow: auto; } @media (max-width: 768px) {