updated the banner to look a bit nicer

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");

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) {