-
🎵 Loading music...
+
diff --git a/sleepeesoftware.fr/js/index.js b/sleepeesoftware.fr/js/index.js
index f262ab4..d77efe1 100644
--- a/sleepeesoftware.fr/js/index.js
+++ b/sleepeesoftware.fr/js/index.js
@@ -47,7 +47,7 @@ const playlist = [
let currentTrack = 0;
const audio = new Audio();
-audio.loop = true;
+audio.loop = false;
audio.volume = 0.2;
const nowPlaying = document.getElementById('now-playing');
@@ -90,6 +90,8 @@ document.getElementById('loading-screen')?.addEventListener('click', () => {
loadTrack(0);
});
+document.getElementById('now-playing').textContent = '🎵 Now Playing: Song Title';
+
window.addEventListener('DOMContentLoaded', () => {
const loadingScreen = document.getElementById('loading-screen');
const music = new Audio(); // your audio logic might be handled elsewhere now
@@ -101,3 +103,20 @@ window.addEventListener('DOMContentLoaded', () => {
});
}
});
+
+document.addEventListener("DOMContentLoaded", function() {
+ const loadingScreen = document.getElementById('loading-screen');
+ const loadingText = document.querySelector('.loading-text');
+
+ loadingScreen.addEventListener('click', function() {
+ loadingScreen.style.display = 'none';
+ document.querySelector('.foreground-container').style.display = 'block';
+ });
+});
+
+document.getElementById("loading-screen").addEventListener("click", () => {
+ document.getElementById("loading-screen").style.display = "none";
+ const container = document.querySelector(".foreground-container");
+ container.classList.remove("hidden");
+ container.classList.add("fade-in");
+});