From 031f84cc600c62d7949a32bf8c6e49fd1f77a0ed Mon Sep 17 00:00:00 2001
From: amy <exhqdev@proton.me>
Date: Sun, 9 Mar 2025 14:43:11 +0330
Subject: [PATCH] :3

---
 src/App.css |  24 ++++++
 src/App.tsx | 231 ++++++++++++++++++++++++++--------------------------
 2 files changed, 141 insertions(+), 114 deletions(-)

diff --git a/src/App.css b/src/App.css
index e85214d..03d50cb 100644
--- a/src/App.css
+++ b/src/App.css
@@ -54,6 +54,30 @@
     margin: 1em;
 }
 
+.fakemusicbutton {
+    background-color: #272525;
+    color: pink;
+    font-family: Roboto, sans-serif;
+    font-weight: 500;
+    font-size: 14px;
+    padding: 10px 30px;
+    box-shadow: none;
+    border-radius: 5px;
+    transition: 100ms;
+    transform: translateY(0);
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-items: center;
+    border: none;
+    margin: 1em;
+}
+
+.fakemusicbutton:hover {
+    background-color: transparent;
+    color: transparent;
+}
+
 .musicdiv {
     background-color: rgba(0, 0, 0, 0.731);
     position: fixed;
diff --git a/src/App.tsx b/src/App.tsx
index 6b27946..89fa3ba 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -143,121 +143,124 @@ function App() {
         </div>
       </div>
       <AdvancedBr count={2} />
-      <div class="easteregg" style={{ opacity: isAnimating() ? "0%" : "100%" }}>
-        <div
-          class="musicbutton"
-          onClick={() => {
-            setpopup(!shouldpopup());
-          }}
-        >
-          <p>typa shit ive been on</p>
-          <img
-            style={{
-              "margin-left": "0.3em",
-              "max-width": "1.5em",
-            }}
-            src="./fireemoji.png"
-          />
+        <div class="easteregg" style={{opacity: isAnimating() ? "0%" : "100%"}}>
+            <div
+                class="musicbutton"
+                onClick={() => {
+                    setpopup(!shouldpopup());
+                }}
+            >
+                <p>typa shit ive been on</p>
+                <img
+                    style={{
+                        "margin-left": "0.3em",
+                        "max-width": "1.5em",
+                    }}
+                    src="./fireemoji.png"
+                />
+            </div>
+            <div class="fakemusicbutton">
+                <p>:3</p>
+            </div>
+            <div class="musicbutton">
+                <div
+                    class="oomfies"
+                    onClick={() => {
+                        setoomfies(
+                            <>
+                                <SingularOomfie
+                                    name="ashley"
+                                    discordid="836177139798638592"
+                                    url="https://ashleygraves.eu/"
+                                ></SingularOomfie>
+                                <SingularOomfie
+                                    name="nea"
+                                    discordid="310702108997320705"
+                                    url="https://nea.moe"
+                                ></SingularOomfie>
+                                <SingularOomfie
+                                    name="vozy"
+                                    discordid="359175647257690113"
+                                    url="https://vozy.amy.rip"
+                                ></SingularOomfie>
+                                <SingularOomfie
+                                    name="hazel"
+                                    discordid="435026627907420161"
+                                    url="https://yellows.ink/"
+                                ></SingularOomfie>
+                                <SingularOomfie
+                                    name="nax"
+                                    discordid="148801388938264576"
+                                    url="https://nax.dev/"
+                                ></SingularOomfie>
+                                <SingularOomfie
+                                    name="squirrelly"
+                                    discordid="218032723296649217"
+                                    url="https://squirrelly13.neocities.org/"
+                                ></SingularOomfie>
+                                <SingularOomfie
+                                    name="gen"
+                                    discordid="217892728875253760"
+                                    url="https://genshibe.ca/"
+                                ></SingularOomfie>
+                                <SingularOomfie
+                                    name="ushie"
+                                    discordid="399862294143696897"
+                                    url="https://ushie.dev/"
+                                ></SingularOomfie>
+                                <SingularOomfie
+                                    name="mugman"
+                                    discordid="601836455006044163"
+                                    url="https://mugman.tech"
+                                ></SingularOomfie>
+                            </>,
+                        );
+                    }}
+                >
+                    {" "}
+                    {oomfies()}
+                </div>
+            </div>
+            <div class="musicbutton" onClick={vivsiepop}>
+                <p>amy if it was written by vivsiepop</p>
+            </div>
+            <div
+                class="musicbutton"
+                onClick={() => {
+                    setpopup88(true);
+                }}
+            >
+                <p>88x31's</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);
+                    } else {
+                        new Audio("./explod.mp3").play();
+                        nyaboom();
+                    }
+                }}
+            >
+                <img
+                    style={{
+                        "margin-left": "0.3em",
+                        "max-width": "1.5em",
+                    }}
+                    src="./nyaboom.webp"
+                />
+            </div>
         </div>
-        <div class="musicbutton">
-          <div
-            class="oomfies"
-            onClick={() => {
-              setoomfies(
-                <>
-                  <SingularOomfie
-                    name="ashley"
-                    discordid="836177139798638592"
-                    url="https://ashleygraves.eu/"
-                  ></SingularOomfie>
-                  <SingularOomfie
-                    name="nea"
-                    discordid="310702108997320705"
-                    url="https://nea.moe"
-                  ></SingularOomfie>
-                  <SingularOomfie
-                    name="vozy"
-                    discordid="359175647257690113"
-                    url="https://vozy.exhq.dev"
-                  ></SingularOomfie>
-                  <SingularOomfie
-                    name="hazel"
-                    discordid="435026627907420161"
-                    url="https://yellows.ink/"
-                  ></SingularOomfie>
-                  <SingularOomfie
-                    name="nax"
-                    discordid="148801388938264576"
-                    url="https://nax.dev/"
-                  ></SingularOomfie>
-                  <SingularOomfie
-                    name="squirrelly"
-                    discordid="218032723296649217"
-                    url="https://squirrelly13.neocities.org/"
-                  ></SingularOomfie>
-                   <SingularOomfie
-                    name="gen"
-                    discordid="217892728875253760"
-                    url="https://genshibe.ca/"
-                  ></SingularOomfie>
-                  <SingularOomfie
-                    name="ushie"
-                    discordid="399862294143696897"
-                    url="https://ushie.dev/"
-                  ></SingularOomfie>
-                  <SingularOomfie
-                    name="mugman"
-                    discordid="601836455006044163"
-                    url="https://mugman.tech"
-                  ></SingularOomfie>
-                </>,
-              );
-            }}
-          >
-            {" "}
-            {oomfies()}
-          </div>
-        </div>
-        <div class="musicbutton" onClick={vivsiepop}>
-          <p>amy if it was written by vivsiepop</p>
-        </div>
-        <div
-          class="musicbutton"
-          onClick={() => {
-            setpopup88(true);
-          }}
-        >
-          <p>88x31's</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);
-            } else {
-              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}>
-        <div class="musicdiv">
-          <div class="innermusic">
+        <AdvancedBr count={3}/>
+        <Music shouldpopup={shouldpopup}>
+            <div class="musicdiv">
+            <div class="innermusic">
             <div class="music-close-button-div">
               <button
                 class="close-button"