From cbe4a615dfd896727356a0bca5abf917acd64d8b Mon Sep 17 00:00:00 2001 From: Ellpeck Date: Sun, 21 Mar 2021 20:20:15 +0100 Subject: [PATCH] added some cool seasonal banners --- index.html | 4 ++++ res/autism.png | Bin 0 -> 937 bytes res/blm.png | Bin 0 -> 191 bytes res/pride.png | Bin 2569 -> 178 bytes scripts/about.js | 2 +- scripts/banner.js | 16 ++++++++++++++++ scripts/main.js | 3 --- style/pride.css | 5 ----- style/style.css | 33 +++++++++++++++++++++------------ 9 files changed, 42 insertions(+), 21 deletions(-) create mode 100644 res/autism.png create mode 100644 res/blm.png create mode 100644 scripts/banner.js delete mode 100644 style/pride.css diff --git a/index.html b/index.html index 0c782ce..559ed8a 100644 --- a/index.html +++ b/index.html @@ -183,6 +183,10 @@ + + + +
© 2018-2021 Ellpeck – Impressum – Privacy diff --git a/res/autism.png b/res/autism.png new file mode 100644 index 0000000000000000000000000000000000000000..bb91fe5cf537083b1cc7a739f6799db938c27283 GIT binary patch literal 937 zcmV;a16KTrP)Px#1ZP1_K>z@;j|==^1poj5El^BUMa%#I(Ha`vR#xF`Z2$lN0L%ay(Hd;wY*yV? z007JY0LvO0&}?ks8XD17R^7$@U5x+$010qNS#tmY4#NNd4#NS*Z>VGd00RX{L_t(| z+U=Q9a@sHuhRqE+w?9>$|WY z(^B7C@;mnr#~XSV^E(y0!Mn5i7`sZQ9X0RQ1n-v=?^h)67c}qb0rSZT z@2L^*i5c%{A@fNo?Nh37tzq=aSI5By=tbol8RJlF+#%bS`~fy4L>zcO4K00000 LNkvXXu0mjfs*Ajx literal 0 HcmV?d00001 diff --git a/res/blm.png b/res/blm.png new file mode 100644 index 0000000000000000000000000000000000000000..04a9bd0b2d72706b34a021dd65f5edda171733b3 GIT binary patch literal 191 zcmeAS@N?(olHy`uVBq!ia0vp^DL^d8!3-qdwt61~QjEnx?oJHr&dIz4a#+$GeH|GX zHuiJ>Nn{1`IRkt`T>m_h1~P#lyw^AlNHLcL`33*~&v5+|FHkK5XMsm#F#`kNArNL1 z)$nQn3L1F2IEHw5Crhv{ZYXQ$M^BN0N1MLI-n3&@xSltt~1BQDwbNfesu7 b1`G^W`Pnc2iZGfB)XU)M>gTe~DWM4f<;pSl literal 0 HcmV?d00001 diff --git a/res/pride.png b/res/pride.png index 5848cb9a0522304cf756b61a81609074fd956a34..bb8588db5106a2c03d9dc12455215ceb5110bdcc 100644 GIT binary patch delta 168 zcmeAa*~F;V8Q|y6%O%Cdz`(%k>ERLtq*H)cj)fUWYLqTJ0Hhd;gWR1M)}51iIZ;u# zP$8q^qk|Ch42M|9h90@ZRBctjR6Fz_7)VaDV6D?p}cdb&7< zSe#Clc<3-8#bC`Ajfp&MQ^k@e9o%r~k&}@`Sd^0|+hKR_3=M|IoIly$|CuTS)WqQF L>gTe~DWM4f%lR_V literal 2569 zcmeAS@N?(olHy`uVBq!ia0y~yU~gbxU|Gb%3=~<$@G=xgv7|ftIx;Y9?C1WI$O_~u zBzpw;GB8xBF)%c=FfjZA3N^f7U???UV0e|lz+g3lfkC`r&aOZkpoC(8Pl)RiX6CmB zO#gcr{-0&|{}!lPjUhjm!S}zP{Q6S%_W%F?3vJxG0jQWU$=lt9E91hKFd&D$#M9T6 z{V}tQfP$6ZQGRI#29BqmE{-7;x87d9DA2$l;&L(6L$OsP2uz&V_FwLx*>ib_HiIzRJb2Bj_BDLL#k%Fyz($N}iEBhj zN@7W>RdP`(kYX@0FtpS)FxEA)2r)FXGB&a@wa_*&ure^ 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) {