guhhh
This commit is contained in:
parent
877cc66de4
commit
e534891a28
1 changed files with 323 additions and 227 deletions
550
src/App.tsx
550
src/App.tsx
|
|
@ -1,255 +1,351 @@
|
||||||
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} from './components/music.tsx';
|
import Music, { MusicEntry } 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);
|
||||||
export const [shouldpopupEasterEgg, setpopupEasterEgg] = createSignal(false)
|
export const [shouldpopupEasterEgg, setpopupEasterEgg] = createSignal(false);
|
||||||
export const [ishover, setishover] = createSignal(false)
|
export const [ishover, setishover] = createSignal(false);
|
||||||
|
|
||||||
let explodcount = 0
|
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 = [
|
const words = ["fuck", "shit", "pussy", "penis", "dick"];
|
||||||
"fuck",
|
return words[Math.floor(Math.random() * words.length)];
|
||||||
"shit",
|
|
||||||
"pussy",
|
|
||||||
"penis",
|
|
||||||
"dick"
|
|
||||||
]
|
|
||||||
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(<img style={{
|
node.parentElement?.appendChild(
|
||||||
width: "1.5em"
|
(
|
||||||
}} src="./explod.gif"/> as Element)
|
<img
|
||||||
} else if (node instanceof HTMLImageElement) {
|
style={{
|
||||||
node.src = "./explod.gif"
|
width: "1.5em",
|
||||||
} else {
|
}}
|
||||||
node.childNodes.forEach(fuckshit);
|
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() {
|
function App() {
|
||||||
|
const [musicList, setMusicList] = createSignal<string[]>([]);
|
||||||
const [musicList, setMusicList] = createSignal<string[]>([]);
|
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://imtoolazytomakeaproperapi.exhq.dev/");
|
"https://imtoolazytomakeaproperapi.exhq.dev/",
|
||||||
const data = await response.json();
|
);
|
||||||
setMusicList(data);
|
const data = await response.json();
|
||||||
} catch (error) {
|
setMusicList(data);
|
||||||
console.error("Error fetching music data:", error);
|
} catch (error) {
|
||||||
} finally {
|
console.error("Error fetching music data:", error);
|
||||||
setIsLoading(false);
|
} finally {
|
||||||
}
|
setIsLoading(false);
|
||||||
});
|
}
|
||||||
let gitgay = <img onClick={() => {
|
});
|
||||||
setIsAnimating(true)
|
let gitgay = (
|
||||||
|
<img
|
||||||
|
onClick={() => {
|
||||||
|
setIsAnimating(true);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = "https://git.lgbt/exhq"
|
window.location.href = "https://git.lgbt/exhq";
|
||||||
}, 200);
|
}, 200);
|
||||||
gitgay.src = "/gaybackground.png"
|
gitgay.src = "/gaybackground.png";
|
||||||
}} classList={{'gitgayimg': true, 'animate': isAnimating(), 'gaybackground': isAnimating()}}
|
}}
|
||||||
src="https://proxy.spiro.exhq.dev/_/plain/https://git.lgbt/assets/img/logo.png"
|
classList={{
|
||||||
alt="logo of git.lgbt"/> as HTMLImageElement
|
gitgayimg: true,
|
||||||
// @ts-ignore
|
animate: isAnimating(),
|
||||||
return (
|
gaybackground: isAnimating(),
|
||||||
<>
|
}}
|
||||||
{isitmybd() ? <Bdpfp setpopupEasterEgg={setpopupEasterEgg}/> :
|
src="https://proxy.spiro.exhq.dev/_/plain/https://git.lgbt/assets/img/logo.png"
|
||||||
<Normalpfp setpopupEasterEgg={setpopupEasterEgg}/>}
|
alt="logo of git.lgbt"
|
||||||
|
/>
|
||||||
|
) as HTMLImageElement;
|
||||||
|
// @ts-ignore
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{isitmybd() ? (
|
||||||
|
<Bdpfp 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="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
|
||||||
<div class='cardchild'>
|
style={{
|
||||||
<h1>link tree</h1>
|
opacity: isAnimating() ? "0%" : "100%",
|
||||||
<div class='linktree'>
|
}}
|
||||||
{gitgay}
|
class="cardchild"
|
||||||
|
>
|
||||||
</div>
|
<InfoCard bd={isitmybd()} />
|
||||||
<br/>
|
</div>
|
||||||
<div class='linktree'>
|
<div
|
||||||
<span class='gitgaytext'>Git</span>
|
onMouseEnter={() => {
|
||||||
</div>
|
setishover(true);
|
||||||
</div>
|
}}
|
||||||
|
onmouseleave={() => {
|
||||||
<div style={{
|
setishover(false);
|
||||||
opacity: isAnimating() ? "0%" : "100%"
|
}}
|
||||||
}} class='cardchild'>
|
style={{
|
||||||
<InfoCard bd={isitmybd()}/>
|
opacity: isAnimating() ? "0%" : "100%",
|
||||||
|
}}
|
||||||
</div>
|
class="cardchild"
|
||||||
<div
|
>
|
||||||
onMouseEnter={() => {
|
<Reviews />
|
||||||
setishover(true)
|
</div>
|
||||||
}}
|
</div>
|
||||||
onmouseleave={() => {
|
<AdvancedBr count={2} />
|
||||||
setishover(false)
|
<div class="easteregg" style={{ opacity: isAnimating() ? "0%" : "100%" }}>
|
||||||
}}
|
<div
|
||||||
style={{
|
class="musicbutton"
|
||||||
opacity: isAnimating() ? "0%" : "100%"
|
onClick={() => {
|
||||||
}} class='cardchild'>
|
setpopup(!shouldpopup());
|
||||||
<Reviews/>
|
}}
|
||||||
</div>
|
>
|
||||||
|
<p>typa shit ive been on</p>
|
||||||
|
<img
|
||||||
|
style={{
|
||||||
|
"margin-left": "0.3em",
|
||||||
|
"max-width": "1.5em",
|
||||||
|
}}
|
||||||
|
src="./fireemoji.png"
|
||||||
|
/>
|
||||||
|
</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="ushie"
|
||||||
|
discordid="399862294143696897"
|
||||||
|
url="https://ushie.dev/"
|
||||||
|
></SingularOomfie>
|
||||||
|
<SingularOomfie
|
||||||
|
name="mugman"
|
||||||
|
discordid="601836455006044163"
|
||||||
|
url="https://mugman.tech"
|
||||||
|
></SingularOomfie>
|
||||||
|
<SingularOomfie
|
||||||
|
name="krystal"
|
||||||
|
discordid="929208515883569182"
|
||||||
|
url="https://krystal.exhq.dev/"
|
||||||
|
></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">
|
||||||
|
<button
|
||||||
|
class="close-button"
|
||||||
|
onClick={() => {
|
||||||
|
setpopup(false);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
X
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<AdvancedBr count={2}/>
|
<div class="musiclist">
|
||||||
<div class='easteregg' style={{opacity: isAnimating() ? "0%" : "100%"}}>
|
{isLoading() ? (
|
||||||
<div class="musicbutton" onClick={() => {
|
<p>Loading...</p>
|
||||||
setpopup(!shouldpopup())
|
) : (
|
||||||
}}>
|
musicList().map((link) => <MusicEntry spotifylink={link} />)
|
||||||
<p>typa shit ive been on</p><img style={{
|
)}
|
||||||
"margin-left": "0.3em",
|
|
||||||
"max-width": "1.5em"
|
|
||||||
}} src="./fireemoji.png"/>
|
|
||||||
</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='ushie' discordid='399862294143696897'
|
|
||||||
url='https://ushie.dev/'></SingularOomfie>
|
|
||||||
<SingularOomfie name='mugman' discordid='601836455006044163'
|
|
||||||
url='https://mugman.tech'></SingularOomfie>
|
|
||||||
<SingularOomfie name='krystal' discordid='929208515883569182'
|
|
||||||
url='https://krystal.exhq.dev/'></SingularOomfie>
|
|
||||||
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}}> {oomfies()}</div>
|
|
||||||
</div>
|
|
||||||
<div class="musicbutton" onClick={vivsiepop}>
|
|
||||||
<p>echo 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}/>
|
</div>
|
||||||
<Music shouldpopup={shouldpopup}>
|
</div>
|
||||||
<div class='musicdiv'>
|
</Music>
|
||||||
<div class='innermusic'>
|
<Music shouldpopup={shouldpopupEasterEgg}>
|
||||||
<div class="music-close-button-div">
|
<div class="musicdiv">
|
||||||
<button class="close-button" onClick={() => {
|
<div class="innermusic">
|
||||||
setpopup(false)
|
<div class="music-close-button-div">
|
||||||
}}>X
|
<button
|
||||||
</button>
|
class="close-button"
|
||||||
</div>
|
onClick={() => {
|
||||||
<div class='musiclist'>
|
setpopupEasterEgg(false);
|
||||||
{isLoading() ? (
|
}}
|
||||||
<p>Loading...</p>
|
>
|
||||||
) : (
|
X
|
||||||
musicList().map((link) => <MusicEntry spotifylink={link}/>)
|
</button>
|
||||||
)}
|
</div>
|
||||||
</div>
|
<img src={"https://pico.exhq.dev/-Aax47Gmdsy"} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Music>
|
</Music>
|
||||||
<Music shouldpopup={shouldpopupEasterEgg}>
|
<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 class="close-button" onClick={() => {
|
<button
|
||||||
setpopupEasterEgg(false)
|
class="close-button"
|
||||||
}}>X
|
onClick={() => {
|
||||||
</button>
|
setpopup88(false);
|
||||||
</div>
|
}}
|
||||||
<img src={"https://pico.exhq.dev/-Aax47Gmdsy"}/>
|
>
|
||||||
</div>
|
X
|
||||||
</div>
|
</button>
|
||||||
</Music>
|
</div>
|
||||||
<Music shouldpopup={shouldpopup88}>
|
<div style={{}}>
|
||||||
<div class='musicdiv'>
|
<img src="https://exhq.dev/88x31.png" alt="" />
|
||||||
<div class='innermusic'>
|
<br />
|
||||||
<div class="music-close-button-div">
|
<span>
|
||||||
<button class="close-button" onClick={() => {
|
feel free to link mine, <code>https://exhq.dev/88x31.png</code>
|
||||||
setpopup88(false)
|
</span>
|
||||||
}}>X
|
<div style={{ "background-color": "gray", height: "1px" }} />
|
||||||
</button>
|
<div>
|
||||||
</div>
|
<Singular88
|
||||||
<div style={{}}>
|
name="nax"
|
||||||
<img src="https://exhq.dev/88x31.png" alt=""/>
|
url="https://nax.dev"
|
||||||
<br/>
|
src="https://nax.dev/88x31.gif"
|
||||||
<span>feel free to link mine, <code>https://exhq.dev/88x31.png</code></span>
|
/>
|
||||||
<div style={{"background-color": "gray", height: "1px"}}/>
|
<Singular88
|
||||||
<div>
|
name="sophari"
|
||||||
<Singular88 name="nax" url="https://nax.dev" src="https://nax.dev/88x31.gif"/>
|
url="https://sophari.org"
|
||||||
<Singular88 name="sophari" url="https://sophari.org" src="https://sophari.org/img/sophari.gif"/>
|
src="https://sophari.org/img/sophari.gif"
|
||||||
<Singular88 name="rini" url="https://rinici.de/" src="https://rinici.de/button.png"/>
|
/>
|
||||||
</div>
|
<Singular88
|
||||||
</div>
|
name="rini"
|
||||||
</div>
|
url="https://rinici.de/"
|
||||||
</div>
|
src="https://rinici.de/button.png"
|
||||||
</Music>
|
/>
|
||||||
<div class='footer'> <a href="https://ko-fi.com/amyarson">support me ♥</a><br/>made with ♥ by amy. <a
|
</div>
|
||||||
href="https://git.lgbt/exhq/v2.exhq.dev">this website is
|
</div>
|
||||||
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.lgbt/exhq/v2.exhq.dev">
|
||||||
|
this website is opensource
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default App
|
export default App;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue