diff --git a/site/apps/info.html b/site/apps/info.html
index c559208..19f3b7b 100644
--- a/site/apps/info.html
+++ b/site/apps/info.html
@@ -45,6 +45,7 @@
     <div id="body">
         <h1>i-eat.rocks</h1>
         <p>Rock-OS v0.1.3</p>
+        <p>Created by <a onclick="window.parent.postMessage(`url https://www.possiblyaxolotl.com/`)">PossiblyAxolotl</a></p>
         <p>Share the website:</p>
         <img src="/images/ui/ieatrocks.png" />
         <textarea>&lt;a href="https://i-eat.rocks"&gt;&lt;img src="https://i-eat.rocks/images/ui/ieatrocks.png" alt="i-eat.rocks" /&gt;&lt;/a&gt;</textarea>
diff --git a/site/apps/spin.html b/site/apps/spin.html
new file mode 100644
index 0000000..acc9df7
--- /dev/null
+++ b/site/apps/spin.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ROCKSPIN</title>
+
+    <script src="https://penis.possiblyaxolotl.com/index.js" defer></script>
+
+    <style>
+        * {
+            padding: 0;
+            margin: 0;
+            box-sizing: border-box;
+        }
+
+        @keyframes rotateY {
+            to {transform: rotateY(360deg)}
+        }
+
+        @keyframes rotateX {
+            to {rotate: 360deg;}
+        }
+
+        @keyframes hues {
+            0% {
+                filter: hue-rotate(0deg);
+            }
+            100% {filter: hue-rotate(360deg);}
+        }
+
+        #rock {
+            animation: rotateY 2s infinite linear, rotateX 10s infinite linear, hues 1s linear infinite;
+            margin: 20px;
+            width: calc(100vw - 40px);
+            max-width: 70vw;
+            max-height: 70vw;
+            justify-content: center;
+            align-items: center;
+            display: flex;
+        }
+
+        body {
+            text-align: center;
+            height: 100vh;
+            background-color: black;
+            align-items: center;
+            justify-content: center;
+            align-items: center;
+            display: flex;
+
+        }
+
+        canvas {
+            position: absolute;
+            width: 100vw;
+            height: 100vh;
+        }
+
+        button {
+            position: absolute;
+        }
+    </style>
+</head>
+<body>
+    <canvas></canvas>
+    <img src="/images/ui/rock.png" id="rock">
+    <audio hidden loop id="audio"><source src="/audio/rockspin.ogg" type="audio/mp3"></audio>
+    <button id="b" onclick="a.play(); this.style.display = 'none'">Autoplay is disabled! Click here to play audio.</button>
+
+    <script>
+        const a = document.getElementById("audio");
+        const b = document.getElementById("b");
+
+        var p = a.play();
+
+        if (p !== undefined) {
+            p.then(_ => {
+                b.style.display = 'none';
+            }).catch(error => {
+                b.style.display = 'auto';
+            });
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/site/audio/rockspin.ogg b/site/audio/rockspin.ogg
new file mode 100644
index 0000000..21f99a9
Binary files /dev/null and b/site/audio/rockspin.ogg differ
diff --git a/site/drag.js b/site/drag.js
index 6b1ee1b..965aa95 100644
--- a/site/drag.js
+++ b/site/drag.js
@@ -12,7 +12,7 @@ function clampPos() {
         const lPad = -selected.offsetWidth / 2;
         const rPad = window.innerWidth - selected.offsetWidth / 2;
         const tPad = 0;
-        const bPad = document.body.offsetHeight - 72;
+        const bPad = document.body.offsetHeight -72+32;
 
         if (sPosX < lPad) {selected.style.left = lPad + "px"};
         if (sPosX > rPad) {selected.style.left = rPad + "px"};
diff --git a/site/index.html b/site/index.html
index 7d1805d..1961f84 100644
--- a/site/index.html
+++ b/site/index.html
@@ -29,6 +29,9 @@
         <div class="app" ondblclick="createWindow('apps/famous/', 'famous rocks', '500px', '500px')">
             <p><img src="images/icons/globe.png" width="48px" height="48px" /><sub>famous rocks</sub></p>
         </div>
+        <div class="app" ondblclick="createWindow('apps/spin.html', 'rockspin!!!', '400', '400')">
+            <p><img src="images/ui/rock.png" width="48px" height="48px" /><sub>rockspin</sub></p>
+        </div>
         <div class="app" ondblclick="createWindow('apps/terminal.html', 'terminal', '800px', '500px')">
             <p><img src="images/icons/terminal.png" width="48px" height="48px" /><sub>terminal</sub></p>
         </div>
@@ -48,7 +51,9 @@
         </div>
     </div>
 
-    <nav></nav>
+    <nav>
+        <!--<img src="images/ui/rock.png" class="taskbar" onclick="createWindow('apps/spin.html', 'rockspin!!!', '400', '400')" />-->
+    </nav>
 
     <script defer>
         function getTopLevelUrl() {
diff --git a/site/style.css b/site/style.css
index 6e8d50d..eb4967a 100644
--- a/site/style.css
+++ b/site/style.css
@@ -171,4 +171,11 @@ nav {
     box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
 
     /*z-index: 2147483647;*/
+}
+
+.taskbar {
+    margin: 4px;
+    max-height: 40px;
+
+    filter: drop-shadow(1px 1px 2px rgba(0,0,0,1));
 }
\ No newline at end of file
