WIP: The MuSiCaL Update #1

Draft
unfunny wants to merge 27 commits from music into master
5 changed files with 359 additions and 36 deletions
Showing only changes of commit 4748115315 - Show all commits

336
Vault/about.html Normal file
View File

@@ -0,0 +1,336 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<title>DOOFENSMIRTZ ONLINE</title>-->
<title>the vault.</title>
<!-- being lazy and re-using the same CSS > making a new one -->
<link href="/eternalrain/bliss.css" rel="stylesheet" type="text/css" media="all">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Barcode+39+Extended+Text&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sono&display=swap" rel="stylesheet">
<script type="text/javascript">
// <![CDATA[
var speed=33; // lower number for faster
var drops=100; // number of 'drops'
var colour="#999"; // colour of drops (generally grey!)
/***************************\
* Rainy Afternoon Effect *
*(c)2011-13 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var flks=new Array();
var flkx=new Array();
var flky=new Array();
var fldy=new Array();
var swide, shigh, boddie;
var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}
addLoadEvent(storm);
function storm() { if (document.getElementById) {
var r1, r2;
boddie=document.createElement("div");
boddie.style.position="fixed";
boddie.style.top="0px";
boddie.style.left="0px";
boddie.style.width="1px";
boddie.style.height="1px";
boddie.style.overflow="visible";
boddie.style.backgroundColor="transparent";
document.body.appendChild(boddie);
set_width();
for (var i=0; i<drops; i++) {
flks[i]=createDiv(16, 2, "transparent");
r1=createDiv(6, 2, colour);
r1.style.top="10px";
r1.style.left="0px";
flks[i].appendChild(r1);
r2=createDiv(10, 2, colour);
r2.style.top="0px";
r2.style.left="0px";
if (ie_version && ie_version<10) r2.style.filter="alpha(opacity=25)";
else r2.style.opacity=0.25;
flks[i].appendChild(r2);
flkx[i]=2*Math.floor(Math.random()*swide/2);
flky[i]=Math.floor(Math.random()*shigh);
fldy[i]=2+Math.floor(Math.random()*4);
flks[i].style.left=flkx[i]+"px";
flks[i].style.top=flky[i]+"px";
boddie.appendChild(flks[i]);
}
setInterval("cats_and_dogs()", speed);
}}
function createDiv(height, width, colour) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
sw_min=document.documentElement.clientWidth;
sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
if (self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min-2;
shigh=sh_min;
}
function cats_and_dogs(c) {
var i, x, o=0;
for (i=0; i<drops; i++) {
flky[i]+=fldy[i];
if (flky[i]>=shigh-16) {
flky[i]=-16;
fldy[i]=2+Math.floor(Math.random()*4);
flkx[i]=2*Math.floor(Math.random()*swide/2);
flks[i].style.left=flkx[i]+"px";
}
flks[i].style.top=flky[i]+"px";
}
}
// ]]>
</script>
<!--mountains-->
<script type="text/javascript">
// <![CDATA[
var ranges=4; // number of mountain ranges
// all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
var height=160; // height in pixels of heighest mountains - ones nearer the front will be smaller
var foreground='#001d41'; // purple
var background='#00070d'; // grey
/****************************
* Rolling Mountains Effect 2*
* (c)2014+ mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
*****************************/
var swide=800;
var shigh=600;
var sleft=0;
var scwid=screen.width;
var dx=0;
var mranges=new Array();
var mposit=new Array();
var mlent=new Array();
var moff=new Array();
if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}
addRVLoadEvent(climb_every_mountain);
function climb_every_mountain() {
var c, i, j, k, l, t, x;
set_width();
for (i=0; i<ranges*2; i+=2) {
still_is_the_night(i);
still_is_the_night(i+1);
j=0;
k=Math.floor((0.4+Math.random()*0.6)*height*(ranges-i/2)/ranges);
l=0;
if (ranges>1) {
c=Math.floor(ranges-i/2);
c=colour_central((c-1)/(ranges-1));
}
else c=foreground;
do {
if (j<scwid) x=Math.floor((0.4+Math.random()*0.5)*height*(ranges-i/2)/ranges);
else x=k;
if (!j) l=x;
t=createTriangle(x, c);
t.style.left=j+"px";
mranges[i].appendChild(t);
t=createTriangle(x, c);
t.style.left=k-j-2*x+"px";
mranges[i+1].appendChild(t);
j+=x;
}
while (j<=scwid+height);
mlent[i]=mlent[i+1]=j-l;
mposit[i]=0;
mposit[i+1]=-mlent[i+1]-x+l;
moff[i]=-l;
moff[i+1]=2*j-mlent[i+1]-2*l;
mranges[i].style.left=mposit[i]+moff[i]+"px";
mranges[i+1].style.left=mposit[i+1]+moff[i+1]+"px";
document.body.appendChild(mranges[i]);
document.body.appendChild(mranges[i+1]);
}
setInterval("move_every_mountain()", 50);
}
function colour_central(p) {
var i, h1, h2, temp;
temp="#";
for (i=1; i<6; i+=2) {
h1=parseInt(foreground.substring(i,i+2),16);
h2=parseInt(background.substring(i,i+2),16);
temp+=dechex(Math.floor(h1+(h2-h1)*p));
}
return (temp);
}
function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
function still_is_the_night(i) {
mranges[i]=document.createElement('div');
mranges[i].style.position='fixed';
mranges[i].style.zIndex=i;
mranges[i].style.left='0px';
mranges[i].style.bottom='0px';
mranges[i].style.width='100%';
mranges[i].style.opacity=Math.floor(1+i/2)/ranges;
}
function move_every_mountain() {
var i;
for (i=0; i<ranges*2; i++) {
mposit[i]+=dx*(Math.floor(i/2)+1);
if (mposit[i]>scwid) mposit[i]-=2*mlent[i];
if (mposit[i]<-mlent[i]) mposit[i]+=2*mlent[i];
mranges[i].style.left=mposit[i]+moff[i]+"px";
}
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
else if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
else if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
function createTriangle(x, colour) {
var div=document.createElement("div");
div.style.position='absolute';
div.style.left='0px';
div.style.bottom='0px';
div.style.height='0px';
div.style.width='0px';
div.style.borderStyle='solid';
div.style.borderColor=colour+' transparent';
div.style.borderWidth='0px '+x+'px '+x+'px '+x+'px';
return (div);
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
}
else {
sleft=0;
}
}
document.onmousemove=mouse;
function mouse(e) {
var x;
if (e) x=e.pageX;
else {
x=event.x;
set_scroll();
x+=sleft;
}
dx=Math.floor(-1.5+4*(x-sleft)/swide);
}
// ]]>
</script>
</head>
<body>
<script>NekoType="black"</script>
<h1 id=nl><script src="https://webneko.net/n20171213.js"></script></h1>
<!--<h1>Welcome to doofensmirtz</h1>-->
<header>
<h1>About DoofOnline</h1>
<p>last updated 11/5/25</p>
<h3 class="quote">"Why was any and everything alive?"</h3>
<p>-Miracle Musical</p>
<h3>ok fr though</h3>
<p>welcome to doofensmirtz online! i'm your host, <strong title="AKA Retro1080">unfunny</strong>. this is a small passion project of mine and <noscript>... what's this? you have javascript turned off? lame. go turn it on lol. uhhhh.... anyways, this was</noscript> my first HTML project that i actually published online :) <br> things have changed a lot in the almost 3 years since then, so here we are</p>
<br>
<img src="/anibar.gif">
<br>
<h2>but why?</h2>
<p>i wanted to try to teach myself (very basic, lol) HTML. it's also a place for me to publish and link to all of the other shenanigans i've been up to.</p>
<p>there's a lot of unused content scattered around the site from various projects. i'll link you a couple.</p> <a href="/eternalrain/index.html" title="alt of eternal bliss"><p>Eternal Rain</p></a> <a href="/eternalbliss/" title="this was a chatroom, down for renovations rn but some day it will be back on the home page"><p>Eternal Bliss (Chatroom)</p></a> <a href="/staging/index.html" title="dunno"><p>Beta site warning (Unused)</p></a> <a href="/staging/conchkext.html" title="Page that a couple of my apps and scripts use to make sure that they have a functional connection."><p>Captive Portral Test Page</p></a>
<h6><i>tip: hover over each link for some backstory!</i></h6>
<h2>you know the name is misspelled, right?</h2>
<p>yeah about that lol</p>
<p>i forgot the "h" in the name when registering the site, and i just kinda ran with it ever since</p>
<p>acutally there's a mirror i set up which is CORRECTLY spelled but it will auto redirect here if you don't specificaly go to like index2.html or something</p>
<h2>the beta site is selfhosted?</h2>
<p>correct! that's partially for storage and upload reasons but also because a lot of the more experimental branches <br>(for example, the MUSIC branch which is live on the beta site rn) contain file types that can't be uploaded to neocities (namely, MIDI and MP3))</p>
<p>if you want to check it out, it's at <a href="https://evil.randomhack.com/">evil.randomhack.com</a></p>
<h2>contact?</h2>
<p>uhh i don't have an email setup for this yet BUT feel free to message me on discord: @unfunny_user</p>
<iframe src="/buttons.html" height="125px" width="30%" frameborder="0"></iframe>
</header>

View File

@@ -24,8 +24,8 @@
<!--<h1>Welcome to doofensmirtz</h1>-->
<header>
<h1>Doofensmirtz Evil Incorperated Storage Services</h1>
<h3 class="quote">"NOT open to the public, dont even ask."</h3>
<p>-Dr. Heinz</p>
<h3 class="quote">"Guarenteed to update some time in the next 9 quintillion years!"</h3>
<p>-unfunny</p>
</header>
<p>mostly just random stuff and storage for neat things</p>
<h2>links</h2>

View File

@@ -30,9 +30,13 @@
<!-- [FC2 Analyzer] -->
<header>
<!--<h1 class="neon">Doofensmirtz Evil Incorperated</h1>-->
<iframe class="animlogo "src="newlogo.html" height="140" width="480" frameborder="0"></iframe>
<h3>revamp coming whenever </h3>
<p>-retro</p>
<iframe class="animlogo"src="newlogo.html" height="140" width="480" frameborder="0"></iframe>
<h3>ALOOOONE, AT THE EDGE OF A UNIVERSE, HUMMING A TUNE</h3>
<h4>WITH SPARKLING CRYSTALS SOULS AGLOW</h4>
<h5>A PART OF THEEE IN THE KEY WE KNOW TO BE EVERY PART WITHOUT ME</h5>
<h6>KNOWS ONLY TWO CAN MAKE IT LIGHT... YOU'LL LIVE FOREVER TONIGHT</h6>
<p>-Miracle Musical</p>
<iframe width="100%" height="52" src="https://odesli.co/embed/?url=https%3A%2F%2Fsong.link%2Fi%2F938232964&theme=dark" frameborder="0" allowfullscreen sandbox="allow-same-origin allow-scripts allow-presentation allow-popups allow-popups-to-escape-sandbox" allow="clipboard-read; clipboard-write"></iframe>
<script>NekoType="black"</script>
<h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a
href="https://webneko.net"></a></h1>
@@ -40,6 +44,7 @@ href="https://webneko.net"></a></h1>
</header>
<a href="/Vault/about.html">About</a>
<a href=/Vault/index.html>Vault</a>
<a href=/Games/index.html>Game ratings</a>
<a href=/eternalbliss/index.html>e t e r n a l b l i s s</a>
@@ -66,8 +71,12 @@ href="https://webneko.net"></a></h1>
<a href="//clap.fc2.com/post/doofensmirtzonline/?url=https%3A%2F%2Fdoofensmirtzevil.neocities.org%2F&title=DOOFENSMIRTZ+ONLINE" target="_blank" title="Web Clap by FC2"><img src="//clap.fc2.com/images/button/black/doofensmirtzonline?url=https%3A%2F%2Fdoofensmirtzevil.neocities.org%2F&amp;lang=en" alt="Web Clap by FC2" style="border:none;" /></a>
<!-- FC2 Clap tag ends here -->
<h6>although no-one is ever going to sign this thing</h6>
<h6 style="color: grey;">it would be pretty cool though</h6>
<h3>featured thingamabob</h3>
<iframe width="100%" height="150" src="https://odesli.co/embed/?url=https%3A%2F%2Falbum.link%2Fi%2F1809298605&theme=dark" frameborder="0" allowfullscreen sandbox="allow-same-origin allow-scripts allow-presentation allow-popups allow-popups-to-escape-sandbox" allow="clipboard-read; clipboard-write"></iframe>
<iframe width="100%" height="150" src="https://odesli.co/embed/?url=https%3A%2F%2Falbum.link%2Fi%2F938227937&theme=dark" frameborder="0" allowfullscreen sandbox="allow-same-origin allow-scripts allow-presentation allow-popups allow-popups-to-escape-sandbox" allow="clipboard-read; clipboard-write"></iframe>
<br>
<h6>Don't worry, the featured mabober gets changed at least once every cycle</h6>
<h6>probably</h6>
<br>
<p class="normalvaporwave">mmm crunchy xen crystals</p>
<br>

