diff --git a/index.html b/index.html
index 0c782ce..559ed8a 100644
--- a/index.html
+++ b/index.html
@@ -183,6 +183,10 @@
         </div>
     </div>
 
+    <!-- Seasonal banner -->
+    <a id="banner" class="rounded-top" hidden></a>
+    <script src="./scripts/banner.js"></script>
+
     <!-- Footer -->
     <div class="footer rounded-top">
         <span class="text-muted"><a href="https://git.ellpeck.de/Ellpeck/Web">&copy; 2018-2021 Ellpeck</a> &ndash; <a href="#impressum">Impressum</a> &ndash; <a href="#privacy">Privacy</a></span>
diff --git a/res/autism.png b/res/autism.png
new file mode 100644
index 0000000..bb91fe5
Binary files /dev/null and b/res/autism.png differ
diff --git a/res/blm.png b/res/blm.png
new file mode 100644
index 0000000..04a9bd0
Binary files /dev/null and b/res/blm.png differ
diff --git a/res/pride.png b/res/pride.png
index 5848cb9..bb8588d 100644
Binary files a/res/pride.png and b/res/pride.png differ
diff --git a/scripts/about.js b/scripts/about.js
index e811edb..7bc8a2c 100644
--- a/scripts/about.js
+++ b/scripts/about.js
@@ -82,7 +82,7 @@ for (let question of questions) {
 $('#about-list').html(a);
 
 function getAge() {
-    let birthdayMillis = Date.UTC(1999, 4, 21);
+    let birthdayMillis = Date.UTC(1999, 5 - 1, 21);
     let todayMillis = Date.now();
     let ageSinceStart = new Date(todayMillis - birthdayMillis);
     return ageSinceStart.getUTCFullYear() - 1970;
diff --git a/scripts/banner.js b/scripts/banner.js
new file mode 100644
index 0000000..f0e7410
--- /dev/null
+++ b/scripts/banner.js
@@ -0,0 +1,16 @@
+let date = new Date();
+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) {
+    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.prop("href", link);
+    banner.css("background-image", `url(${loc}/res/${name}.png)`);
+    banner.removeAttr("hidden");
+}
\ No newline at end of file
diff --git a/scripts/main.js b/scripts/main.js
index e402dd0..dbabdc7 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -1,13 +1,10 @@
 const dark = getCookie("dark") === "true";
-const pride = new Date().getMonth() === 5;
 const loc = $("script").last().attr("src").split("/")[0];
 
 if (dark) {
     addStyle(`${loc}/style/dark.css`);
     addStyle(`${loc}/style/prettify-dark.css`);
 }
-if (pride)
-    addStyle(`${loc}/style/pride.css`);
 
 $(function () {
     openModals(window.location.hash);
diff --git a/style/pride.css b/style/pride.css
deleted file mode 100644
index 729bddc..0000000
--- a/style/pride.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.jumbotron {
-    background-image: url("../res/pride.png");
-    background-size: auto 100%;
-    color: black;
-}
\ No newline at end of file
diff --git a/style/style.css b/style/style.css
index 5e7fdd8..96250ce 100644
--- a/style/style.css
+++ b/style/style.css
@@ -140,11 +140,20 @@ body {
     width: 85%;
 }
 
+.navbar {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 1200px;
+}
+
 .footer {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 1200px;
     background-color: #f8f9fa;
     padding-left: 15px;
     padding-right: 15px;
@@ -210,18 +219,18 @@ blockquote {
     filter: saturate(130%);
 }
 
-@media (min-width: 1200px) {
-    .navbar {
-        width: 1200px;
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    .footer {
-        width: 1200px;
-        margin-left: auto;
-        margin-right: auto;
-    }
+#banner {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 1200px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    background-size: contain;
 }
 
 @media (max-width: 768px) {