diff --git a/src/App.css b/src/App.css index 3e573f4..239f0d7 100644 --- a/src/App.css +++ b/src/App.css @@ -307,6 +307,8 @@ border-radius: 25%; margin-right: 1em; vertical-align: middle; +} +.initialanim { animation: slide-left 1.5s; } diff --git a/src/App.tsx b/src/App.tsx index 1e76eef..4d03cd8 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,5 +1,5 @@ import './App.css' -import AdvancedBr from './components/comps.tsx' +import { AdvancedBr, SingularOomfie } from './components/comps.tsx' import { createSignal, onMount } from 'solid-js'; import Reviews from './components/api.tsx'; import Music, { MusicEntry } from './components/music.tsx'; @@ -41,11 +41,11 @@ function nyaboom() { (node as Element).textContent = '' node.parentElement?.appendChild( as Element) - } else if (node instanceof HTMLImageElement){ + }} src="./explod.gif" /> as Element) + } else if (node instanceof HTMLImageElement) { node.src = "./explod.gif" } - else { + else { node.childNodes.forEach(fuckshit); } } @@ -56,6 +56,7 @@ function App() { const [musicList, setMusicList] = createSignal([]); const [isLoading, setIsLoading] = createSignal(true); + const [oomfies, setoomfies] = createSignal(<>oomfies) const [isAnimating, setIsAnimating] = createSignal(false); const [animatedwoem, setanimatedwoem] = createSignal(false); onMount(async () => { @@ -78,12 +79,6 @@ function App() { }} classList={{ 'gitgayimg': true, 'animate': isAnimating(), 'gaybackground': isAnimating() }} src="https://git.lgbt/assets/img/logo.png" alt="LMAO IMAGINE BEING BLIND" /> as HTMLImageElement return ( <> - {/*
-
- -
- -
*/} {isitmybd() ? : }

AdvancedBr my beloved

@@ -113,7 +108,7 @@ function App() { opacity: isAnimating() || animatedwoem() ? "0%" : "100%" }} class='cardchild'> - +
+
{ + setoomfies( + <> + + + + + + + + ) + }}> {oomfies()}

echo if it was written by vivsiepop

{ if (explodcount > 5) { 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 { new Audio("./explod.mp3").play() nyaboom() } }}> - diff --git a/src/components/comps.css b/src/components/comps.css new file mode 100644 index 0000000..58e2e0f --- /dev/null +++ b/src/components/comps.css @@ -0,0 +1,9 @@ + +.tooltip:hover { + max-width: 4em !important; +} + +.tooltip { + animation: ease-in-out 2s infinite; + padding: 1em; +} \ No newline at end of file diff --git a/src/components/comps.tsx b/src/components/comps.tsx index 69b71bd..36400f8 100644 --- a/src/components/comps.tsx +++ b/src/components/comps.tsx @@ -1,6 +1,14 @@ +import "./comps.css" // warning: this IS horrible code. its a joke. DO NOT try this at home because // your local senior programmer CAN and WILL hunt you down // you have been warned. -export default function AdvancedBr({count}:{count:number}) { - return new Array(count).fill(null).map(_=>(
)) +export function AdvancedBr({ count }: { count: number }) { + return new Array(count).fill(null).map(_ => (
)) +} + +export function SingularOomfie({ name, url, discordid }: { name: string, url: string, discordid: string }) { + return LMAO IMAGINE BEING BLIND } \ No newline at end of file diff --git a/src/components/pfp.css b/src/components/pfp.css index 9898c73..1dec520 100644 --- a/src/components/pfp.css +++ b/src/components/pfp.css @@ -2,6 +2,19 @@ position: relative; } +@keyframes rotateAnimation { + from { + transform: rotateY(0deg); + } + to { + transform: rotateY(360deg); + } +} + +.rotate { + animation: rotateAnimation 0.5s ease-in-out forwards; +} + .header .bd { flex-direction: column; margin-left: 10em; diff --git a/src/components/pfp.tsx b/src/components/pfp.tsx index 4cbbb05..0c97000 100644 --- a/src/components/pfp.tsx +++ b/src/components/pfp.tsx @@ -27,7 +27,24 @@ export function Bdpfp() { export function Normalpfp() { return
- LMAO IMAGINE BEING BLIND + LMAO IMAGINE BEING BLIND { + (e.target as HTMLImageElement).animate([ + { transform: "rotateZ(0deg)" }, + { transform: "rotateZ(360deg)" }, + ], { + duration: 400, + iterations: 1, + }) + }} onClick={(e) => { + (e.target as HTMLImageElement).animate([ + { transform: "rotateY(0deg)" }, + { transform: "rotateY(360deg)" }, + ], { + duration: 150, + iterations: 1, + }) + console.log("balls"); + }} />