christmas logo activation

web/src/components/layout/Header.tsx

@@ -46,6 +46,9 @@ export const Header = () => {
     }
   };
 
+  // let's add a santa hat during December
+  const isChristmas = new Date().getMonth() === 11;
+
   return (
     <>
       <header
@@ -54,7 +57,7 @@ export const Header = () => {
         data-small={!isInView}
       >
         <Link href="/" aria-label="Hjem">
-          <Logo />
+          <Logo christmas={isChristmas} />
         </Link>
         <nav className={styles.siteMenu}>
           <ul className={styles.mainMenu}>
@@ -167,7 +170,11 @@ export const Header = () => {
         </nav>
         <div className={styles.headerBar} aria-hidden>
           <Link href="/" aria-label="Hjem">
-            {!isInView ? <LogoIcon face="left" /> : <Logo />}
+            {!isInView ? (
+              <LogoIcon face="left" christmas={isChristmas} />
+            ) : (
+              <Logo christmas={isChristmas} />
+            )}
           </Link>
           <nav className={styles.siteMenu}>
             <ul className={styles.mainMenu}>