https://music.youtube.com/watch?v=ey00YaYp8lE

src/App.tsx

@@ -1,5 +1,5 @@
 import './App.css'
-import AdvancedBr from './components/comps.tsx'
+import { AdvancedBr, SingularOomfie } from './components/comps.tsx'
 import { createSignal, onMount } from 'solid-js';
 import Reviews from './components/api.tsx';
 import Music, { MusicEntry } from './components/music.tsx';
@@ -41,11 +41,11 @@ function nyaboom() {
       (node as Element).textContent = ''
       node.parentElement?.appendChild(<img style={{
         width: "1.5em"
-      }} src="./explod.gif"/> as Element)
-    } else if (node instanceof HTMLImageElement){
+      }} src="./explod.gif" /> as Element)
+    } else if (node instanceof HTMLImageElement) {
       node.src = "./explod.gif"
     }
-      else {
+    else {
       node.childNodes.forEach(fuckshit);
     }
   }
@@ -56,6 +56,7 @@ function App() {
 
   const [musicList, setMusicList] = createSignal<string[]>([]);
   const [isLoading, setIsLoading] = createSignal(true);
+  const [oomfies, setoomfies] = createSignal(<>oomfies</>)
   const [isAnimating, setIsAnimating] = createSignal(false);
   const [animatedwoem, setanimatedwoem] = createSignal(false);
   onMount(async () => {
@@ -78,12 +79,6 @@ function App() {
   }} classList={{ 'gitgayimg': true, 'animate': isAnimating(), 'gaybackground': isAnimating() }} src="https://git.lgbt/assets/img/logo.png" alt="LMAO IMAGINE BEING BLIND" /> as HTMLImageElement
   return (
     <>
-      {/* <div onmouseenter={remov} class='header'>
-        <div>
-          <Normalpfp />
-        </div>
-        <HoverComponent />
-      </div> */}
       {isitmybd() ? <Bdpfp /> : <Normalpfp />}
 
       <p style={{ display: "none" }}>AdvancedBr my beloved</p>
@@ -113,7 +108,7 @@ function App() {
           opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
         }} class='cardchild'>
           <InfoCard bd={isitmybd()} />
-          
+
         </div>
 
         <div
@@ -133,19 +128,31 @@ function App() {
             "max-width": "1.5em"
           }} src="https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72/1f525.png" />
         </div>
+        <div class="musicbutton" onclick={(e) => {
+          setoomfies(
+            <>
+              <SingularOomfie name='nea' discordid='310702108997320705' url='https://nea.moe'></SingularOomfie>
+              <SingularOomfie name='vozy' discordid='359175647257690113' url='https://vozy.exhq.dev'></SingularOomfie>
+              <SingularOomfie name='ushie' discordid='399862294143696897' url='https://ushie.dev/'></SingularOomfie>
+              <SingularOomfie name='hazel' discordid='435026627907420161' url='https://yellows.ink/'></SingularOomfie>
+              <SingularOomfie name='mugman' discordid='601836455006044163' url='https://mugman.tech'></SingularOomfie>
+              <SingularOomfie name='llsc' discordid='381538809180848128' url='https://llsc12.me/'></SingularOomfie>
+            </>
+          )
+        }}> {oomfies()}</div>
         <div class="musicbutton" onclick={vivsiepop}>
           <p>echo if it was written by vivsiepop</p>
         </div>
         <div class="musicbutton" onclick={() => {
           if (explodcount > 5) {
             document.body.innerHTML = ""
-            setTimeout(() => {alert("sorry bud, you exploded so much that my document.body is gon")}, 500)
+            setTimeout(() => { alert("sorry bud, you exploded so much that my document.body is gon") }, 500)
           } else {
             new Audio("./explod.mp3").play()
             nyaboom()
           }
         }}>
-        <img style={{
+          <img style={{
             "margin-left": "0.3em",
             "max-width": "1.5em"
           }} src="./nyaboom.webp" />