From 512f656ce35eca68d12fe3e0724a0673ab2249ec Mon Sep 17 00:00:00 2001 From: Jennifer Liu Date: Fri, 1 Nov 2024 14:10:15 -0700 Subject: [PATCH] Added Navbar (#185) * edited navbar font and appearance * added logo to hamburger menu, adjusted layout, changed button colour to white, gave hamburger menu an opaque background that goes over rest of site when opened * changed to zothacks logo and made hamburger menu more distinct * edited navbar font and appearance * added logo to hamburger menu, adjusted layout, changed button colour to white, gave hamburger menu an opaque background that goes over rest of site when opened * changed to zothacks logo and made hamburger menu more distinct * commented out incident form and devpost for now * ran prettier on files * changed index so navbar is always the first layer * made the css follow mobile first design approach * changed zothacks logo to be child of navbar.brand * ran prettier * added hover animation * changed navbar background to be same color as ocean and changed hover animation * changed navbar background so it only appears when it scrolls to the ocean * made blue background appear at different places depending on screen width * prettier * made background turn grey when scrolled, changed hover animation to white glow * renamed zothacks logo png * changed logo name in import --- apps/site/src/app/layout.tsx | 2 +- apps/site/src/assets/icons/zothacks-logo.png | Bin 433491 -> 78968 bytes .../src/components/NavBar/NavBar.module.scss | 84 +++++++++--------- apps/site/src/components/NavBar/NavBar.tsx | 56 +++++++----- 4 files changed, 75 insertions(+), 67 deletions(-) diff --git a/apps/site/src/app/layout.tsx b/apps/site/src/app/layout.tsx index 2d06a203..ef947697 100644 --- a/apps/site/src/app/layout.tsx +++ b/apps/site/src/app/layout.tsx @@ -30,7 +30,7 @@ export default function RootLayout({ return ( - {/* */} +
{children}