scuffed birthday thing

src/App.tsx

@@ -1,13 +1,15 @@
 import './App.css'
-import HoverComponent from './components/name.tsx'
 import AdvancedBr from './components/comps.tsx'
 import { createSignal, onMount } from 'solid-js';
 import Reviews from './components/api.tsx';
 import Music, { MusicEntry } from './components/music.tsx';
+import {Bdpfp, Normalpfp} from './components/pfp.tsx';
 export const [shouldpopup, setpopup] = createSignal(false)
 export const [ishover, setishover] = createSignal(false)
 
-function getRandomVivsieWord(){
+const isitmybd = () => new Date().toISOString().slice(5, 10) === '08-22';
+
+function getRandomVivsieWord() {
   const words = [
     "fuck",
     "shit",
@@ -31,18 +33,7 @@ function vivsiepop() {
 }
 
 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 [musicList, setMusicList] = createSignal<string[]>([]);
   const [isLoading, setIsLoading] = createSignal(true);
   const [isAnimating, setIsAnimating] = createSignal(false);
@@ -67,11 +58,13 @@ function App() {
   }} 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" />
+      {/* <div onmouseenter={remov} class='header'>
+        <div>
+          <Normalpfp />
+        </div>
         <HoverComponent />
-      </div>
-
+      </div> */}
+      {isitmybd() ? <Bdpfp /> : <Normalpfp/>}
 
       <p style={{ display: "none" }}>AdvancedBr my beloved</p>
       <AdvancedBr count={6} />