Mobile Organized Content #79

There is no content yet.

@w25tran can you update this branch?

@w25tran can you update this branch?

@a3thakra This is already up to date sorry, I forgot to change the descripton

Great job William!! 🎉

I have some architectural nitpicks, let's pair on it to make it a bit more simpler and cleaner :)

@w25tran can you update this branch?

@a3thakra This is already up to date sorry, I forgot to change the descripton

By update, I meant either rebase it, or merge origin/main into this branch.

           </>
         )}
       </div>
       <MobileWrapper

   return (
     <div
       className={
         styles.burger + " " + (burgerVisible ? "" : styles.hiddenBurger)

     return () => {
       observer.disconnect();
     };
   }, [ref]);

     z-index: 10;
     background: var(--light-blue-2);
     border-radius: calc(5rem / 16);
     transition: transform 0.6s ease-in-out;

             className={classNames.join(" ")}
             id={section.id}
             key={section.id}
             setMobileNavOpen={setMobileNavOpen}

 }
 .hiddenBurger {
   bottom: calc(-94rem / 16);

   );
 };
 function useOutsideAlerter(

   const [prevScrollPos, setPrevScrollPos] = useState(0);
   const [burgerVisible, setBurgerVisible] = useState(true);
   const handleScroll = useDebounce(() => {

 }
 function Nav({ sections, currentIndex, link: Link }: NavProps) {
 function Nav({ sections, currentIndex, link: Link, pageTitle }: NavProps) {

 @media only screen and (max-width: calc(768rem / 16)) {
   .burger {
     display: flex;

         onClick={() => setMobileNavOpen(!mobileNavOpen)}
       >
         {/* this is copied from hamburger.svg with changed colors */}
         <svg