feat: new PHC logo

src/components/Header.astro

@@ -1,6 +1,6 @@
 <header>
     <a href="/" class="logo">
-        <img src="/images/logo-circuit-board.svg" alt="phc logo" />
+        <img src="/images/phc-logo-2024-11@x8.png" alt="phc logo" />
     </a>
     <input type="checkbox" id="header-menu-toggle" />
     <div class="links desktop-only">

src/pages/index.astro

@@ -15,7 +15,7 @@ const galleryCollage = (await Astro.glob('@/assets/gallery/*.jpg')).map(({ defau
             <script src="../scripts/circuits-art.ts"></script>
         </div>
         <div class="logo">
-            <img src="/images/logo-circuit-board.svg" alt="phc logo" />
+            <img src="/images/phc-logo-2024-11@x8.png" alt="phc logo" />
         </div>
         <div class="whats-phc card large">
             <input type="checkbox" class="hide" id="mobile-whats-phc-read-more" checked />

src/styles/main.scss

@@ -97,10 +97,10 @@ body {
         justify-content: space-between;
 
         .logo {
-            padding-left: 0.5rem;
+            padding-left: 1rem;
 
             img {
-                height: 4rem;
+                height: 3.5rem;
             }
         }
 

src/styles/pages.scss

@@ -110,9 +110,9 @@
 
                 img {
                     width: 100%;
-                    filter: drop-shadow(6px 6px 0 var(--palette-black))
-                        drop-shadow(4px 0 0 var(--palette-black)) drop-shadow(0 4px 0 var(--palette-black))
-                        drop-shadow(-4px 0 0 var(--palette-black)) drop-shadow(0 -4px 0 var(--palette-black));
+                    // filter: drop-shadow(6px 6px 0 var(--palette-black))
+                    //     drop-shadow(4px 0 0 var(--palette-black)) drop-shadow(0 4px 0 var(--palette-black))
+                    //     drop-shadow(-4px 0 0 var(--palette-black)) drop-shadow(0 -4px 0 var(--palette-black));
                 }
             }