@@ -12,11 +12,12 @@ import { getAllPosts, formatDate } from '../lib/lib'
1212function Sidebar(props) {
1313 return (
1414 <div className="flex flex-col w-72 bg-wall max-h-screen h-screen">
15− <header className='flex justify-between items-center pl-12 pt-24 pb-12'>
16− <h3>Urbit</h3>
15+ <header className='flex justify-between items-center pl-12 pt-8 pb-8'>
16+ <Link href="/"><a className="type-ui">Urbit</a></Link>
1717 </header>
18− <div className="overflow-y-scroll p-12">
18+ <div className="overflow-y-scroll p-12 pt-16">
1919 { props.children }
20+ <div className="pb-32"/>
2021 </div>
2122 </div>
2223 )
@@ -25,11 +26,14 @@ function Sidebar(props) {
2526function ContentArea(props) {
2627 return (
2728 <div className="w-full">
28− <header className='flex justify-between items-center px-24 pt-24 pb-12'>
29− <h3>Install Urbit</h3>
29+ <header className='flex justify-between items-center px-24 pt-8 pb-8'>
30+ <div className="type-ui">Install Urbit</div>
3031 </header>
31− <div className="px-24 py-12 flex flex-col w-full max-h-screen h-screen overflow-y-scroll">
32+ <div className="px-24 pb-24 pt-16 flex flex-col w-full max-h-screen h-screen overflow-y-scroll">
33+ <div className="type-ui text-lightGray">Breadcrumbs/go/here</div>
34+ <h2 className="mb-16 mt-4">Getting Started</h2>
3235 { props.children }
36+ <div className="pb-32"/>
3337 </div>
3438 </div>
3539 )