DishpitDev · Dishpit · Jan 7, 2025 · Jan 7, 2025 · Jan 7, 2025 · Jan 7, 2025
diff --git a/LIVE/index.html b/LIVE/index.html
@@ -1,9 +1,8 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <title>Slopify</title>
+    <title>Slopify S1</title>
     <link rel="stylesheet" href="assets/css/bulma.min.css" />
-    <link />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
@@ -18,7 +17,6 @@
       integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
       crossorigin="anonymous"
     ></script>
-    <title>Slopify S1</title>
     <script src="src/static/js/speech.js"></script>
     <script src="tv/hls.min.js"></script>
     <script src="src/static/js/anime_girl_live_stream.js"></script>
@@ -63,23 +61,26 @@ <h1>Welcome to slopify.dev season 1 LIVE AND DIRECT</h1>
     <h3>Navigation:</h3>
     <ul>
       <li>
-        <a href="/MDMCK10's worst nightmare.html"> MDMCK10's worst nightmare</a>
+        <a href="/MDMCK10's%20worst%20nightmare.html"> MDMCK10's worst nightmare</a>
       </li>
       <li><a class="navbar-item" href="#"> Home </a></li>
       <li><a class="navbar-item" href="tv/"> SlopTV </a></li>
       <li>
         <a class="navbar-item" href="cloud/"> SlopCloud </a>
       </li>
+      <li>
+        <a href="webdrivertorso/" class="navbar-item">WebdriverTorso</a>
+      </li>
 
-      <div class="navbar-end">
+      <li class="navbar-end">
         <div class="navbar-item">
           <div class="buttons">
             <a class="button is-primary" href="#">
               <strong>Sign up</strong>
             </a>
           </div>
         </div>
-      </div>
+      </li>
       <li><a class="button is-light" href="#"> Log in </a></li>
     </ul>
     <hr />
@@ -101,12 +102,13 @@ <h3>Navigation:</h3>
       <a href="cookie/opt-out">here.</a>
     </div>
 
+    <a href="cloud/">
     <img
       src="assets/img/slopcloud.webp"
-      href="cloud/"
       style="width: 30%"
       alt="SLOPCLOUD LIFETIME FREE"
     />
+    </a>
 
     <a href="https://sleepie.dev/femboy-not-gay" target="_blank"
       >Why its not gay to like femboys</a
@@ -124,7 +126,6 @@ <h3>Navigation:</h3>
       >Follow @eepyfemboi</a
     >
     <script
-      type="text/javascript"
       async
       src="https://platform.twitter.com/widgets.js"
     ></script>
@@ -173,7 +174,7 @@ <h5>Please donate to a charity of your choosing.</h5>
       referrerpolicy="strict-origin-when-cross-origin"
       allowfullscreen
     ></iframe>
-    <img src="https://sleepie.dev/i/dumbass.gif" />
+    <img src="https://sleepie.dev/i/dumbass.gif" alt="dumbass"/>
     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
     <div style="display: grid">
       <p>Ignore me, I'm only here for backlink farming :3</p>

diff --git a/LIVE/webdrivertorso/assets/main.js b/LIVE/webdrivertorso/assets/main.js
@@ -0,0 +1,76 @@
+
+let vol = new Tone.Volume(-12).toDestination();
+
+let redOsc = new Tone.Oscillator({
+  frequency: 523.25,
+  type: "sine",
+}).connect(vol);
+
+let blueOsc = new Tone.Oscillator({
+  frequency: 523.25,
+  type: "sine",
+}).connect(vol);
+
+function randomFloat(from, to) {
+  return from + Math.random() * (to - from);
+}
+
+function changeFreq(osc) {
+  osc.frequency.rampTo(randomFloat(100, 1000), 0);
+}
+
+function changeFreqs() {
+  changeFreq(redOsc);
+  changeFreq(blueOsc);
+}
+
+function randomiseRect(classname) {
+  var rect = document.querySelector('.' + classname);
+  if (!rect) {
+    console.warn(`Element with class ${classname} not found`);
+    return;
+  }
+  var rect = document.querySelector('.' + classname);
+  let xpos = randomFloat(0, window.innerWidth);
+  let ypos = randomFloat(0, window.innerHeight);
+  let width = randomFloat(1, window.innerWidth - xpos);
+  let height = randomFloat(1, window.innerHeight - ypos);
+
+  let st = `top:${ypos}px;left:${xpos}px;width:${width}px;height:${height}px;`; 
+  rect.setAttribute('style', st);
+}
+
+function randomiseRects() {
+  randomiseRect('red');
+  randomiseRect('blue');
+}
+
+function syncAudioAndVisual() {
+  changeFreqs(); 
+  randomiseRects();
+}
+
+const mainloop = new Tone.Loop((time) => {
+  syncAudioAndVisual();
+}, "1b").start(0);
+
+document.addEventListener('DOMContentLoaded', function () {
+
+  // i fucking hate the interaction requierment for autoplay stuff ,its so annoying IDC if it improves user experience i want stuff to play wheneveri want it to play!!!!!!!!!
+  var p = document.querySelector('p')
+
+  document.addEventListener("click", () => {
+    p.remove();
+    Tone.start(); 
+    redOsc.start();
+    blueOsc.start();
+    Tone.getTransport().start();
+  });
+});
+
+window.addEventListener('unload', () => {
+  redOsc.stop();
+  blueOsc.stop();
+  Tone.getTransport().stop();
+  Tone.stop();
+});
diff --git a/LIVE/webdrivertorso/assets/style.css b/LIVE/webdrivertorso/assets/style.css
@@ -0,0 +1,16 @@
+
+.limb {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+}
+
+.red {
+  background-color: red;
+}
+
+.blue {
+  background-color: blue;
+  top:200px;
+  left:241px;
+}
diff --git a/LIVE/webdrivertorso/index.html b/LIVE/webdrivertorso/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Webdriver Torso</title>
+    <!-- <script type="module"  src="/webdrivertorso/assets/index-1k6tbnXe.js"></script>
+    <link rel="stylesheet"  href="/webdrivertorso/assets/index-CIGsSOx4.css"> -->
+    <script src="http://unpkg.com/tone"></script>
+    <script src="assets/main.js"></script>
+    <link rel="stylesheet" href="assets/style.css">
+  </head>
+  <body>
+    <p>Click anywhere on the page to begin.</p>
+    <div class="limb blue"></div>
+    <div class="limb red"></div>
+  </body>
+</html>