diff --git a/bio/assets/backwards.svg b/bio/assets/backwards.svg index ac76f04..5441c7f 100644 --- a/bio/assets/backwards.svg +++ b/bio/assets/backwards.svg @@ -1,9 +1,58 @@ - - fast-forward - - - - - + + + + + + + + + + + + diff --git a/bio/assets/forward.svg b/bio/assets/forward.svg index 06a74df..67292a5 100644 --- a/bio/assets/forward.svg +++ b/bio/assets/forward.svg @@ -1,9 +1,58 @@ - - fast-forward - - - - - - \ No newline at end of file + + + + + + + + + + + + + diff --git a/bio/assets/pause.svg b/bio/assets/pause.svg index 787de38..f38bba1 100644 --- a/bio/assets/pause.svg +++ b/bio/assets/pause.svg @@ -1,6 +1 @@ - - - - - - + pause [#ffffff] Created with Sketch. diff --git a/bio/assets/play.svg b/bio/assets/play.svg index 7219eb6..6e8a14d 100644 --- a/bio/assets/play.svg +++ b/bio/assets/play.svg @@ -1,5 +1 @@ - - - - - + play [#ffffff] Created with Sketch. diff --git a/bio/audio.js b/bio/audio.js index 7e74f06..908076b 100644 --- a/bio/audio.js +++ b/bio/audio.js @@ -4,7 +4,13 @@ const songs = [ src: "https://atums.world/raw/epic%206455.mp4", duration: 106 }, - + + { + song: "Tenkay - Jerry Springer Based Freestyle", + src: "https://atums.world/raw/2025-05-08_22%3A08%3A44.mp4", + duration: 179 + }, + { song: "YABUJIN - Open", src: "https://easyfiles.cc/2025/5/5a9bf2f5-3844-4e0c-8dfb-943012f4acd8/YABUJIN%20-%20open.mp4", @@ -17,13 +23,7 @@ const songs = [ duration: 100 }, - { - song: "Joeyy - PR Package", - src: "https://easyfiles.cc/2024/8/7c649f45-6573-4665-9675-4d869ea1332a/youtube_ZvphwrKo52s_1280x720_h264(1).mp4", - duration: 111 - }, - - { + { song: "woody - Heaven & Hell", src: "https://easyfiles.cc/2024/9/20fa08a2-8212-4212-93b7-9c62fc563505/woody%20heaven%20&%20hell%20prod.%201mint%20-%20real1woody%20(1080p,%20h264)(1).mp4", duration: 142 diff --git a/bio/index.html b/bio/index.html index 7358424..add8947 100644 --- a/bio/index.html +++ b/bio/index.html @@ -21,11 +21,12 @@
+
- +
zyqunix
diff --git a/bio/index.js b/bio/index.js index 964c6d5..e909445 100644 --- a/bio/index.js +++ b/bio/index.js @@ -1,8 +1,6 @@ const messages = [ - "PinkPantheress 💘💘💖🥰", - "lispnb and pluggnb 💖💖", "woody.. my dearest 🥰💓", - "Donate Crypto!", + "giv crypto", "iluvshed", "#lacethemwithfent", "#lifeiseasy", @@ -88,7 +86,7 @@ document.addEventListener("DOMContentLoaded", function () { updateTitle(); }); -let clickToEnterOverlay = document.getElementById("clickToEnter"); +const clickToEnterOverlay = document.getElementById("clickToEnter"); clickToEnterOverlay.onclick = () => { clickToEnterOverlay.style.transition = '0.75s'; clickToEnterOverlay.style.opacity = '0'; @@ -98,7 +96,7 @@ clickToEnterOverlay.onclick = () => { main.style.marginTop = "0px"; videoPlayer.play(); - playPauseButton.innerHTML = "❚❚"; + document.getElementById('plIcon').src = "./assets/pause.svg"; isPlaying = !isPlaying; typeWriter(); @@ -140,3 +138,24 @@ document.addEventListener("DOMContentLoaded", () => { }); }); }); + +const canvas = document.getElementById('ambient-canvas'); +const ctx = canvas.getContext('2d'); +const video = document.getElementById('videoPlayer') + +function resizeCanvas() { + canvas.width = video.videoWidth; + canvas.height = video.videoHeight; +} + +video.addEventListener('loadeddata', () => { + resizeCanvas(); + drawLoop(); +}); + +function drawLoop() { + if (!video.paused && !video.ended) { + ctx.drawImage(video, 0, 0, canvas.width, canvas.height); + } + requestAnimationFrame(drawLoop); +} diff --git a/bio/style.css b/bio/style.css index 88cddf6..15f0db5 100644 --- a/bio/style.css +++ b/bio/style.css @@ -543,13 +543,19 @@ div[id="name"]::after { } #bkIcon, -#fwIcon { - filter: invert(100%); +#fwIcon, +#plIcon { transition: 0.1s; margin: 5px; + height: 16px; } -#bkIcon:not(:hover), -#fwIcon:not(:hover) { - filter: invert(1) brightness(86.6%) grayscale(1) !important; +#ambient-canvas { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + filter: brightness(50%) blur(1000px); }