bleh
This commit is contained in:
parent
0c09e874d1
commit
6165b7dd75
2 changed files with 202 additions and 165 deletions
|
|
@ -81,6 +81,7 @@
|
||||||
margin: 1em;
|
margin: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.musiclist {
|
.musiclist {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
|
|
||||||
116
src/App.tsx
116
src/App.tsx
|
|
@ -1,10 +1,11 @@
|
||||||
import './App.css'
|
import './App.css'
|
||||||
import { AdvancedBr, SingularOomfie } from './components/comps.tsx'
|
import {AdvancedBr, 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 [shouldpopupEasterEgg, setpopupEasterEgg] = createSignal(false)
|
export const [shouldpopupEasterEgg, setpopupEasterEgg] = createSignal(false)
|
||||||
export const [ishover, setishover] = createSignal(false)
|
export const [ishover, setishover] = createSignal(false)
|
||||||
|
|
@ -25,6 +26,7 @@ function getRandomVivsieWord() {
|
||||||
|
|
||||||
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();
|
||||||
|
|
@ -32,24 +34,27 @@ function vivsiepop() {
|
||||||
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(<img style={{
|
||||||
width: "1.5em"
|
width: "1.5em"
|
||||||
}} src="./explod.gif" /> as Element)
|
}} src="./explod.gif"/> 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)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -77,13 +82,17 @@ function App() {
|
||||||
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.mono.exhq.dev/_/plain/https://git.lgbt/assets/img/logo.png" alt="logo of git.lgbt" /> as HTMLImageElement
|
}} classList={{'gitgayimg': true, 'animate': isAnimating(), 'gaybackground': isAnimating()}}
|
||||||
|
src="https://proxy.mono.exhq.dev/_/plain/https://git.lgbt/assets/img/logo.png"
|
||||||
|
alt="logo of git.lgbt"/> as HTMLImageElement
|
||||||
|
// @ts-ignore
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{isitmybd() ? <Bdpfp setpopupEasterEgg={setpopupEasterEgg}/> : <Normalpfp setpopupEasterEgg={setpopupEasterEgg}/>}
|
{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='parent'>
|
||||||
|
|
@ -96,60 +105,80 @@ function App() {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = "https://woem.men/@echo"
|
window.location.href = "https://woem.men/@echo"
|
||||||
}, 200);
|
}, 200);
|
||||||
}} classList={{ 'woemimg': true, 'animate': animatedwoem() }} src="https://proxy.mono.exhq.dev/_/plain/https://woem.men/files/356134d8-df3b-41dc-ac73-c4420442bf3a" alt="logo of woem.men" />
|
}} classList={{'woemimg': true, 'animate': animatedwoem()}}
|
||||||
|
src="https://proxy.mono.exhq.dev/_/plain/https://woem.men/files/356134d8-df3b-41dc-ac73-c4420442bf3a"
|
||||||
|
alt="logo of woem.men"/>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br/>
|
||||||
<div class='linktree'>
|
<div class='linktree'>
|
||||||
<span class='gitgaytext' >Git</span>
|
<span class='gitgaytext'>Git</span>
|
||||||
<span class='woemtext' >Fedi</span>
|
<span class='woemtext'>Fedi</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{
|
<div style={{
|
||||||
opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
|
opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
|
||||||
}} class='cardchild'>
|
}} class='cardchild'>
|
||||||
<InfoCard bd={isitmybd()} />
|
<InfoCard bd={isitmybd()}/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
onMouseEnter={() => { setishover(true) }}
|
onMouseEnter={() => {
|
||||||
onmouseleave={() => { setishover(false) }}
|
setishover(true)
|
||||||
|
}}
|
||||||
|
onmouseleave={() => {
|
||||||
|
setishover(false)
|
||||||
|
}}
|
||||||
style={{
|
style={{
|
||||||
opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
|
opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
|
||||||
}} class='cardchild'>
|
}} class='cardchild'>
|
||||||
<Reviews />
|
<Reviews/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<AdvancedBr count={2} />
|
<AdvancedBr count={2}/>
|
||||||
<div class='easteregg' style={{opacity: isAnimating() || animatedwoem() ? "0%" : "100%"}}>
|
<div class='easteregg' style={{opacity: isAnimating() || animatedwoem() ? "0%" : "100%"}}>
|
||||||
<div class="musicbutton" onclick={() => { setpopup(!shouldpopup()) }}>
|
<div class="musicbutton" onclick={() => {
|
||||||
|
setpopup(!shouldpopup())
|
||||||
|
}}>
|
||||||
<p>typa shit ive been on</p><img style={{
|
<p>typa shit ive been on</p><img 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>
|
||||||
<div class="musicbutton" onclick={() => {
|
<div class="musicbutton" >
|
||||||
|
<div class="oomfies" onClick={() => {
|
||||||
setoomfies(
|
setoomfies(
|
||||||
<>
|
<>
|
||||||
<SingularOomfie name='ashley' discordid='836177139798638592' url='https://ashleygraves.eu/'></SingularOomfie>
|
<SingularOomfie name='ashley' discordid='836177139798638592'
|
||||||
<SingularOomfie name='ashley' discordid='396571938081865741' url='https://ashley0143.xyz/'></SingularOomfie>
|
url='https://ashleygraves.eu/'></SingularOomfie>
|
||||||
<SingularOomfie name='stella' discordid='334833943838720000' url='https://elh.gay/'></SingularOomfie>
|
<SingularOomfie name='nea' discordid='310702108997320705'
|
||||||
<SingularOomfie name='nea' discordid='310702108997320705' url='https://nea.moe'></SingularOomfie>
|
url='https://nea.moe'></SingularOomfie>
|
||||||
<SingularOomfie name='vozy' discordid='359175647257690113' url='https://vozy.exhq.dev'></SingularOomfie>
|
<SingularOomfie name='vozy' discordid='359175647257690113'
|
||||||
<SingularOomfie name='ushie' discordid='399862294143696897' url='https://ushie.dev/'></SingularOomfie>
|
url='https://vozy.exhq.dev'></SingularOomfie>
|
||||||
<SingularOomfie name='hazel' discordid='435026627907420161' url='https://yellows.ink/'></SingularOomfie>
|
<SingularOomfie name='hazel' discordid='435026627907420161'
|
||||||
<SingularOomfie name='mugman' discordid='601836455006044163' url='https://mugman.tech'></SingularOomfie>
|
url='https://yellows.ink/'></SingularOomfie>
|
||||||
<SingularOomfie name='llsc' discordid='381538809180848128' url='https://llsc12.me/'></SingularOomfie>
|
<SingularOomfie name='nax' discordid='148801388938264576'
|
||||||
|
url='https://nax.dev/'></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>
|
}}> {oomfies()}</div>
|
||||||
|
</div>
|
||||||
<div class="musicbutton" onclick={vivsiepop}>
|
<div class="musicbutton" onclick={vivsiepop}>
|
||||||
<p>echo if it was written by vivsiepop</p>
|
<p>echo if it was written by vivsiepop</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="musicbutton" onclick={() => {
|
<div class="musicbutton" onclick={() => {
|
||||||
if (explodcount > 5) {
|
if (explodcount > 5) {
|
||||||
document.body.innerHTML = ""
|
document.body.innerHTML = ""
|
||||||
setTimeout(() => { alert("sorry bud, you exploded so much that my document.body is gon") }, 500)
|
setTimeout(() => {
|
||||||
|
alert("sorry bud, you exploded so much that my document.body is gon")
|
||||||
|
}, 500)
|
||||||
} else {
|
} else {
|
||||||
new Audio("./explod.mp3").play()
|
new Audio("./explod.mp3").play()
|
||||||
nyaboom()
|
nyaboom()
|
||||||
|
|
@ -158,21 +187,24 @@ function App() {
|
||||||
<img style={{
|
<img style={{
|
||||||
"margin-left": "0.3em",
|
"margin-left": "0.3em",
|
||||||
"max-width": "1.5em"
|
"max-width": "1.5em"
|
||||||
}} src="./nyaboom.webp" />
|
}} 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 class="close-button" onClick={() => { setpopup(false) }}>X</button>
|
<button class="close-button" onClick={() => {
|
||||||
|
setpopup(false)
|
||||||
|
}}>X
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class='musiclist'>
|
<div class='musiclist'>
|
||||||
{isLoading() ? (
|
{isLoading() ? (
|
||||||
<p>Loading...</p>
|
<p>Loading...</p>
|
||||||
) : (
|
) : (
|
||||||
musicList().map((link) => <MusicEntry spotifylink={link} />)
|
musicList().map((link) => <MusicEntry spotifylink={link}/>)
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -182,13 +214,17 @@ function App() {
|
||||||
<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={() => { setpopupEasterEgg(false) }}>X</button>
|
<button class="close-button" onClick={() => {
|
||||||
|
setpopupEasterEgg(false)
|
||||||
|
}}>X
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<img src={"https://pico.exhq.dev/-Aax47Gmdsy"}/>
|
<img src={"https://pico.exhq.dev/-Aax47Gmdsy"}/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Music>
|
</Music>
|
||||||
<div class='footer'> made with ♥ by amy. <a href="https://git.lgbt/exhq/v2.exhq.dev">this website is opensource</a></div>
|
<div class='footer'> made with ♥ by amy. <a href="https://git.lgbt/exhq/v2.exhq.dev">this website is
|
||||||
|
opensource</a></div>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue