From 361147d6f8ddf8e929f5a6eed22c15d89dda835d Mon Sep 17 00:00:00 2001 From: m11 Date: Sat, 20 Jun 2026 17:00:48 +0200 Subject: [PATCH] =?UTF-8?q?Adjust=20the=20Pride=20Month=20styling=20to=20b?= =?UTF-8?q?lend=20in=20better=20with=20the=20existing=20page=20design.=20C?= =?UTF-8?q?CC/Chaospott=20logo=20wall=20is=20no=20longer=20covered=20up,?= =?UTF-8?q?=20the=20Repair=20Caf=C3=A9=20logo=20no=20longer=20clashes=20wi?= =?UTF-8?q?th=20the=20pride=20background,=20and=20the=20whole=20thing=20is?= =?UTF-8?q?=20a=20bit=20easier=20on=20the=20eyes.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _includes/header.html | 2 +- _layouts/default.html | 10 +- _sass/_chaospott.scss | 5 +- images/logo-pride.svg | 403 ++++++++++++++++++++++++++++++++++++++++++ js/pride-logo.js | 16 ++ 5 files changed, 431 insertions(+), 5 deletions(-) create mode 100644 images/logo-pride.svg create mode 100644 js/pride-logo.js 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 @@
{% include footer.html %}
+ 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