spike :3
This commit is contained in:
amy
parent
3051036e17
commit
397ed05b87
1 changed files with 317 additions and 312 deletions
629
src/App.tsx
629
src/App.tsx
|
|
@ -1,10 +1,10 @@
|
|||
import "./App.css";
|
||||
import { AdvancedBr, Singular88, SingularOomfie } from "./components/comps.tsx";
|
||||
import { createSignal, onMount } from "solid-js";
|
||||
import {AdvancedBr, Singular88, SingularOomfie} from "./components/comps.tsx";
|
||||
import {createSignal, onMount} from "solid-js";
|
||||
import Reviews from "./components/api.tsx";
|
||||
import { Music, MusicEntry, Song } from "./components/music.tsx";
|
||||
import { Bdpfp, Normalpfp } from "./components/pfp.tsx";
|
||||
import { InfoCard } from "./components/middlecard.tsx";
|
||||
import {Music, MusicEntry, Song} 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 [shouldpopup88, setpopup88] = createSignal(false);
|
||||
|
|
@ -15,341 +15,346 @@ let explodcount = 0;
|
|||
const isitmybd = () => new Date().toISOString().slice(5, 10) === "08-22";
|
||||
|
||||
function getRandomVivsieWord() {
|
||||
const words = ["fuck", "shit", "pussy", "penis", "dick"];
|
||||
return words[Math.floor(Math.random() * words.length)];
|
||||
const words = ["fuck", "shit", "pussy", "penis", "dick"];
|
||||
return words[Math.floor(Math.random() * words.length)];
|
||||
}
|
||||
|
||||
function vivsiepop() {
|
||||
const blep = document.body.childNodes;
|
||||
const blep = document.body.childNodes;
|
||||
|
||||
function fuckshit(node: ChildNode) {
|
||||
if (node.nodeType === Node.TEXT_NODE) {
|
||||
node.textContent = getRandomVivsieWord();
|
||||
} else {
|
||||
node.childNodes.forEach(fuckshit);
|
||||
function fuckshit(node: ChildNode) {
|
||||
if (node.nodeType === Node.TEXT_NODE) {
|
||||
node.textContent = getRandomVivsieWord();
|
||||
} else {
|
||||
node.childNodes.forEach(fuckshit);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
blep.forEach(fuckshit);
|
||||
blep.forEach(fuckshit);
|
||||
}
|
||||
|
||||
function nyaboom() {
|
||||
explodcount++;
|
||||
const blep = document.body.childNodes;
|
||||
explodcount++;
|
||||
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);
|
||||
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);
|
||||
blep.forEach(fuckshit);
|
||||
}
|
||||
|
||||
function App() {
|
||||
const [musicList, setMusicList] = createSignal<Song[]>([]);
|
||||
const [isLoading, setIsLoading] = createSignal(true);
|
||||
const [oomfies, setoomfies] = createSignal(<>oomfies</>);
|
||||
const [isAnimating, setIsAnimating] = createSignal(false);
|
||||
onMount(async () => {
|
||||
try {
|
||||
const response = await fetch(
|
||||
"https://bopbot.amy.rip/",
|
||||
);
|
||||
const data = await response.json() as Song[];
|
||||
data.reverse();
|
||||
setMusicList(data);
|
||||
} catch (error) {
|
||||
console.error("Error fetching music data:", error);
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
});
|
||||
let gitgay = (
|
||||
<img
|
||||
onClick={() => {
|
||||
setIsAnimating(true);
|
||||
setTimeout(() => {
|
||||
window.location.href = "https://git.amy.rip/amy";
|
||||
}, 200);
|
||||
gitgay.src = "/gaybackground.png";
|
||||
}}
|
||||
classList={{
|
||||
gitgayimg: true,
|
||||
animate: isAnimating(),
|
||||
gaybackground: isAnimating(),
|
||||
}}
|
||||
src="https://git.amy.rip/assets/img/logo.png"
|
||||
alt="logo of git.amy.rip"
|
||||
/>
|
||||
) as HTMLImageElement;
|
||||
// @ts-ignore
|
||||
return (
|
||||
<>
|
||||
{isitmybd() ? (
|
||||
<Bdpfp setpopupEasterEgg={setpopupEasterEgg} />
|
||||
) : (
|
||||
<Normalpfp setpopupEasterEgg={setpopupEasterEgg} />
|
||||
)}
|
||||
const [musicList, setMusicList] = createSignal<Song[]>([]);
|
||||
const [isLoading, setIsLoading] = createSignal(true);
|
||||
const [oomfies, setoomfies] = createSignal(<>oomfies</>);
|
||||
const [isAnimating, setIsAnimating] = createSignal(false);
|
||||
onMount(async () => {
|
||||
try {
|
||||
const response = await fetch(
|
||||
"https://bopbot.amy.rip/",
|
||||
);
|
||||
const data = await response.json() as Song[];
|
||||
data.reverse();
|
||||
setMusicList(data);
|
||||
} catch (error) {
|
||||
console.error("Error fetching music data:", error);
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
});
|
||||
let gitgay = (
|
||||
<img
|
||||
onClick={() => {
|
||||
setIsAnimating(true);
|
||||
setTimeout(() => {
|
||||
window.location.href = "https://git.amy.rip/amy";
|
||||
}, 200);
|
||||
gitgay.src = "/gaybackground.png";
|
||||
}}
|
||||
classList={{
|
||||
gitgayimg: true,
|
||||
animate: isAnimating(),
|
||||
gaybackground: isAnimating(),
|
||||
}}
|
||||
src="https://git.amy.rip/assets/img/logo.png"
|
||||
alt="logo of git.amy.rip"
|
||||
/>
|
||||
) as HTMLImageElement;
|
||||
// @ts-ignore
|
||||
return (
|
||||
<>
|
||||
{isitmybd() ? (
|
||||
<Bdpfp setpopupEasterEgg={setpopupEasterEgg}/>
|
||||
) : (
|
||||
<Normalpfp setpopupEasterEgg={setpopupEasterEgg}/>
|
||||
)}
|
||||
|
||||
<p style={{ display: "none" }}>AdvancedBr my beloved</p>
|
||||
<AdvancedBr count={6} />
|
||||
<p style={{display: "none"}}>AdvancedBr my beloved</p>
|
||||
<AdvancedBr count={6}/>
|
||||
|
||||
<div class="parent">
|
||||
<div class="cardchild">
|
||||
<h1>link tree</h1>
|
||||
<div class="linktree">{gitgay}</div>
|
||||
<br />
|
||||
<div class="linktree">
|
||||
<span class="gitgaytext">Git</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parent">
|
||||
<div class="cardchild">
|
||||
<h1>link tree</h1>
|
||||
<div class="linktree">{gitgay}</div>
|
||||
<br/>
|
||||
<div class="linktree">
|
||||
<span class="gitgaytext">Git</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
style={{
|
||||
opacity: isAnimating() ? "0%" : "100%",
|
||||
}}
|
||||
class="cardchild"
|
||||
>
|
||||
<InfoCard bd={isitmybd()} />
|
||||
</div>
|
||||
<div
|
||||
onMouseEnter={() => {
|
||||
setishover(true);
|
||||
}}
|
||||
onmouseleave={() => {
|
||||
setishover(false);
|
||||
}}
|
||||
style={{
|
||||
opacity: isAnimating() ? "0%" : "100%",
|
||||
}}
|
||||
class="cardchild"
|
||||
>
|
||||
<Reviews />
|
||||
</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>
|
||||
<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>
|
||||
</>,
|
||||
);
|
||||
style={{
|
||||
opacity: isAnimating() ? "0%" : "100%",
|
||||
}}
|
||||
class="cardchild"
|
||||
>
|
||||
{" "}
|
||||
{oomfies()}
|
||||
<InfoCard bd={isitmybd()}/>
|
||||
</div>
|
||||
<div
|
||||
onMouseEnter={() => {
|
||||
setishover(true);
|
||||
}}
|
||||
onmouseleave={() => {
|
||||
setishover(false);
|
||||
}}
|
||||
style={{
|
||||
opacity: isAnimating() ? "0%" : "100%",
|
||||
}}
|
||||
class="cardchild"
|
||||
>
|
||||
<Reviews/>
|
||||
</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",
|
||||
<AdvancedBr count={2}/>
|
||||
<div class="easteregg" style={{opacity: isAnimating() ? "0%" : "100%"}}>
|
||||
<div
|
||||
class="musicbutton"
|
||||
onClick={() => {
|
||||
setpopup(!shouldpopup());
|
||||
}}
|
||||
src="./nyaboom.webp"
|
||||
/>
|
||||
>
|
||||
<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>
|
||||
<AdvancedBr count={3}/>
|
||||
<Music shouldpopup={shouldpopup}>
|
||||
<div class="musicdiv">
|
||||
<div class="innermusic">
|
||||
<div class="music-close-button-div">
|
||||
<button
|
||||
class="close-button"
|
||||
onClick={() => {
|
||||
setpopup(false);
|
||||
}}
|
||||
>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
<div class="musiclist">
|
||||
{isLoading() ? (
|
||||
<p>Loading...</p>
|
||||
) : (
|
||||
musicList().map((link) => <MusicEntry musicInfo={link} />)
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Music>
|
||||
<Music shouldpopup={shouldpopupEasterEgg}>
|
||||
<div class="musicdiv">
|
||||
<div class="innermusic">
|
||||
<div class="music-close-button-div">
|
||||
<button
|
||||
class="close-button"
|
||||
onClick={() => {
|
||||
setpopupEasterEgg(false);
|
||||
}}
|
||||
>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
<h1>if you're reading this you're very silly</h1>
|
||||
</div>
|
||||
</div>
|
||||
</Music>
|
||||
<Music shouldpopup={shouldpopup88}>
|
||||
<div class="musicdiv">
|
||||
<div class="innermusic">
|
||||
<div class="music-close-button-div">
|
||||
<button
|
||||
class="close-button"
|
||||
onClick={() => {
|
||||
setpopup88(false);
|
||||
}}
|
||||
>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
<div style={{}}>
|
||||
<img src="https://amy.rip/88x31.png" alt="" />
|
||||
<br />
|
||||
<span>
|
||||
<AdvancedBr count={3}/>
|
||||
<Music shouldpopup={shouldpopup}>
|
||||
<div class="musicdiv">
|
||||
<div class="innermusic">
|
||||
<div class="music-close-button-div">
|
||||
<button
|
||||
class="close-button"
|
||||
onClick={() => {
|
||||
setpopup(false);
|
||||
}}
|
||||
>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
<div class="musiclist">
|
||||
{isLoading() ? (
|
||||
<p>Loading...</p>
|
||||
) : (
|
||||
musicList().map((link) => <MusicEntry musicInfo={link}/>)
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Music>
|
||||
<Music shouldpopup={shouldpopupEasterEgg}>
|
||||
<div class="musicdiv">
|
||||
<div class="innermusic">
|
||||
<div class="music-close-button-div">
|
||||
<button
|
||||
class="close-button"
|
||||
onClick={() => {
|
||||
setpopupEasterEgg(false);
|
||||
}}
|
||||
>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
<h1>if you're reading this you're very silly</h1>
|
||||
</div>
|
||||
</div>
|
||||
</Music>
|
||||
<Music shouldpopup={shouldpopup88}>
|
||||
<div class="musicdiv">
|
||||
<div class="innermusic">
|
||||
<div class="music-close-button-div">
|
||||
<button
|
||||
class="close-button"
|
||||
onClick={() => {
|
||||
setpopup88(false);
|
||||
}}
|
||||
>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
<div style={{}}>
|
||||
<img src="https://amy.rip/88x31.png" alt=""/>
|
||||
<br/>
|
||||
<span>
|
||||
feel free to link mine, <code style={{"user-select": "all"}}>https://amy.rip/88x31.png</code>
|
||||
</span>
|
||||
<div style={{ "background-color": "gray", height: "1px" }} />
|
||||
<div>
|
||||
<Singular88
|
||||
name="nax"
|
||||
url="https://nax.dev"
|
||||
src="https://nax.dev/88x31.gif"
|
||||
/>
|
||||
<Singular88
|
||||
name="sophari"
|
||||
url="https://sophari.org"
|
||||
src="https://sophari.org/img/sophari.gif"
|
||||
/>
|
||||
<Singular88
|
||||
name="rini"
|
||||
url="https://rinici.de/"
|
||||
src="https://rinici.de/button.png"
|
||||
/>
|
||||
</div>
|
||||
<div style={{"background-color": "gray", height: "1px"}}/>
|
||||
<div>
|
||||
<Singular88
|
||||
name="nax"
|
||||
url="https://nax.dev"
|
||||
src="https://nax.dev/88x31.gif"
|
||||
/>
|
||||
<Singular88
|
||||
name="sophari"
|
||||
url="https://sophari.org"
|
||||
src="https://sophari.org/img/sophari.gif"
|
||||
/>
|
||||
<Singular88
|
||||
name="rini"
|
||||
url="https://rinici.de/"
|
||||
src="https://rinici.de/button.png"
|
||||
/>
|
||||
<Singular88
|
||||
name="Spike"
|
||||
url="https://potatoe.ca"
|
||||
src="https://potatoe.ca/images/88x31/potatoe.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Music>
|
||||
<div class="footer">
|
||||
{" "}
|
||||
<a href="https://ko-fi.com/amyarson">support me ♥</a>
|
||||
<br/>
|
||||
made with ♥ by amy.{" "}
|
||||
<a href="https://git.amy.rip/amy/amy.rip">
|
||||
this website is opensource
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Music>
|
||||
<div class="footer">
|
||||
{" "}
|
||||
<a href="https://ko-fi.com/amyarson">support me ♥</a>
|
||||
<br />
|
||||
made with ♥ by amy.{" "}
|
||||
<a href="https://git.amy.rip/amy/amy.rip">
|
||||
this website is opensource
|
||||
</a>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue