amy/amy.rip
1
0
Fork 0
Code Activity Actions

spike :3

Browse source
This commit is contained in:
amy 2025-05-23 09:47:08 +03:30
parent 3051036e17
commit 397ed05b87
No known key found for this signature in database
1 changed files with 317 additions and 312 deletions
Download patch file Download diff file Expand all files Collapse all files

629
src/App.tsx
View file

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