typescript more like gayscript

src/App.tsx

@@ -0,0 +1,79 @@
+import './App.css'
+import HoverComponent from './components/name.tsx'
+import AdvancedBr from './components/comps.tsx'
+import { createSignal } from 'solid-js';
+function App() {
+  function remov() {
+    for (let i = 0; i < document.styleSheets.length; i++) {
+      let styleSheet = document.styleSheets[i];
+      let rules = styleSheet.cssRules || styleSheet.rules;
+      for (let j = 0; j < rules.length; j++) {
+        let rule = rules[j];
+        if (rule.type === CSSRule.KEYFRAMES_RULE && ((rule as CSSKeyframesRule).name === "slide-left")) {
+          styleSheet.deleteRule(j);
+        }
+      }
+    }
+  }
+
+  const [isAnimating, setIsAnimating] = createSignal(false);
+  const [animatedwoem, setanimatedwoem] = createSignal(false);
+  let gitgay = <img onClick={() => {
+    setIsAnimating(true)
+    setTimeout(() => {
+      window.location.href = "https://git.gay/exhq"
+    }, 200);
+    gitgay.src = "/gaybackground.png"
+  }} classList={{ 'gitgayimg': true, 'animate': isAnimating(), 'gaybackground': isAnimating() }} src="https://git.gay/assets/img/logo.png" alt="LMAO IMAGINE BEING BLIND" /> as HTMLImageElement
+  return (
+
+    <>
+      <div class='header'>
+        <img onmouseenter={remov} src="https://dp.nea.moe/avatar/712639419785412668.png" class="logo-pfp" alt="LMAO IMAGINE BEING BLIND" />
+        <HoverComponent />
+      </div>
+
+
+      <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}
+            <img onClick={() => {
+              setanimatedwoem(true)
+              setTimeout(() => {
+                window.location.href = "https://woem.men/@exhq"
+              }, 200);
+            }} classList={{ 'woemimg': true, 'animate': animatedwoem() }} src="https://woem.men/files/356134d8-df3b-41dc-ac73-c4420442bf3a" alt="LMAO IMAGINE BEING BLIND" />
+          </div>
+          <br />
+          <div class='linktree'>
+            <span class='gitgaytext' >Git</span>
+            <span class='woemtext' >Fedi</span>
+          </div>
+        </div>
+
+        <div style={{
+          opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
+        }} class='cardchild'>
+          <h1>hi :3</h1>
+          <span>silly goober who does silly stuff <br /> self proclaimed programmer and progamer <br /> shitposts for fun</span>
+        </div>
+
+        <div style={{
+          opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
+        }} class='cardchild'>
+          <h1>reviews</h1>
+          {/* <Review/> */}
+        </div>
+      </div>
+      <AdvancedBr count={10} />
+    </>
+  )
+}
+
+export default App