feat: outline title

packages/website/src/components/Navbar.astro

@@ -21,6 +21,19 @@ const strings = getStrings(locale);
 ---
 
 <style>
+  .navbar,
+  .padder {
+    transition-duration: 1s;
+  }
+
+  body.no-navbar .navbar {
+    transform: translateY(-100%);
+  }
+
+  body.no-navbar .padder {
+    height: 0;
+  }
+
   .navbar[data-expanded='false'] *[data-expanded] {
     display: none;
   }
@@ -49,7 +62,7 @@ const strings = getStrings(locale);
   });
 </script>
 
-<Box height={{ initial: '3.5rem', sm: '3rem' }} />
+<Box className="padder" height={{ initial: '3.5rem', sm: '3rem' }} />
 
 <Flex
   direction="column"