make birthday stuff only appear on the right day

pages/index.js

@@ -12,6 +12,9 @@ import { TwitchEmbed } from 'react-twitch-embed';
 const client_id = "edpx4oisrkpnrlx47b7a2p3govy6qm";
 const client_secret = "dqr2glvdhr7uyn3bf3biu48977rfwo";
 
+const d = new Date();
+let day = d.getDate() + " " + d.getMonth();
+
 export default function Index({ motto, twitch_online, about }) {
     return (
       <div className="page">
@@ -40,11 +43,15 @@ export default function Index({ motto, twitch_online, about }) {
 
             <TwitchPopup show={twitch_online} />
 
-            <h1 className={styles.officeBanner}>
+            {day == "06 11" &&
-                HAPPY BIRTHDAY TRICK!
+                <div>
-            </h1>
+                    <h1 className={styles.officeBanner}>
-            <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.4.0/dist/confetti.browser.min.js"></script>
+                        HAPPY BIRTHDAY TRICK!
-            <script src="js/confetti.js"></script>
+                    </h1>
+                    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.4.0/dist/confetti.browser.min.js"></script>
+                    <script src="js/confetti.js"></script>
+                </div>
+            }
 
             <article className={styles.pages}>
                 <section className={styles.top}>