: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;
|
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 {
|
.musicdiv {
|
||||||
background-color: rgba(0, 0, 0, 0.731);
|
background-color: rgba(0, 0, 0, 0.731);
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
|
||||||
231
src/App.tsx
231
src/App.tsx
|
|
@ -143,121 +143,124 @@ function App() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<AdvancedBr count={2} />
|
<AdvancedBr count={2} />
|
||||||
<div class="easteregg" style={{ opacity: isAnimating() ? "0%" : "100%" }}>
|
<div class="easteregg" style={{opacity: isAnimating() ? "0%" : "100%"}}>
|
||||||
<div
|
<div
|
||||||
class="musicbutton"
|
class="musicbutton"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setpopup(!shouldpopup());
|
setpopup(!shouldpopup());
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<p>typa shit ive been on</p>
|
<p>typa shit ive been on</p>
|
||||||
<img
|
<img
|
||||||
style={{
|
style={{
|
||||||
"margin-left": "0.3em",
|
"margin-left": "0.3em",
|
||||||
"max-width": "1.5em",
|
"max-width": "1.5em",
|
||||||
}}
|
}}
|
||||||
src="./fireemoji.png"
|
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>
|
||||||
<div class="musicbutton">
|
<AdvancedBr count={3}/>
|
||||||
<div
|
<Music shouldpopup={shouldpopup}>
|
||||||
class="oomfies"
|
<div class="musicdiv">
|
||||||
onClick={() => {
|
<div class="innermusic">
|
||||||
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">
|
|
||||||
<div class="music-close-button-div">
|
<div class="music-close-button-div">
|
||||||
<button
|
<button
|
||||||
class="close-button"
|
class="close-button"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue