diff --git a/_includes/header.html b/_includes/header.html index 27c8556..0f518b6 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -2,7 +2,7 @@
- + chaospott
@@ -19,6 +26,7 @@ + diff --git a/_sass/_chaospott.scss b/_sass/_chaospott.scss index b8e1bc8..b40270a 100644 --- a/_sass/_chaospott.scss +++ b/_sass/_chaospott.scss @@ -91,9 +91,8 @@ a { } #large-header { - background: url('/images/pride_flag.svg'); // pride month background - //background-size: 450px; - //background: #222 url('/images/logowall.svg') center top; + background: #222 url('/images/logowall.svg') center top; + background-size: 450px; height: 228px; margin: 0 0 170px 0; diff --git a/images/logo-pride.svg b/images/logo-pride.svg new file mode 100644 index 0000000..3b744c1 --- /dev/null +++ b/images/logo-pride.svg @@ -0,0 +1,403 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/js/pride-logo.js b/js/pride-logo.js new file mode 100644 index 0000000..5100b96 --- /dev/null +++ b/js/pride-logo.js @@ -0,0 +1,16 @@ +(function () { + var month = Number( + new Intl.DateTimeFormat("de-DE", { + timeZone: "Europe/Berlin", + month: "numeric" + }).format(new Date()) + ); + + if (month !== 6) { + return; + } + + document.querySelectorAll("img[data-pride-src]").forEach(function (img) { + img.src = img.getAttribute("data-pride-src"); + }); +})(); \ No newline at end of file