View File

@@ -20,43 +20,20 @@
<header>
<!--<h1 class="neon">Doofensmirtz Evil Incorperated</h1>-->
<img src="newlogo.png" height="140" width="480">
<iframe src="newlogo.html" height="140" width="480" frameborder="0"></iframe>
<h3 id="intro">we're leaving 2025 haa</h3>
<p id="demo"></p>
<br>
<a href="winterrunning.html"<h4>countdown room</h4></a>
<!--Temp random gen "borrowed" from minima-->
<script>
//@ts-check
console.log("yo whatap")
function newLine() {
console.log("GENERATING NEW FUNNI")
let min = 0
let max = 32
let scarynumber = Math.random() * (max - min + 1) + min;
let randint = Math.round(scarynumber)
let lines = ["vexbolts mass unfollowing spread the word", "we are leaving vexbolts in 2024", "2025 please be better", "2025 wooop", "go go go", "I JUST WANT THIS YEAR TO BE OVERR", "yipee 2025", "now nothing bad happen this year, ok?", "2025 here i come", "its almost that year where michealsoft make you buy a new copy of windows", "idek", "go check out the <a href='winterr.html'>thingymabober</a>", "nah 2025 microsoft bring back webTV", "CONNECTING TO WEBTV 2025", "2025 here we go", "listening to the balatro OST while writing all these was awesome lol", "nah webTV 2025 edition", "i was suposed to write somthing here, but i didn't", "BREAKING NEWS: console wars over, Wii declared best console", "Gordon dosent need to hear all this, he's a highly trained professional!", "we are going back to da future", "let's hope this year's better than the last", "genos ult tsb = PC crasher", "browse our warez", "its gaming time mortyyyy", "MORTY I'M A PICKLE","chromebook crashing simulator 2025","real","WE ARE LEAVING VEXBOLTSS","' Excuse me, I'm in need of medical attention! '","meeedic","zat was not medicine","yeah","2025!"]
console.log("random number:", randint)
//32 lines randomly picked, probably will sometimes return "undefined" i hate JS
console.log("line:", lines[randint])
document.getElementById("intro").innerHTML = lines[randint]
}
window.addEventListener('DOMContentLoaded', newLine);
</script>
<!--end-->
<h3>ALOOOONE, AT THE EDGE OF A UNIVERSE, HUMMING A TUNE</h3>
<h4>WITH SPARKLING CRYSTALS SOULS AGLOW</h4>
<h5>A PART OF THEEE IN THE KEY WE KNOW TO BE EVERY PART WITHOUT ME</h5>
<h6>KNOWS ONLY TWO CAN MAKE IT LIGHT... YOU'LL LIVE FOREVER TONIGHT</h6>
<p>-Miracle Musical</p>
<br>
<a href="javascript:(history.back();)"><img src=/firework.gif alt="Fireworks"></a>
</header>
<a href=/Vault/index.html>Vault</a>
<a href="/Vault/about.html">About</a>
<a href=/Games/index.html>Game ratings</a>
<a href=/eternalbliss/index.html>e t e r n a l b l i s s</a>
<a href="https://vote.pollcode.com/89737624">Video Game OST Poll</a>
<!-- <a href=/eternalbliss/index.html>e t e r n a l b l i s s</a> -->
<a href="https://odysee.com/@DoofOnline:1?r=9SCGZfYk6mBWdud9NuYVcbUbUpzS4QhY"><p>Animation</p></a>
<br>
<hr style="color: yellow;">
@@ -74,6 +51,7 @@ window.addEventListener('DOMContentLoaded', newLine);
<a href="//clap.fc2.com/post/doofensmirtzonline/?url=https%3A%2F%2Fdoofensmirtzevil.neocities.org%2F&title=DOOFENSMIRTZ+ONLINE" target="_blank" title="Web Clap by FC2"><img src="//clap.fc2.com/images/button/black/doofensmirtzonline?url=https%3A%2F%2Fdoofensmirtzevil.neocities.org%2F&amp;lang=en" alt="Sign the Guest-Loginator!" style="border:none;" /></a>
<!-- FC2 Clap tag ends here -->
<h6>although no-one is ever going to sign this thing</h6>
<h6 style="color: grey;">it would be pretty cool though</h6>
<p class="normalvaporwave">mmm crunchy xen crystals</p>
<br>
<hr style="color: yellow;">

BIN
newlogo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB