about

hello! you can call me quinn, kieran, or logan. my pronouns are he/she and i'm 16 years old (12/05/08). i'm a transmasc girlboy. my typology includes ENFP 4w5 so479 SLUAI and more. i have bpd, autism, and unlisted disorders which affect how i interact with others. you can find me on twt, pin, & atabook !

Menu
User
Heart

image.png

Menu
Music

music.mp3

01: home.
02: rules.

Text

00:00

0:00

let track_name = document.querySelector(".songtitle"); let playpause_btn = document.querySelector(".playpause-track"); let next_btn = document.querySelector(".next-track"); let prev_btn = document.querySelector(".prev-track"); let seek_slider = document.querySelector(".seek_slider"); let curr_time = document.querySelector(".current-time"); let total_duration = document.querySelector(".total-duration"); let track_index = 0; let isPlaying = false; let updateTimer; // Create new audio element let curr_track = document.getElementById("music"); // Define the tracks that have to be played let track_list = [ { name: "bruise", path: "https://files.catbox.moe/nlnsq1.mp3" }, { name:"smiley", path:"https://files.catbox.moe/7mw85y.mp3" }, { name:"eyes on my baby", path:"https://files.catbox.moe/5a0bp5.mp3" }, { name:"really good cry", path:"https://files.catbox.moe/n2l6ie.mp3" }, ]; function loadTrack(track_index) { clearInterval(updateTimer); resetValues(); // Load a new track curr_track.src = track_list[track_index].path; curr_track.load(); // Set an interval of 1000 milliseconds for updating the seek slider updateTimer = setInterval(seekUpdate, 1000); // Move to the next track if the current one finishes playing curr_track.addEventListener("ended", nextTrack); } // Reset Values function resetValues() { curr_time.textContent = "0:00"; total_duration.textContent = "0:00"; seek_slider.value = 0; } function playpauseTrack() { if (!isPlaying) playTrack(); else pauseTrack(); } function playTrack() { curr_track.play(); isPlaying = true; // Replace icon with the pause icon playpause_btn.innerHTML = ''; } function pauseTrack() { curr_track.pause(); isPlaying = false; // Replace icon with the play icon playpause_btn.innerHTML = ''; } function nextTrack() { if (track_index < track_list.length - 1) track_index += 1; else track_index = 0; loadTrack(track_index); playTrack(); } function prevTrack() { if (track_index > 0) track_index -= 1; else track_index = track_list.length; loadTrack(track_index); playTrack(); } function seekTo() { seekto = curr_track.duration * (seek_slider.value / 100); curr_track.currentTime = seekto; } function seekUpdate() { let seekPosition = 0; // Check if the current track duration is a legible number if (!isNaN(curr_track.duration)) { seekPosition = curr_track.currentTime * (100 / curr_track.duration); seek_slider.value = seekPosition; // Calculate the time left and the total duration let currentMinutes = Math.floor(curr_track.currentTime / 60); let currentSeconds = Math.floor(curr_track.currentTime - currentMinutes * 60); let durationMinutes = Math.floor(curr_track.duration / 60); let durationSeconds = Math.floor(curr_track.duration - durationMinutes * 60); // Adding a zero to the single digit time values if (currentSeconds < 10) { currentSeconds = "0" + currentSeconds; } if (durationSeconds < 10) { durationSeconds = "0" + durationSeconds; } if (currentMinutes < 10) { currentMinutes = currentMinutes; } if (durationMinutes < 10) { durationMinutes = durationMinutes; } curr_time.textContent = currentMinutes + ":" + currentSeconds; total_duration.textContent = durationMinutes + ":" + durationSeconds; } } // Load the first track in the tracklist loadTrack(track_index);

my print

i have a lot of passions, including coquette fashion, horror movies, css, typology, web design, video essays, hawks (mha), my friends, literature, listening to music, cats, shounen manga, YAOI, sweet food, matcha ice cream, the internet, and crd design! some of my favorite musical artists include wallows, taylor swift, between friends, chappell roan, fall out boy, dayglow, alex g, lorde, sidney gish, royel otis, & coin :-) i also love various media such as mha (but only the hawks parts), alien stage, link click, and saiki k.

notes

tl > dms do not dm me pleek, i mostly rt art and talk about alnst, hb to break mutuals don't unf, i block freely, i have bpd and autism (the kind that make you kill people), i reclaim slurs, i block proship / neutrals and twt blue mfs on sight. hawks mha is my special interest and my yume and i tend to gatekeep him.