nyaboom

src/App.tsx

@@ -4,6 +4,7 @@ import { createSignal, onMount } from 'solid-js';
 import Reviews from './components/api.tsx';
 import Music, { MusicEntry } from './components/music.tsx';
 import { Bdpfp, Normalpfp } from './components/pfp.tsx';
+import { InfoCard } from './components/middlecard.tsx';
 export const [shouldpopup, setpopup] = createSignal(false)
 export const [ishover, setishover] = createSignal(false)
 
@@ -31,6 +32,23 @@ function vivsiepop() {
   }
   blep.forEach(fuckshit)
 }
+function nyaboom() {
+  const blep = document.body.childNodes;
+  function fuckshit(node: ChildNode) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      (node as Element).textContent = ''
+      node.parentElement?.appendChild(<img style={{
+        width: "1.5em"
+      }} src="./explod.gif"/> as Element)
+    } else if (node instanceof HTMLImageElement){
+      node.src = "./explod.gif"
+    }
+      else {
+      node.childNodes.forEach(fuckshit);
+    }
+  }
+  blep.forEach(fuckshit)
+}
 
 function App() {
 
@@ -92,8 +110,8 @@ function App() {
         <div style={{
           opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
         }} class='cardchild'>
-          <h1>hi :3</h1>
+          <InfoCard bd={isitmybd()} />
-          <span>silly goober who does silly stuff <br /> self proclaimed programmer and progamer <br /> shitposts for fun</span>
+          
         </div>
 
         <div
@@ -116,6 +134,15 @@ function App() {
         <div class="musicbutton" onclick={vivsiepop}>
           <p>echo if it was written by vivsiepop</p>
         </div>
+        <div class="musicbutton" onclick={() => {
+          new Audio("./explod.mp3").play()
+          nyaboom()
+        }}>
+        <img style={{
+            "margin-left": "0.3em",
+            "max-width": "1.5em"
+          }} src="./nyaboom.webp" />
+        </div>
       </div>
       <AdvancedBr count={3} />
       <Music shouldpopup={shouldpopup}>

src/components/middlecard.tsx

@@ -0,0 +1,22 @@
+export interface InfoCardProps {
+    bd: boolean
+}
+
+export function InfoCard(props: InfoCardProps) {
+    return props.bd ? <>
+        <h1>hi :3</h1>
+        <span>its my birthday
+            <br />
+            please buy me stuff
+        </span>
+    </> :
+        <>
+            <h1>hi :3</h1>
+            <span>silly goober who does silly stuff
+                <br />
+                self proclaimed programmer and progamer
+                <br />
+                shitposts for fun
+            </span>
+        </>
+}