From 6ede1ee46782abc436f5855eec0cd1ca73874303 Mon Sep 17 00:00:00 2001 From: monochromer Date: Mon, 19 Aug 2024 22:15:39 +0500 Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=BD=D0=BE=D1=81?= =?UTF-8?q?=D0=B8=D1=82=20=D0=B2=D0=B5=D1=81=D1=8C=20=D0=BA=D0=BE=D0=B4=20?= =?UTF-8?q?=D1=81=D0=BA=D1=80=D0=BF=D0=B8=D1=82=D0=BE=D0=B2=20=D0=B2=20htm?= =?UTF-8?q?l?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/eleventy-config/transforms.js | 1 + src/includes/dark-mode.njk | 14 ++++++++++++++ src/scripts/index.js | 1 - src/scripts/modules/dark-mode.js | 11 ----------- 4 files changed, 15 insertions(+), 12 deletions(-) delete mode 100644 src/scripts/modules/dark-mode.js diff --git a/src/eleventy-config/transforms.js b/src/eleventy-config/transforms.js index 2f5aab607..9eab707e0 100644 --- a/src/eleventy-config/transforms.js +++ b/src/eleventy-config/transforms.js @@ -234,6 +234,7 @@ export default function(eleventyConfig) { if (outputPath && outputPath.endsWith('.html')) { return htmlmin.minify(content, { collapseWhitespace: true, + minifyJS: true, }); } return content; diff --git a/src/includes/dark-mode.njk b/src/includes/dark-mode.njk index 86b85fdb0..ba07d4ee7 100644 --- a/src/includes/dark-mode.njk +++ b/src/includes/dark-mode.njk @@ -21,6 +21,13 @@ } } + function toggleDarkMode() { + applyColorScheme( + !document.querySelector('html').classList.contains(window.classNameDark), + true + ); + } + colorSchemeMediaQuery.addEventListener('change', (mediaQuery) => { applyColorScheme(mediaQuery.matches); }); @@ -39,4 +46,11 @@ // В противном случае берём системное значение applyColorScheme(isPrefersDarkColorScheme); } + + document.addEventListener('DOMContentLoaded', () => { + const colorSchemeButton = document.querySelector('.scheme-switcher__button'); + colorSchemeButton.addEventListener('click', () => { + toggleDarkMode(); + }); + }); diff --git a/src/scripts/index.js b/src/scripts/index.js index ec08e7efd..0afb3e08d 100644 --- a/src/scripts/index.js +++ b/src/scripts/index.js @@ -2,4 +2,3 @@ import './modules/menu.js'; import './modules/copy-link.js'; import './modules/video.js'; import './modules/podcast.js'; -import './modules/dark-mode.js'; diff --git a/src/scripts/modules/dark-mode.js b/src/scripts/modules/dark-mode.js deleted file mode 100644 index 89b690eec..000000000 --- a/src/scripts/modules/dark-mode.js +++ /dev/null @@ -1,11 +0,0 @@ -function toggleDarkMode() { - window.applyColorScheme( - !document.querySelector('html').classList.contains(window.classNameDark), - true - ); -} - -const colorSchemeButton = document.querySelector('.scheme-switcher__button'); -colorSchemeButton.addEventListener('click', () => { - toggleDarkMode(); -});