Merge branch 'main' of https://github.com/CyberBulling/CyberBulling.github.io

Author: Makitoou

js/index.js

@@ -35,6 +35,13 @@ const notyf = new Notyf({
 })
 
 document.addEventListener('DOMContentLoaded', () => {
+  const imageBlocks = document.querySelectorAll('.block')
+    let i = 1
+    const them = localStorage.getItem('theme') === 'dark' ? '_dark' : ''
+    imageBlocks.forEach(block => {
+      block.style.backgroundImage = `url(images/zad${i}${them}.png)`
+      i++
+    })
   const themeSwitch = document.getElementById('theme-checkbox')
   const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')
 
@@ -51,17 +58,17 @@ document.addEventListener('DOMContentLoaded', () => {
 
   // Обработчик переключения темы
   themeSwitch.addEventListener('change', function () {
+    const newTheme = this.checked ? 'dark' : 'light'
+    document.body.classList.toggle('dark', this.checked)
+    localStorage.setItem('theme', newTheme)
+
     const imageBlocks = document.querySelectorAll('.block')
     let i = 1
+    const them = localStorage.getItem('theme') === 'dark' ? '_dark' : ''
     imageBlocks.forEach(block => {
-      const them = localStorage.getItem('theme') === 'light' ? '_dark' : ''
       block.style.backgroundImage = `url(images/zad${i}${them}.png)`
       i++
     })
-    const newTheme = this.checked ? 'dark' : 'light'
-    document.body.classList.toggle('dark', this.checked)
-    localStorage.setItem('theme', newTheme)
-
     // Обновляем цвет иконок
     updateIconColors(newTheme)
   })

js/script.js

@@ -6,11 +6,6 @@ imageBlocks.forEach(block => {
   const visitedBlock = block.querySelector('.visited')
   const url = block.getAttribute('data-url')
 
-  // Проверка на наличие информации о посещении
-  if (localStorage.getItem(url)) {
-    hoverBlock.style.backgroundImage = `url(images/${block.id}.png)`
-  }
-
   // Обработчик наведения мыши
   block.addEventListener('mouseover', () => {
     if (localStorage.getItem(url)) {