{title}

"," {secondaryNav && (","

","

{nav}

","

"," "," "," "," {title}"," ","

","

"," <>"," return (",5,[267,268,269,270,271],{"_134":135,"_136":275},{"_134":36,"_136":274},{"_134":135,"_136":140},{"_134":135,"_136":273},{"_134":135,"_136":272}," title?: string","interface LayoutProps {","import Header from \"./Header\"","import Head from \"next/head\"","e7aeaa0","a7492e5","components/Header.tsx",{"_215":539,"_217":218},145,0,[283],{"_42":281,"_44":281,"_46":43,"_47":280,"_48":284},[285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,419,420,421,422,423,424,425,426,427,428,429],{"_134":36,"_136":538},{"_134":36,"_136":537},{"_134":36,"_136":536},{"_134":36,"_136":526},{"_134":36,"_136":535},{"_134":36,"_136":534},{"_134":36,"_136":533},{"_134":36,"_136":532},{"_134":36,"_136":531},{"_134":36,"_136":530},{"_134":36,"_136":529},{"_134":36,"_136":528},{"_134":36,"_136":527},{"_134":36,"_136":526},{"_134":36,"_136":525},{"_134":36,"_136":524},{"_134":36,"_136":523},{"_134":36,"_136":522},{"_134":36,"_136":521},{"_134":36,"_136":520},{"_134":36,"_136":519},{"_134":36,"_136":518},{"_134":36,"_136":140},{"_134":36,"_136":517},{"_134":36,"_136":493},{"_134":36,"_136":516},{"_134":36,"_136":515},{"_134":36,"_136":514},{"_134":36,"_136":489},{"_134":36,"_136":493},{"_134":36,"_136":513},{"_134":36,"_136":512},{"_134":36,"_136":511},{"_134":36,"_136":489},{"_134":36,"_136":493},{"_134":36,"_136":510},{"_134":36,"_136":509},{"_134":36,"_136":508},{"_134":36,"_136":489},{"_134":36,"_136":488},{"_134":36,"_136":140},{"_134":36,"_136":507},{"_134":36,"_136":493},{"_134":36,"_136":506},{"_134":36,"_136":505},{"_134":36,"_136":504},{"_134":36,"_136":489},{"_134":36,"_136":488},{"_134":36,"_136":140},{"_134":36,"_136":503},{"_134":36,"_136":493},{"_134":36,"_136":502},{"_134":36,"_136":501},{"_134":36,"_136":500},{"_134":36,"_136":489},{"_134":36,"_136":493},{"_134":36,"_136":499},{"_134":36,"_136":498},{"_134":36,"_136":497},{"_134":36,"_136":489},{"_134":36,"_136":493},{"_134":36,"_136":496},{"_134":36,"_136":495},{"_134":36,"_136":494},{"_134":36,"_136":489},{"_134":36,"_136":493},{"_134":36,"_136":492},{"_134":36,"_136":491},{"_134":36,"_136":490},{"_134":36,"_136":489},{"_134":36,"_136":488},{"_134":36,"_136":140},{"_134":36,"_136":487},{"_134":36,"_136":486},{"_134":36,"_136":485},{"_134":36,"_136":484},{"_134":36,"_136":483},{"_134":36,"_136":159},{"_134":36,"_136":140},{"_134":36,"_136":482},{"_134":36,"_136":481},{"_134":36,"_136":159},{"_134":36,"_136":140},{"_134":36,"_136":480},{"_134":36,"_136":479},{"_134":36,"_136":478},{"_134":36,"_136":477},{"_134":36,"_136":476},{"_134":36,"_136":475},{"_134":36,"_136":474},{"_134":36,"_136":140},{"_134":36,"_136":473},{"_134":36,"_136":472},{"_134":36,"_136":140},{"_134":36,"_136":471},{"_134":36,"_136":470},{"_134":36,"_136":469},{"_134":36,"_136":140},{"_134":36,"_136":264},{"_134":36,"_136":468},{"_134":36,"_136":467},{"_134":36,"_136":466},{"_134":36,"_136":465},{"_134":36,"_136":464},{"_134":36,"_136":463},{"_134":36,"_136":462},{"_134":36,"_136":461},{"_134":36,"_136":460},{"_134":36,"_136":459},{"_134":36,"_136":458},{"_134":36,"_136":457},{"_134":36,"_136":430},{"_134":36,"_136":159},{"_134":36,"_136":140},{"_134":36,"_136":456},{"_134":36,"_136":455},{"_134":36,"_136":264},{"_134":36,"_136":454},{"_134":36,"_136":453},{"_134":36,"_136":452},{"_134":36,"_136":451},{"_134":36,"_136":450},{"_134":36,"_136":449},{"_134":36,"_136":140},{"_134":36,"_136":448},{"_134":36,"_136":447},{"_134":36,"_136":446},{"_134":36,"_136":445},{"_134":36,"_136":444},{"_134":36,"_136":443},{"_134":36,"_136":442},{"_134":36,"_136":441},{"_134":36,"_136":440},{"_134":36,"_136":439},{"_134":36,"_136":438},{"_134":36,"_136":437},{"_134":36,"_136":140},{"_134":36,"_136":436},{"_134":36,"_136":435},{"_134":36,"_136":434},{"_134":36,"_136":433},{"_134":36,"_136":432},{"_134":36,"_136":431},{"_134":36,"_136":430},{"_134":36,"_136":159}," )"," "," "," ))}","

{item.icon}

"," {social.map((item) => ("," ","

"," "," ))}"," "," "," "," {item.icon}"," "," ","

"," {nav.map((item) => ("," "," "," Nate Butler"," "," ","

","

"," const placement = \"bottom\"","export default function Header() {"," "," "," {link.name}"," {link.icon && {link.icon}}"," >"," `}"," space-x-4 items-center"," ${navLinkStyle.common}"," ${current ? navLinkStyle.active : navLinkStyle.inactive}"," className={`"," "," }"," current = true"," if (currentPath.includes(href)) {"," let currentPath = useRouter().asPath"," let current = false"," link.url ? (href = link.url) : (href = `/${link.slug}`)"," let href = \"\"","function NavLinkItem({ link }: NavLinkItemProps) {"," **/"," * If a `url` isn't passed, use `slug` to create an link"," * Build nav link items.","/**"," link: NavLink","interface NavLinkItemProps {"," icon?: ReactNode"," url?: string"," slug?: string"," name: string","interface NavLink {","]"," },"," icon: ,"," url: \"https://read.cv/natebutler\","," name: \"Read.cv\","," {"," icon: ,"," url: \"https://codepen.io/iamnbutler\","," name: \"Codepen\","," icon: ,"," url: \"https://twitter.com/iamnbutler\","," name: \"Twitter\","," icon: ,"," url: \"https://github.com/iamnbutler/\","," name: \"Github\",","const social = ["," url: \"https://designdocs.co/\","," slug: \"design-docs\","," name: \"Design Docs\",","const projects = ["," icon: ,"," href: \"list\","," name: \"Lists\","," icon: ,"," href: \"writing\","," name: \"Writing\","," icon: ,"," href: \"timeline\","," name: \"Timline\",","const nav = [","import { ReactNode } from \"react\"","} from '@floating-ui/react-dom';"," useFloating,"," autoUpdate,"," shift,"," flip,"," offset,"," Placement,","import {","} from \"assets/Icons\""," AlienIcon,"," ListIcon,"," PencilIcon,"," TimelineIcon,"," ReadmeIcon,"," GithubIcon,"," TwitterIcon,"," CodepenIcon,","import { useRouter } from \"next/router\"","import { navLinkStyle } from \"./Styles\"","import Link from \"next/link\"","73e9beb","parents",[20],"author",{"_553":554,"_555":556,"_557":558},"committer",{"_553":554,"_555":556,"_557":558},"message","wip","signature","subject","authors",[552],{"_553":554,"_555":556},"name","Nate Butler","email","iamnbutler@gmail.com","time",1656714026,"documentNavigation","repo","iamnbutler/iamnbutler.github.io","repoId","077a62f3-be49-4ad9-923b-62e0436d739f","ownerId","user:1714999","organization","site","nexthub","private","admin","settings","maintainer","triage","starred","stars","watchers","watching","pinned","notify","views",[700,701,702,703,704,705,706,707,708,709,710,711,712],"navigation",{"_580":581,"_660":661,"_662":663,"_664":665,"_666":667,"_668":669,"_134":670},"sources",[],"viewer","meta",{"_653":654,"_655":656,"_657":140,"_569":26,"_658":621,"_659":26,"_575":281,"_576":43},"branches",[597,598,599,600,601,602,603,604,605,606,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625,626,627,628,629,630,631,632,633,634,635,636,637,638,639,640,641,642,643,644,645,646,647,648,649,650,651,652],"tags",[595,596],"cloneUrl","https://git.nexthub.sh/iamnbutler/iamnbutler.github.io.git","v18.0.0","v19.0.0","14-2","2017.3","add-gpui-extended-context-post","add-post-tags","backblaze-assets","dependabot/npm_and_yarn/defu-6.1.6","dependabot/npm_and_yarn/devalue-5.8.1","dependabot/npm_and_yarn/h3-1.15.10","dependabot/npm_and_yarn/multi-04ca55b44c","dependabot/npm_and_yarn/picomatch-2.3.2","dependabot/npm_and_yarn/postcss-8.5.14","dependabot/npm_and_yarn/rollup-4.59.0","dependabot/npm_and_yarn/smol-toml-1.6.1","dependabot/npm_and_yarn/svelte-5.55.7","dependabot/npm_and_yarn/svgo-4.0.1","dependabot/npm_and_yarn/vite-6.4.2","fix-backblaze-integration","fix-backblaze-issue-take2","glfs-test","global-tags","gpui-ui-post","import-and-sort","integrate-data-repo","lists","main","mellow-fjord/site-reliability-cleanup","nate-journal","revert-34-fix-backblaze-integration","tiny-search-2","unified-feed","update-nuxt","v-11","v-12","v-13","v-14","v-15","v-16","v-18","v-19","v-20","v-21","v-3","v-4","v11-newsprint","v14-1","v14-effect","v18","v19/add-mh-2","v21","v23","v5-04-21-06","v5-static","v8","v8_js","v9","v9-2020-eleventy","description","Personal Site","owner","iamnbutler","section","head","empty","pins",[683,684,685],"documents",{"_680":681,"_682":281},"code",{"_676":677,"_678":679},"automations",{"_673":674,"_675":-5},"delivery",{"_671":281,"_672":-5},"ckQnXds0_OG2x4LL3veMKJ2xpXN","releases","applications","workflows",2,"deployments","commits",822,"changes",11,"counts",{},"total",{"_686":678,"_553":698,"_30":678,"_689":699,"_578":691,"_692":26,"_693":691,"_694":679},{"_686":695,"_553":696,"_30":695,"_689":697,"_578":691,"_692":26,"_693":691,"_694":281},{"_686":687,"_553":688,"_30":687,"_689":690,"_578":691,"_692":26,"_693":691,"_694":281},"id","issues","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_686":678,"_553":698,"_30":678,"_689":743,"_578":691,"_692":26,"_693":691},{"_686":695,"_553":696,"_30":695,"_689":742,"_578":691,"_692":26,"_693":691},{"_686":687,"_553":688,"_30":687,"_689":741,"_578":691,"_692":26,"_693":691},{"_686":738,"_553":739,"_30":738,"_689":740,"_578":26,"_692":26,"_693":691},{"_686":735,"_553":736,"_30":735,"_689":737,"_578":26,"_692":26,"_693":691},{"_686":673,"_553":733,"_30":666,"_689":734,"_578":26,"_692":26,"_693":691},{"_686":675,"_553":730,"_30":731,"_689":732,"_578":26,"_692":26,"_693":691},{"_686":671,"_553":728,"_30":671,"_689":729,"_578":26,"_692":26,"_693":691},{"_686":724,"_553":725,"_30":726,"_689":727,"_578":26,"_692":26,"_693":691},{"_686":662,"_553":722,"_30":662,"_689":723,"_578":26,"_692":26,"_693":26},{"_686":719,"_553":720,"_30":719,"_689":721,"_578":26,"_692":26,"_693":26},{"_686":716,"_553":717,"_30":716,"_689":718,"_578":26,"_692":26,"_693":26},{"_686":713,"_553":714,"_30":713,"_689":715,"_578":26,"_692":26,"_693":26},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794639969549,"sidebar","expanded"]