From f78bf55e541eb20377b599557b8106ebe7054b33 Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Sun, 3 Nov 2024 16:04:41 +0300 Subject: [PATCH] Update 1.js --- JAVASCRIPT/1.js | 45 ++++++--------------------------------------- 1 file changed, 6 insertions(+), 39 deletions(-) diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js index af735cf..b03ec5c 100644 --- a/JAVASCRIPT/1.js +++ b/JAVASCRIPT/1.js @@ -16,6 +16,7 @@ function switchPhoto() { // Initially set the first image as visible images[currentIndex].classList.add('visible'); + /*SCROLL REVEALING*/ document.addEventListener('DOMContentLoaded', () => { const textContainer = document.getElementById('animatedTextContainer'); @@ -87,6 +88,7 @@ document.addEventListener("DOMContentLoaded", function() { } }); + /*SAVE DATA AND RUN OFFLINE*/ if ('serviceWorker' in navigator) { window.addEventListener('load', () => { @@ -100,6 +102,7 @@ if ('serviceWorker' in navigator) { }); } + /*TO-TOP BUTTON REVEALING*/ const toTop = document.querySelector(".to-top"); const trandingSlideContent = document.querySelector(".tranding-slide-content"); @@ -129,6 +132,7 @@ window.addEventListener('load', function() { if (sidebarCheckbox.checked) {sidebarCheckbox.checked = false;} }); + /*LOADING SCREEN*/ gsap.fromTo( ".loading_page", @@ -171,44 +175,6 @@ const options = { autoMatchOsTheme: true // default: true } -const darkmode = new Darkmode(options); - -// Sayfa yüklendiğinde ilk temayı belirle -window.addEventListener('DOMContentLoaded', () => { - // Kayıtlı bir tema tercihi var mı? - const savedTheme = localStorage.getItem('theme'); - - // Eğer kayıtlı tema yoksa, sistem temasına göre otomatik ayarla - if (!savedTheme) { - const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches; - if (prefersDarkScheme) { - darkmode.toggle(); // Dark mode'u etkinleştir - localStorage.setItem('theme', 'dark'); - } else { - localStorage.setItem('theme', 'light'); - } - } else if (savedTheme === 'dark') { - darkmode.toggle(); // Kayıtlı tema dark ise dark mode etkin - } -}); - -// Tema değiştirme fonksiyonu -function toggleTheme() { - const currentTheme = localStorage.getItem('theme'); - - // Dark mode aktifse light mode'a geç - if (currentTheme === 'dark') { - darkmode.toggle(); // Dark mode'u kapat - localStorage.setItem('theme', 'light'); - } else { - darkmode.toggle(); // Dark mode'u etkinleştir - localStorage.setItem('theme', 'dark'); - } -} - -// Toggle butonunu dinleyiciye bağla -document.querySelector('.darkmode-toggle').addEventListener('click', toggleTheme); - /*GALLERY IMAGES*/ var TrandingSlider = new Swiper('.tranding-slider', { @@ -259,6 +225,7 @@ document.addEventListener("DOMContentLoaded", function() { }); }); + /*ANIMATED TEXT*/ const dynamicText = document.querySelector(".h1 span"); const words = ["Developer", "Athlete", "Musician"]; @@ -373,7 +340,7 @@ function animateCircles() { animateCircles(); -/*Disable copy-paste*/ +/*DISABLE COPY-PASTE*/ const disabledKeys = ["c", "C", "x", "J", "u", "I"]; // keys that will be disabled const showAlert = e => { e.preventDefault(); // preventing its default behaviour