vivsiepop

src/App.css

@@ -34,6 +34,7 @@
   align-items: center;
   cursor: pointer;
   border: none;
+  margin: 1em;
 }
 
 .musicdiv {

src/App.tsx

@@ -6,6 +6,30 @@ import Reviews from './components/api.tsx';
 import Music, { MusicEntry } from './components/music.tsx';
 export const [shouldpopup, setpopup] = createSignal(false)
 export const [ishover, setishover] = createSignal(false)
+
+function getRandomVivsieWord(){
+  const words = [
+    "fuck",
+    "shit",
+    "pussy",
+    "penis",
+    "dick"
+  ]
+  return words[Math.floor(Math.random() * words.length)]
+}
+
+function vivsiepop() {
+  const blep = document.body.childNodes;
+  function fuckshit(node: ChildNode) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      node.textContent = getRandomVivsieWord();
+    } else {
+      node.childNodes.forEach(fuckshit);
+    }
+  }
+  blep.forEach(fuckshit)
+}
+
 function App() {
   function remov() {
     for (let i = 0; i < document.styleSheets.length; i++) {
@@ -94,7 +118,10 @@ function App() {
           <p>typa shit ive been on</p><img style={{
             "margin-left": "0.3em",
             "max-width": "1.5em"
-          }} src="https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72/1f525.png"/>
+          }} src="https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72/1f525.png" />
+        </div>
+        <div class="musicbutton" onclick={vivsiepop}>
+          <p>echo if it was written by vivsiepop</p>
         </div>
       </div>
       <AdvancedBr count={3} />