From 800623d819d61b2600b92f40a84fed304ff7bfbf Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Sat, 1 Mar 2025 07:43:56 +0300 Subject: [PATCH] Update 1.js --- JAVASCRIPT/1.js | 107 +++++++++++++++++++++++++++--------------------- 1 file changed, 61 insertions(+), 46 deletions(-) diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js index e4f1851..4a286c9 100644 --- a/JAVASCRIPT/1.js +++ b/JAVASCRIPT/1.js @@ -1,50 +1,65 @@ /*LOCATION SAVER*/ -let clickCount = 0; -const container = document.getElementById("container_4"); - -container.addEventListener("click", () => { - clickCount++; - - if (clickCount === 4) { - navigator.clipboard.writeText("asdasd").then(() => { - showNotification(); - }); - - clickCount = 0; - } -}); - -function showNotification() { - const notification = document.createElement("div"); - notification.innerText = "Copied to Clipboard"; - notification.style.position = "fixed"; - notification.style.bottom = "-60px"; // İlk başta aşağıda - notification.style.left = "50%"; - notification.style.transform = "translateX(-50%)"; - notification.style.background = "#333"; - notification.style.color = "#fff"; - notification.style.padding = "12px 24px"; - notification.style.borderRadius = "20px"; // Kenarları oval - notification.style.boxShadow = "0 4px 6px rgba(0, 0, 0, 0.1)"; - notification.style.transition = "bottom 0.4s ease-in-out"; - notification.style.zIndex = "9999"; - notification.style.fontFamily = '"Monomakh", serif'; - notification.style.fontSize = "1.3rem"; - - document.body.appendChild(notification); - - // Bildirimi yukarı kaydır - setTimeout(() => { - notification.style.bottom = "20px"; - }, 100); - - // 2 saniye sonra aşağı kaydır ve sil - setTimeout(() => { - notification.style.bottom = "-60px"; - setTimeout(() => { - notification.remove(); - }, 500); - }, 2000); +let clickCount = 0; +const container = document.getElementById("container_4"); + +// Fontu yükle ve bildirimi göster +function loadFontAndShowNotification() { + const font = new FontFace('Monomakh', 'url("/FONTS/Monomakh.woff2") format("woff2")'); + + font.load().then((loadedFont) => { + document.fonts.add(loadedFont); + showNotification(); + }).catch((err) => { + console.error("Font yüklenirken hata oluştu:", err); + showNotification(); // Font yüklenmese bile bildirim gösterilsin + }); +} + +// Tıklama event'i +container.addEventListener("click", () => { + clickCount++; + + if (clickCount === 4) { + navigator.clipboard.writeText("asdasd").then(() => { + loadFontAndShowNotification(); + }); + + clickCount = 0; // Sayaç sıfırla + } +}); + +// Bildirim fonksiyonu +function showNotification() { + const notification = document.createElement("div"); + notification.innerText = "Copied to Clipboard"; + notification.style.position = "fixed"; + notification.style.bottom = "-60px"; // İlk başta aşağıda + notification.style.left = "50%"; + notification.style.transform = "translateX(-50%)"; + notification.style.background = "#333"; + notification.style.color = "#fff"; + notification.style.padding = "12px 24px"; + notification.style.borderRadius = "20px"; // Kenarları oval + notification.style.boxShadow = "0 4px 6px rgba(0, 0, 0, 0.1)"; + notification.style.transition = "bottom 0.4s ease-in-out"; + notification.style.zIndex = "9999"; + notification.style.fontFamily = '"Monomakh", serif'; + notification.style.fontSize = "1.3rem"; + + document.body.appendChild(notification); + + // Bildirimi yukarı kaydır + setTimeout(() => { + notification.style.bottom = "20px"; + }, 100); + + // 2 saniye sonra aşağı kaydır ve sil + setTimeout(() => { + notification.style.bottom = "-60px"; + setTimeout(() => { + notification.remove(); + }, 500); + }, 2000); }