WIP: The MuSiCaL Update #1

Draft
unfunny wants to merge 27 commits from music into master
7 changed files with 79 additions and 96 deletions
Showing only changes of commit bba96d59d5 - Show all commits

14
Dockerfile Normal file
View File

@@ -0,0 +1,14 @@
# Use the official Nginx image as a base
FROM nginx:alpine
# Copy the current project files into the container
# Copy custom Nginx configuration
COPY nginx.conf /etc/nginx/conf.d/
COPY . /usr/share/nginx/html
# Expose port 80 for testing
EXPOSE 80
EXPOSE 9000
# Configure Nginx to serve the files
CMD ["nginx", "-g", "daemon off;"]

BIN
Music/noway.mid Normal file

Binary file not shown.

View File

@@ -1,39 +0,0 @@
// Set the date we're counting down to
var countDownDate = new Date("Jun 6, 2025 03:00:00");
function getBusinessDays(startDate, endDate) {
var day = startDate.getDay();
var businessDays = 0;
while (startDate <= endDate) {
if (day !== 0 && day !== 6) { // Skip weekends (Sunday=0, Saturday=6)
businessDays++;
}
startDate.setDate(startDate.getDate() + 1);
day = startDate.getDay();
}
return businessDays;
}
//Update the count down every 1 second
var x = setInterval(function() {
//Get today's date and time
var now = new Date();
var distance = getBusinessDays(now, countDownDate);
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance);
var hours = Math.floor((distance % 1) * 24);
var minutes = Math.floor((hours % 1) * 60);
var seconds = Math.floor((minutes % 1) * 60);
// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s remain";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demop").innerHTML = "freedom, at last";
}
}, 1000);

9
nginx.conf Normal file
View File

@@ -0,0 +1,9 @@
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.html;
}
}

View File

@@ -1,6 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<!--No way? No way! No way! No way! No way? No way! No way! No way! No way!-->
<script type='text/javascript' src='//www.midijs.net/lib/midi.js'></script>
<style>
@keyframes scrollText {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
.scrolling-text {
white-space: nowrap;
animation: scrollText 25s linear infinite;
font-family: 'Sono', sans-serif;
color: #ffffff;
font-size: 18px;
padding: 10px;
position: absolute;
right: 0;
}
</style>
<meta charset="UTF-8">
@@ -17,13 +35,18 @@
<body>
<!-- fc2 analyzer here to let me know what page stuff broke at..-->
<!-- [FC2 Analyzer] //analyzer.fc2.com/ -->
<script language="javascript" src="//analyzer54.fc2.com/ana/processor.php?uid=2906964" type="text/javascript"></script>
<noscript><div align="right"><img src="//analyzer54.fc2.com/ana/icon.php?uid=2906964&ref=&href=&wid=0&hei=0&col=0" /></div></noscript>
<script language="javascript" src="https://analyzer54.fc2.com/ana/processor.php?uid=2906964" type="text/javascript"></script>
<noscript><div align="right"><img src="https://analyzer54.fc2.com/ana/icon.php?uid=2906964&ref=&href=&wid=0&hei=0&col=0" /></div></noscript>
<!-- [FC2 Analyzer] -->
<script>NekoType="black"</script>
<h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a
href="https://webneko.net">Neko</a></h1>
<div class="autoplay-warning" id="autoplay">
</div>
<!--<div class="scrolling-text">No way? No way! No way! No way! No way? No way! No way! No way!</div> -->
<h1>404</h1>
<div class="scrolling-text">No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way! No way? No way! No way! No way!</div>
<br>
<h3>Page Not Exsistant At This Time</h3>
<p class="blink">whatcha tryna do pardner</p>
whoops counter
@@ -31,5 +54,35 @@ href="https://webneko.net">Neko</a></h1>
<!-- FC2 Counter Starts here -->
<script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=89507858"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=89507858" /></noscript>
<!-- FC2 Counter Ends here -->
</body>
<script>
//just in case the user has autoplay disabled because they probably do
MIDIjs.play('music/noway.mid', true);
//idk if it's playing
isplaying = "idk"
//random ahh google code
MIDIjs.player_callback = function(event) {
// Check if event object contains time (indicating playback)
if (event && event.time !== undefined) {
isplaying = "true";
} else {
isplaying = "false";
}
};
var apbox = document.getElementById("autoplay");
console.log("waiting a bit for midijs")
setTimeout(function(){
checkAudio()
}, 5000)
function checkAudio() {
if (isplaying == "false") {
console.log("music isn't playing. i blame chrome")
document.getElementById("autoplay").innerHTML = "<p>Music is playing, but your autoplay is turned off.</p><noscript>JS is off, MIDIjs won't be able to play audio anyways.</noscript> <button onclick=MIDIjs.play(`/Music/noway.mid`, true)>Play Music</button>"
} else if (isplaying == "true"){
console.log("music do be the playing")
} else if (isplaying == "idk") {
console.warn("idk if there be music")
}
}
</script>
</body>
</html>

View File

@@ -1 +0,0 @@

View File

@@ -1,53 +0,0 @@
//time since
// Set the date we're counting from
//var countFromDate = new Date("Jun 11, 2025 5:00:00").getTime();
// Update the count every 1 second
//var x = setInterval(function() {
// Get today's date and time
//var nowsk = new Date().getTime();
// Find the distanceSK between now and the count from date
//var distanceSK = now - countFromDate;
// Time calculations for daysSK, hours, minutes and secondsSK
//var daysSK = Math.floor(distanceSK / (1000 * 60 * 60 * 24));
//var hours = Math.floor((distanceSK % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
//var minutes = Math.floor((distanceSK % (1000 * 60 * 60)) / (1000 * 60));
//var secondsSK = Math.floor((distanceSK % (1000 * 60)) / 1000);
// Display the result in the element with id="skype"
// document.getElementById("skype").innerHTML = "you have " + daysSK + "d " + hours + "h "
// + minutes + "m " + secondsSK + " until your freedom";
//}, 1000);
//this is a countdown untill school ends
//count down
// Set the date we're counting down to
var countDownDateS = new Date("May 6, 2025 00:00:00").getTime();
//Update the count down every 1 second
var x = setInterval(function() {
//Get today's date and time
var nowsk = new Date().getTime();
// Find the distance between nowsk and the count down date
var distanceSK = countDownDateS - nowsk;
// Time calculations for daysSK, hours, minutes and secondsSK
var daysSK = Math.floor(distanceSK / (1000 * 60 * 60 * 24));
var hoursSK = Math.floor((distanceSK % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutesSK = Math.floor((distanceSK % (1000 * 60 * 60)) / (1000 * 60));
var secondsSK = Math.floor((distanceSK % (1000 * 60)) / 1000);
// Display the result in the element with id="skype"
document.getElementById("skype").innerHTML = daysSK + "d " + hoursSK + "h "
+ minutesSK + "m " + secondsSK + "s remain until doomsday.";
// If the count down is finished, write some text
if (distanceSK < 0) {
clearInterval(x);
document.getElementById("skype").innerHTML = "ggs boys";
}
}, 1000);