zyqunix/tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

changed host for pfp, removed some songs from audio, changed selection (background-) color

Browse source
This commit is contained in:
zyqunix 2024-12-26 00:23:18 +01:00
parent 50ff6ad167
commit e7ee8849c1
3 changed files with 30 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
bio/audio.js
View file

@ -5,41 +5,29 @@ const songs = [
duration: 159
},
{
song: "woody - Paint Thinner",
src: "https://easyfiles.cc/2024/8/2110cfc6-d700-4c42-bc66-bafa5799c1fc/youtube_rhaFMuU1_qw_1280x720_h264(1).mp4" ,
{
song: "woody - Paint Thinner",
src: "https://easyfiles.cc/2024/8/2110cfc6-d700-4c42-bc66-bafa5799c1fc/youtube_rhaFMuU1_qw_1280x720_h264(1).mp4",
duration: 100
},
},
{
song: "Joeyy - PR Package",
src: "https://easyfiles.cc/2024/8/7c649f45-6573-4665-9675-4d869ea1332a/youtube_ZvphwrKo52s_1280x720_h264(1).mp4" ,
{
song: "Joeyy - PR Package",
src: "https://easyfiles.cc/2024/8/7c649f45-6573-4665-9675-4d869ea1332a/youtube_ZvphwrKo52s_1280x720_h264(1).mp4",
duration: 111
},
{
song: "Bladee & Ecco2k - Bleach",
src: "https://easyfiles.cc/2024/9/4ac37ab2-20d7-4fd8-863b-3dcee1c418cd/BLADEE%20&%20ECCO2K%20-%20BLEACH%20-%20drain%20gang%20(720p50,%20h264)(1).mp4" ,
duration: 153
},
{
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" ,
{
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
},
{
song: "woody - God Said I Was Good",
src: "https://easyfiles.cc/2024/8/9cafa851-0405-4009-b639-08ff5e029dc3/youtube_Z4IF2ujq1Xk_1280x720_h264(1).mp4" ,
},
{
song: "woody - God Said I Was Good",
src: "https://easyfiles.cc/2024/8/9cafa851-0405-4009-b639-08ff5e029dc3/youtube_Z4IF2ujq1Xk_1280x720_h264(1).mp4",
duration: 135
},
{
song: "sniper2004 - la ny",
src: "https://easyfiles.cc/2024/8/b8332c2a-e70b-4ec0-9ba8-acc7e5449db7/youtube_mkmn3QZSZUM_874x720_h264(1).mp4" ,
duration: 87
}
];
let currentSongIndex = 0;
@ -95,8 +83,7 @@ playPauseButton.addEventListener("click", () => {
} else {
videoPlayer.play();
playPauseButton.innerHTML = "❚❚";
}
isPlaying =!isPlaying;
} isPlaying = ! isPlaying;
});
videoPlayer.addEventListener("ended", () => {
@ -119,12 +106,16 @@ function loadSong(index) {
}
videoPlayer.volume = volumeSlider.value / 100;
volumePercent.innerText = `${volumeSlider.value}%`;
volumePercent.innerText = `${
volumeSlider.value
}%`;
updateVolumeSliderBackground(volumeSlider, volumeSlider.value);
volumeSlider.addEventListener('input', function () {
videoPlayer.volume = volumeSlider.value / 100;
volumePercent.innerText = `${volumeSlider.value}%`;
volumePercent.innerText = `${
volumeSlider.value
}%`;
updateVolumeSliderBackground(volumeSlider, volumeSlider.value);
});
@ -135,7 +126,9 @@ function updateVolumeSliderBackground(slider, value) {
function formatTime(time) {
const minutes = Math.floor(time / 60);
const seconds = Math.floor(time % 60);
return `${minutes}:${seconds.toString().padStart(2, "0")}`;
return `${minutes}:${
seconds.toString().padStart(2, "0")
}`;
}
loadSong(0);
loadSong(0);

4
bio/index.html
View file

@ -17,14 +17,14 @@
<body>
<script disable-devtool-auto="" src="https://cdn.jsdelivr.net/npm/disable-devtool@latest"></script>
<script disable-devtool-auto="" src="htps://cdn.jsdelivr.net/npm/disable-devtool@latest"></script>
<div class="video-container">
<video id="videoPlayer"></video>
</div>
<div class="player" id="player">
<img class="pfp" src="https://cdn.discordapp.com/avatars/1201415921802170388/3ccc13a2825eb8c98b5371fa0706e450.webp?size=1024&format=webp&width=0&height=320">
<img class="pfp" src="https://easyfiles.cc/2024/12/a3046d6f-a1b1-415a-8f55-8981a8e45ddb/3ccc13a2825eb8c98b5371fa0706e450.webp">
<h1>zyqunix</h1>
<span class="desc" id="typewriter"></span>

4
bio/style.css
View file

@ -26,8 +26,8 @@ body {
}
::selection {
background-color: #fefefe;
color: #000000;
background-color: #eeeeee;
color: #0e0e0e;
}
:focus-visible {