:3
This commit is contained in:
parent
87092fcdfb
commit
031f84cc60
2 changed files with 141 additions and 114 deletions
24
src/App.css
24
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;
|
||||
|
|
|
|||
231
src/App.tsx
231
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"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue