furk4ngg/FURK4NGG.github.io
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update 1.js

Browse Source
This commit is contained in:
FURK4NGG
2025-02-18 15:45:03 +03:00
committed by GitHub
parent 1aa83d1f7f
commit 85150654b6
1 changed files with 35 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
JAVASCRIPT/1.js
+33 -30
View File
@@ -49,45 +49,48 @@ async function getCurrentYear() {
getCurrentYear().then(year => { getCurrentYear().then(year => {
const text1 = `an ${year - 2006} years old`; const text1 = `an ${year - 2006} years old`;
const text2 = `I am ${text1} university student studying Computer Engineering. Since 2020, I have mostly improved myself in back-end departments, particularly in Robotic Coding, Mobile Application Development, 2D/3D Game Development, Website Creation, Cyber Security, and AI Prompt Engineering. I have also participated in Teknofest Competitions and TUBITAK projects. Right now, I am working on projects related to AI and IoT. I am passionate about creating innovative solutions that can positively impact people’s lives and contribute to society, and I am always open to exploring new ideas that serve humanity.`; const text2 = `I am ${text1} university student.`;
console.log(text2); console.log(text2);
/* SCROLL REVEALING */
document.addEventListener('DOMContentLoaded', () => {
const textContainer = document.getElementById('animatedTextContainer');
// Eğer container yoksa hata almamak için kontrol et
if (!textContainer) return;
// Split text into words and wrap each word in a span
const words = text2.split(' ').map(word => {
const span = document.createElement('span');
span.textContent = word;
span.className = 'word';
return span;
});
// Append words to the text container
words.forEach(word => textContainer.appendChild(word));
});
}); });
/* SCROLL EFFECT */
/*SCROLL REVEALING*/
document.addEventListener('DOMContentLoaded', () => {
const textContainer = document.getElementById('animatedTextContainer');
//const text = "I am an 18-year-old university student studying Computer Engineering. Since 2020, I have mostly improved myself in back-end departments, particularly in Robotic Coding, Mobile Application Development, 2D/3D Game Development, Website Creation, Cyber Security, and AI Prompt Engineering. I have also participated in Teknofest Competitions and TUBITAK projects. Right now, I am working on projects related to AI and IoT. I am passionate about creating innovative solutions that can positively impact people’s lives and contribute to society, and I am always open to exploring new ideas that serve humanity.";
// Split text into words and wrap each word in a span
const words = text2.split(' ').map(word => {
const span = document.createElement('span');
span.textContent = word;
span.className = 'word';
return span;
});
// Append words to the text container
words.forEach(word => textContainer.appendChild(word));
});
document.addEventListener('scroll', () => { document.addEventListener('scroll', () => {
const words = document.querySelectorAll('.word'); const words = document.querySelectorAll('.word');
const scrollPosition = window.scrollY; const scrollPosition = window.scrollY;
const windowHeight = window.innerHeight; const windowHeight = window.innerHeight;
const totalHeight = document.body.scrollHeight; const totalHeight = document.body.scrollHeight;
const scrollPercent = scrollPosition*4.7 / (totalHeight - windowHeight); const scrollPercent = (scrollPosition * 4.7) / (totalHeight - windowHeight);
words.forEach((word, index) => { words.forEach((word, index) => {
const wordOffset = index / words.length; const wordOffset = index / words.length;
const opacity = Math.min(Math.max((scrollPercent - wordOffset) * 2, 0), 1); const opacity = Math.min(Math.max((scrollPercent - wordOffset) * 2, 0), 1);
word.style.color = `rgba(0, 0, 0, ${opacity})`; word.style.color = `rgba(0, 0, 0, ${opacity})`;
}); });
}); });
/*LAZY LOADING*/ /*LAZY LOADING*/
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
const lazyLoadImages = document.querySelectorAll("img.lazy-load"); const lazyLoadImages = document.querySelectorAll("img.lazy-load");