updated the banner to look a bit nicer
All checks were successful
Web/pipeline/head This commit looks good

This commit is contained in:
Ell 2021-03-24 19:36:12 +01:00
parent 71c5f58d30
commit 6724f352c6
4 changed files with 5 additions and 2 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 937 B

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 191 B

After

Width:  |  Height:  |  Size: 148 B

View file

@ -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/"); setBanner("pride", "It's Pride Month! Consider donating to charities like The Trevor Project.", "https://www.thetrevorproject.org/");
} else if (date.getMonth() + 1 === 2) { } else if (date.getMonth() + 1 === 2) {
setBanner("blm", "It's Black History Month! Consider donating to charities like Black Lives Matter.", "https://blacklivesmatter.com/"); 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/"); setBanner("autism", "It's Autism Awareness Week! Consider donating to charities like the ASAN.", "https://autisticadvocacy.org/");
} }
function setBanner(name, desc, link) { function setBanner(name, desc, link) {
let banner = $("#banner"); let banner = $("#banner");
banner.prop("title", desc); banner.html(desc);
banner.prop("href", link); banner.prop("href", link);
banner.css("background-image", `url(${loc}/res/${name}.png)`); banner.css("background-image", `url(${loc}/res/${name}.png)`);
banner.removeAttr("hidden"); banner.removeAttr("hidden");

View file

@ -231,6 +231,9 @@ blockquote {
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
background-size: contain; 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) { @media (max-width: 768px) {