Browse Source

updated the banner to look a bit nicer

master
Ellpeck 3 weeks ago
parent
commit
6724f352c6
  1. BIN
      res/autism.png
  2. BIN
      res/blm.png
  3. 4
      scripts/banner.js
  4. 3
      style/style.css

BIN
res/autism.png

Before

Width: 250  |  Height: 150  |  Size: 937 B

After

Width: 250  |  Height: 150  |  Size: 14 KiB

BIN
res/blm.png

Before

Width: 100  |  Height: 30  |  Size: 191 B

After

Width: 100  |  Height: 30  |  Size: 148 B

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

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

Loading…
Cancel
Save