Your Name Here

A short intro about yourself for people visiting your website. Image used on template can be found here: Link

Likes

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Age[Age]
Pronouns[Pronouns]
Time Zone[Time Zone]
Star Sign[Star Sign]

Files

Link to your files below if you want.

download.txt

pizza.jpg

secret.zip

drum-kit.mp3

folder.zip

Your Story

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis.lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis.lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis.

Connect with me

Say hello or something nice here.
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tumblr[Tumblr]
Threads[Threads]
Instagram[IG]
Tiktok[Tiktok]
Album Cover

Sample Song Title

Artist Name

0:000:00
const audio = new Audio( "https://drive.google.com/file/d/1T9MRapV8JORU-i4mx0qVvA-PcXiOxex-/view?usp=drive_link", ) // Replace with your direct MP3 URL. Use something like https://sndup.net or Dropbox to upload. const playBtn = document.getElementById("playBtn") const backwardBtn = document.getElementById("backwardBtn") const forwardBtn = document.getElementById("forwardBtn") const progressContainer = document.getElementById("progressContainer") const progress = document.getElementById("progress") const progressDot = document.getElementById("progressDot") const currentTimeSpan = document.getElementById("currentTime") const durationSpan = document.getElementById("duration") const volumeSlider = document.getElementById("volumeSlider") let isDragging = false // Play/Pause functionality playBtn.addEventListener("click", () => { if (audio.paused) { audio.play() playBtn.textContent = "⏸" playBtn.style.paddingLeft = "6px" playBtn.style.paddingTop = "5px" playBtn.style.fontSize = "22px" } else { audio.paused = true audio.pause() playBtn.textContent = "▶" playBtn.style.paddingLeft = "8px" playBtn.style.paddingTop = "3px" playBtn.style.fontSize = "15px" } }) // Forward 10 seconds forwardBtn.addEventListener("click", () => { audio.currentTime = Math.min(audio.currentTime + 10, audio.duration) }) // Backward 10 seconds backwardBtn.addEventListener("click", () => { audio.currentTime = Math.max(audio.currentTime - 10, 0) }) // Update progress bar and time audio.addEventListener("timeupdate", () => { if (!isDragging) { const percent = (audio.currentTime / audio.duration) * 100 updateProgress(percent) } currentTimeSpan.textContent = formatTime(audio.currentTime) }) // Set duration when metadata is loaded audio.addEventListener("loadedmetadata", () => { durationSpan.textContent = formatTime(audio.duration) }) // Progress bar interaction function updateProgress(percent) { progress.style.width = percent + "%" progressDot.style.left = percent + "%" } progressContainer.addEventListener("mousedown", (e) => { isDragging = true updateProgressFromEvent(e) }) document.addEventListener("mousemove", (e) => { if (isDragging) { updateProgressFromEvent(e) } }) document.addEventListener("mouseup", () => { if (isDragging) { isDragging = false const percent = parseFloat(progress.style.width) audio.currentTime = (percent / 100) * audio.duration } }) function updateProgressFromEvent(e) { const rect = progressContainer.getBoundingClientRect() let percent = ((e.clientX - rect.left) / rect.width) * 100 percent = Math.max(0, Math.min(100, percent)) updateProgress(percent) } // Volume control volumeSlider.addEventListener("input", (e) => { audio.volume = e.target.value }) // Format time in MM:SS function formatTime(seconds) { const minutes = Math.floor(seconds / 60) seconds = Math.floor(seconds % 60) return `${minutes}:${seconds.toString().padStart(2, "0")}` } // Reset play button when audio ends audio.addEventListener("ended", () => { playBtn.textContent = "▶" updateProgress(0) audio.currentTime = 0 })