diff --git a/sleepeesoftware.fr/assets/DJ_Ten_MagnetoSphere.wav b/sleepeesoftware.fr/assets/DJ_Ten_MagnetoSphere.wav
new file mode 100644
index 0000000..d496086
Binary files /dev/null and b/sleepeesoftware.fr/assets/DJ_Ten_MagnetoSphere.wav differ
diff --git a/sleepeesoftware.fr/assets/DJ_Ten_MagnetoSphere.wav:Zone.Identifier b/sleepeesoftware.fr/assets/DJ_Ten_MagnetoSphere.wav:Zone.Identifier
new file mode 100644
index 0000000..f1dcde8
--- /dev/null
+++ b/sleepeesoftware.fr/assets/DJ_Ten_MagnetoSphere.wav:Zone.Identifier
@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://notube.lol/
+HostUrl=https://s54.notube.lol/download.php?token=5f15cd14334e4930e9c79f9d74ad31da&key=amwl7fyh9dhxt2au
diff --git a/sleepeesoftware.fr/assets/Michael_Cassette_Crocketts_Theme.wav b/sleepeesoftware.fr/assets/Michael_Cassette_Crocketts_Theme.wav
new file mode 100644
index 0000000..6e8b347
Binary files /dev/null and b/sleepeesoftware.fr/assets/Michael_Cassette_Crocketts_Theme.wav differ
diff --git a/sleepeesoftware.fr/assets/Michael_Cassette_Crocketts_Theme.wav:Zone.Identifier b/sleepeesoftware.fr/assets/Michael_Cassette_Crocketts_Theme.wav:Zone.Identifier
new file mode 100644
index 0000000..cb217e8
--- /dev/null
+++ b/sleepeesoftware.fr/assets/Michael_Cassette_Crocketts_Theme.wav:Zone.Identifier
@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://notube.lol/
+HostUrl=https://s43.notube.lol/download.php?token=23a13a3144dd96cdd58f3b64daebea4c&key=7pxuaym283gtz06u
diff --git a/sleepeesoftware.fr/assets/National_Aerobic_Championship_Theme.wav b/sleepeesoftware.fr/assets/National_Aerobic_Championship_Theme.wav
new file mode 100644
index 0000000..403c4e1
Binary files /dev/null and b/sleepeesoftware.fr/assets/National_Aerobic_Championship_Theme.wav differ
diff --git a/sleepeesoftware.fr/assets/National_Aerobic_Championship_Theme.wav:Zone.Identifier b/sleepeesoftware.fr/assets/National_Aerobic_Championship_Theme.wav:Zone.Identifier
new file mode 100644
index 0000000..6745514
--- /dev/null
+++ b/sleepeesoftware.fr/assets/National_Aerobic_Championship_Theme.wav:Zone.Identifier
@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://notube.lol/
+HostUrl=https://s44.notube.lol/download.php?token=88de54461ec0988ec579bb2164ec06ed&key=6wi22j8j1ccduili
diff --git a/sleepeesoftware.fr/css/style.css b/sleepeesoftware.fr/css/style.css
index 61674fb..3136ddb 100644
--- a/sleepeesoftware.fr/css/style.css
+++ b/sleepeesoftware.fr/css/style.css
@@ -55,6 +55,29 @@ body {
50% { opacity: 1; }
}
+#loading-screen {
+ position: fixed;
+ top: 0; left: 0;
+ width: 100vw;
+ height: 100vh;
+ background: #000;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #00ffff;
+ font-family: 'Orbitron', sans-serif;
+ font-size: 2rem;
+ text-shadow: 0 0 10px #00ffff;
+ z-index: 9999;
+ cursor: pointer;
+ animation: pulse 1.5s infinite;
+}
+
+@keyframes pulse {
+ 0%, 100% { opacity: 1; }
+ 50% { opacity: 0.5; }
+}
+
.foreground-container {
max-width: 960px;
aspect-ratio: 4 / 3;
@@ -144,3 +167,31 @@ main section h2 {
font-style: italic;
padding: 1rem;
}
+
+#music-player {
+ text-align: center;
+ margin-bottom: 2rem;
+}
+
+#now-playing {
+ font-family: monospace;
+ color: #00ffff;
+ margin-bottom: 1rem;
+}
+
+.controls button {
+ background: #1a1a1a;
+ border: 1px solid #00ffff;
+ color: #00ffff;
+ padding: 0.5rem 1rem;
+ margin: 0 0.5rem;
+ font-size: 1.2rem;
+ cursor: pointer;
+ font-family: 'Orbitron', sans-serif;
+ text-shadow: 0 0 3px #00ffff;
+}
+
+.controls button:hover {
+ background: #00ffff;
+ color: #0d0d0d;
+}
diff --git a/sleepeesoftware.fr/index.html b/sleepeesoftware.fr/index.html
index c3192ca..6d9dabf 100644
--- a/sleepeesoftware.fr/index.html
+++ b/sleepeesoftware.fr/index.html
@@ -16,6 +16,9 @@
+
@@ -30,6 +33,14 @@
+
+
🎵 Loading music...
+
+
+
+
+
+
Welcome to Sleepee Software
diff --git a/sleepeesoftware.fr/js/index.js b/sleepeesoftware.fr/js/index.js
index 771a48e..7f157ea 100644
--- a/sleepeesoftware.fr/js/index.js
+++ b/sleepeesoftware.fr/js/index.js
@@ -30,3 +30,62 @@ fetch("/gitea-repos/")
})
.catch(err => console.error("Error fetching repos:", err));
+const playlist = [
+ {
+ title: 'Michael Cassette - Crocketts Theme',
+ src: 'assets/Michael_Cassette_Crocketts_Theme.wav'
+ },
+ {
+ title: 'DJ Ten - MagnetoSphere',
+ src: 'assets/DJ_Ten_MagnetoSphere.wav'
+ },
+ {
+ title: 'National Aerobic Championship Theme',
+ src: 'assets/National_Aerobic_Championship_Theme.wav'
+ }
+];
+
+let currentTrack = 0;
+const audio = new Audio();
+audio.loop = false;
+audio.volume = 0.5;
+
+const nowPlaying = document.getElementById('now-playing');
+const playPauseBtn = document.getElementById('play-pause-btn');
+const nextBtn = document.getElementById('next-btn');
+const prevBtn = document.getElementById('prev-btn');
+
+function loadTrack(index) {
+ currentTrack = index;
+ audio.src = playlist[currentTrack].src;
+ nowPlaying.textContent = `🎵 Now Playing: ${playlist[currentTrack].title}`;
+ audio.play();
+ playPauseBtn.textContent = '⏸️';
+}
+
+playPauseBtn.addEventListener('click', () => {
+ if (audio.paused) {
+ audio.play();
+ playPauseBtn.textContent = '⏸️';
+ } else {
+ audio.pause();
+ playPauseBtn.textContent = '▶️';
+ }
+});
+
+nextBtn.addEventListener('click', () => {
+ loadTrack((currentTrack + 1) % playlist.length);
+});
+
+prevBtn.addEventListener('click', () => {
+ loadTrack((currentTrack - 1 + playlist.length) % playlist.length);
+});
+
+audio.addEventListener('ended', () => {
+ loadTrack((currentTrack + 1) % playlist.length);
+});
+
+// From previous step: start music only after "Press to Start"
+document.getElementById('loading-screen')?.addEventListener('click', () => {
+ loadTrack(0);
+});