Emilia/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added music git add .

Browse Source
This commit is contained in:
fatmeatwsl 2025-04-22 18:32:14 +02:00
parent 13b26dd202
commit c0887f5e71
9 changed files with 133 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
sleepeesoftware.fr/assets/DJ_Ten_MagnetoSphere.wav Normal file
View File

Binary file not shown.

4
sleepeesoftware.fr/assets/DJ_Ten_MagnetoSphere.wav:Zone.Identifier Normal file
View File

@ -0,0 +1,4 @@
[ZoneTransfer]
ZoneId=3
ReferrerUrl=https://notube.lol/
HostUrl=https://s54.notube.lol/download.php?token=5f15cd14334e4930e9c79f9d74ad31da&key=amwl7fyh9dhxt2au

BIN
sleepeesoftware.fr/assets/Michael_Cassette_Crocketts_Theme.wav Normal file
View File

Binary file not shown.

4
sleepeesoftware.fr/assets/Michael_Cassette_Crocketts_Theme.wav:Zone.Identifier Normal file
View File

@ -0,0 +1,4 @@
[ZoneTransfer]
ZoneId=3
ReferrerUrl=https://notube.lol/
HostUrl=https://s43.notube.lol/download.php?token=23a13a3144dd96cdd58f3b64daebea4c&key=7pxuaym283gtz06u

BIN
sleepeesoftware.fr/assets/National_Aerobic_Championship_Theme.wav Normal file
View File

Binary file not shown.

4
sleepeesoftware.fr/assets/National_Aerobic_Championship_Theme.wav:Zone.Identifier Normal file
View File

@ -0,0 +1,4 @@
[ZoneTransfer]
ZoneId=3
ReferrerUrl=https://notube.lol/
HostUrl=https://s44.notube.lol/download.php?token=88de54461ec0988ec579bb2164ec06ed&key=6wi22j8j1ccduili

51
sleepeesoftware.fr/css/style.css
View File

@ -55,6 +55,29 @@ body {
50% { opacity: 1; } 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 { .foreground-container {
max-width: 960px; max-width: 960px;
aspect-ratio: 4 / 3; aspect-ratio: 4 / 3;
@ -144,3 +167,31 @@ main section h2 {
font-style: italic; font-style: italic;
padding: 1rem; 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;
}

11
sleepeesoftware.fr/index.html
View File

@ -16,6 +16,9 @@
<link rel="manifest" href="/icon/site.webmanifest" /> <link rel="manifest" href="/icon/site.webmanifest" />
</head> </head>
<body> <body>
<div id="loading-screen">
<div class="loading-text">PRESS TO START</div>
</div>
<div class="grid-bg"></div> <div class="grid-bg"></div>
<div class="crt-overlay"></div> <div class="crt-overlay"></div>
<div class="foreground-container"> <div class="foreground-container">
@ -30,6 +33,14 @@
<!--<li><a href="/gitea-repos/" id="nav-git">Git</a></li>--> <!--<li><a href="/gitea-repos/" id="nav-git">Git</a></li>-->
</ul></nav> </ul></nav>
</header> </header>
<div id="music-player" class="terminal">
<div id="now-playing">🎵 Loading music...</div>
<div class="controls">
<button id="prev-btn">⏮️</button>
<button id="play-pause-btn">▶️</button>
<button id="next-btn">⏭️</button>
</div>
</div>
<main id="main-content"> <main id="main-content">
<section id="landing-section"> <section id="landing-section">
<h2>Welcome to Sleepee Software</h2> <h2>Welcome to Sleepee Software</h2>

59
sleepeesoftware.fr/js/index.js
View File

@ -30,3 +30,62 @@ fetch("/gitea-repos/")
}) })
.catch(err => console.error("Error fetching repos:", err)); .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);
});