Compare commits

...

3 Commits

Author SHA1 Message Date
fatmeatwsl
6c3380709d added music correctly 2025-04-22 19:27:48 +02:00
fatmeatwsl
c0887f5e71 added music git add . 2025-04-22 18:32:14 +02:00
fatmeatwsl
13b26dd202 added makefile to auto deploy 2025-04-21 17:00:20 +02:00
10 changed files with 167 additions and 0 deletions

19
Makefile Normal file
View File

@ -0,0 +1,19 @@
VPS_USER = debian
VPS_HOST = sleepeesoftware.fr
SSH_PORT = 54634
VPS_PATH = /var/www/website
.PHONY: deploy
deploy:
@echo "⚙️ Switching to production..."
git checkout production
@echo "🔁 Merging master into production..."
git merge master
@echo "📤 Pushing production to gitea..."
git push gitea production
@echo "🔙 Switching back to master..."
git checkout master
@echo "🌐 Deploying to VPS..."
ssh $(VPS_USER)@$(VPS_HOST) -p $(SSH_PORT) "cd $(VPS_PATH) && git checkout production && git pull origin production"
@echo "✅ Deployment done!"

Binary file not shown.

View File

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

View File

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

View File

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

View File

@ -55,6 +55,32 @@ 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;
z-index: 9999;
cursor: pointer;
}
.loading-text {
color: #00ffff;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
text-shadow: 0 0 10px #00ffff;
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 +170,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;
}

View File

@ -16,6 +16,9 @@
<link rel="manifest" href="/icon/site.webmanifest" />
</head>
<body>
<div id="loading-screen">
<div class="loading-text">PRESS TO START</div>
</div>
<div class="grid-bg"></div>
<div class="crt-overlay"></div>
<div class="foreground-container">
@ -30,6 +33,14 @@
<!--<li><a href="/gitea-repos/" id="nav-git">Git</a></li>-->
</ul></nav>
</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">
<section id="landing-section">
<h2>Welcome to Sleepee Software</h2>

View File

@ -30,3 +30,74 @@ 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 = true;
audio.volume = 0.2;
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);
});
window.addEventListener('DOMContentLoaded', () => {
const loadingScreen = document.getElementById('loading-screen');
const music = new Audio(); // your audio logic might be handled elsewhere now
if (loadingScreen) {
loadingScreen.addEventListener('click', () => {
loadingScreen.style.display = 'none'; // hides the full screen
loadTrack(0); // start the music playlist
});
}
});