","

"," "," Hey, I'm Nate 👋🏻","

"," ","","---","].sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf());"," ...lists.map((item) => ({ ...item, type: \"list\" as const })),"," ...projects.map((item) => ({ ...item, type: \"project\" as const })),"," ...blogPosts.map((item) => ({ ...item, type: \"blog\" as const })),"," .map((item) => ({ ...item, type: \"shot\" as const })),"," .filter((shot) => shot.data.img)"," ...shots","const allContent = [","// Combine all content with type information","const lists = await getCollection(\"lists\", ({ data }) => !data.draft);","const projects = await getCollection(\"projects\", ({ data }) => !data.draft);","const blogPosts = await getCollection(\"blog\", ({ data }) => !data.draft);","const shots = await getCollection(\"shots\");","// Get all content collections","import IntroCard from \"@components/cards/IntroCard.astro\";","import ShotCard from \"@components/cards/ShotCard.astro\";","import ListCard from \"@components/cards/ListCard.astro\";","import ProjectCard from \"@components/cards/ProjectCard.astro\";","import BlogPostCard from \"@components/cards/BlogPostCard.astro\";","import { HOME } from \"@consts\";","import OutsetContainer from \"@components/OutsetContainer.astro\";",");"," }),"," return { ...item, Content };"," const { Content } = await item.render();"," allwork.map(async (item) => {","const work = await Promise.all("," .slice(0, SITE.NUM_WORKS_ON_HOMEPAGE);"," )"," new Date(a.data.dateStart).valueOf(),"," new Date(b.data.dateStart).valueOf() -"," (a, b) =>"," .sort(","const allwork = (await getCollection(\"work\"))"," .slice(0, 12);"," .sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())"," .filter((shot) => shot.data.img)","const shots = (await getCollection(\"shots\"))"," .slice(0, SITE.NUM_PROJECTS_ON_HOMEPAGE);"," .filter((project) => !project.data.draft)","const projects = (await getCollection(\"projects\"))"," .slice(0, SITE.NUM_POSTS_ON_HOMEPAGE);"," .filter((post) => !post.data.draft)","const blog = (await getCollection(\"blog\"))","import { Image } from \"astro:assets\";","import { SITE, HOME, SOCIALS } from \"@consts\";","import { dateRangeYears } from \"@lib/utils\";","import Link from \"@components/Link.astro\";","import ArrowCard from \"@components/ArrowCard.astro\";","import PageLayout from \"@layouts/PageLayout.astro\";","import Container from \"@components/Container.astro\";","import { getCollection } from \"astro:content\";","oid","0c26b05","mode","100644","56b44da","src/components/cards/ShotCard.astro",{"_435":492,"_437":438},26,0,[445],{"_62":443,"_64":443,"_66":24,"_67":442,"_69":446},[447,448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472],{"_280":55,"_282":382},{"_280":55,"_282":491},{"_280":55,"_282":427},{"_280":55,"_282":336},{"_280":55,"_282":490},{"_280":55,"_282":489},{"_280":55,"_282":488},{"_280":55,"_282":336},{"_280":55,"_282":487},{"_280":55,"_282":382},{"_280":55,"_282":336},{"_280":55,"_282":486},{"_280":55,"_282":485},{"_280":55,"_282":484},{"_280":55,"_282":483},{"_280":55,"_282":482},{"_280":55,"_282":481},{"_280":55,"_282":480},{"_280":55,"_282":479},{"_280":55,"_282":478},{"_280":55,"_282":477},{"_280":55,"_282":476},{"_280":55,"_282":475},{"_280":55,"_282":284},{"_280":55,"_282":474},{"_280":55,"_282":473},"

","

","const { className = \"\" } = Astro.props;"," className?: string;","export interface Props {","5ef1406","src/components/cards/BlogPostCard.astro",{"_435":945,"_437":438},81,[819],{"_62":443,"_64":443,"_66":24,"_67":817,"_69":820},[821,822,823,824,825,826,827,828,829,830,831,832,833,834,835,836,837,838,839,840,841,842,843,844,845,846,847,848,849,850,851,852,853,854,855,856,857,858,859,860,861,862,863,864,865,866,867,868,869,870,871,872,873,874,875,876,877,878,879,880,881,882,883,884,885,886,887,888,889,890,891,892,893,894,895,896,897,898,899,900,901],{"_280":55,"_282":382},{"_280":55,"_282":491},{"_280":55,"_282":336},{"_280":55,"_282":490},{"_280":55,"_282":944},{"_280":55,"_282":488},{"_280":55,"_282":336},{"_280":55,"_282":943},{"_280":55,"_282":336},{"_280":55,"_282":942},{"_280":55,"_282":941},{"_280":55,"_282":940},{"_280":55,"_282":939},{"_280":55,"_282":336},{"_280":55,"_282":938},{"_280":55,"_282":937},{"_280":55,"_282":936},{"_280":55,"_282":935},{"_280":55,"_282":934},{"_280":55,"_282":933},{"_280":55,"_282":932},{"_280":55,"_282":931},{"_280":55,"_282":930},{"_280":55,"_282":929},{"_280":55,"_282":928},{"_280":55,"_282":927},{"_280":55,"_282":926},{"_280":55,"_282":925},{"_280":55,"_282":336},{"_280":55,"_282":924},{"_280":55,"_282":923},{"_280":55,"_282":922},{"_280":55,"_282":627},{"_280":55,"_282":336},{"_280":55,"_282":921},{"_280":55,"_282":488},{"_280":55,"_282":336},{"_280":55,"_282":920},{"_280":55,"_282":382},{"_280":55,"_282":336},{"_280":55,"_282":747},{"_280":55,"_282":919},{"_280":55,"_282":745},{"_280":55,"_282":485},{"_280":55,"_282":918},{"_280":55,"_282":917},{"_280":55,"_282":482},{"_280":55,"_282":916},{"_280":55,"_282":915},{"_280":55,"_282":914},{"_280":55,"_282":729},{"_280":55,"_282":913},{"_280":55,"_282":912},{"_280":55,"_282":911},{"_280":55,"_282":910},{"_280":55,"_282":909},{"_280":55,"_282":908},{"_280":55,"_282":793},{"_280":55,"_282":599},{"_280":55,"_282":284},{"_280":55,"_282":336},{"_280":55,"_282":907},{"_280":55,"_282":905},{"_280":55,"_282":906},{"_280":55,"_282":903},{"_280":55,"_282":284},{"_280":55,"_282":336},{"_280":55,"_282":597},{"_280":55,"_282":905},{"_280":55,"_282":904},{"_280":55,"_282":903},{"_280":55,"_282":723},{"_280":55,"_282":902},{"_280":55,"_282":721},{"_280":55,"_282":720},{"_280":55,"_282":719},{"_280":55,"_282":718},{"_280":55,"_282":717},{"_280":55,"_282":284},{"_280":55,"_282":474},{"_280":55,"_282":473}," post.data.date.toLocaleDateString(\"en-US\", {"," >"," class=\"absolute bottom-4 left-6 text-xs text-gray-500 bg-white px-2 py-1 rounded\""," "," {preview}","

","

"," {post.data.description}","

"," {post.data.title}","

","
"," class=\"block w-full h-full p-6 flex flex-col\""," href={`/blog/${post.slug}`}"," class=\"aspect-square bg-white border border-gray-200 rounded-lg overflow-hidden relative group hover:shadow-lg transition-shadow duration-200\"","const preview = extractPreview(post.body);"," return plainText;"," plainText = plainText.substring(0, maxLength).trim() + \"...\";"," if (plainText.length > maxLength) {"," // Truncate to maxLength"," .trim();"," .replace(/\\n{3,}/g, \"\\n\\n\") // Collapse multiple newlines"," .replace(/^\\s\\d+\\.\\s+/gm, \"\") // Remove ordered list numbers"," .replace(/^\\s[-+]\\s+/gm, \"\") // Remove list markers"," .replace(/_([^_]+)_/g, \"$1\") // Remove italic underscore"," .replace(/\$[^]+)\\/g, \"$1\") // Remove italic"," .replace(/\\\\([^]+)\\\\/g, \"$1\") // Remove bold"," .replace(/`([^`]+)`/g, \"$1\") // Remove inline code formatting"," .replace(/```[\\s\\S]?```/g, \"[code block]\") // Replace code blocks"," .replace(/#{1,6}\\s+/g, \"\") // Remove headers"," .replace(/\\[([^\\]]+)\\]\\(.?\$/g, \"$1\") // Remove link URLs, keep text"," .replace(/!\\[.?\\]\$.?\$/g, \"[image]\") // Replace images with placeholder"," let plainText = withoutFrontmatter"," // Basic markdown to plain text conversion"," const withoutFrontmatter = content.replace(/^---[\\s\\S]?---\\s*/, \"\");"," // Remove frontmatter","function extractPreview(content: string, maxLength: number = 300): string {","// Function to extract plain text preview from markdown","const { post } = Astro.props;"," post: CollectionEntry<\"blog\">;","f7425ce","src/components/Header.astro",{"_435":1005,"_437":438},{"_435":1004,"_437":438},3,16,[952],{"_62":953,"_64":954,"_66":953,"_67":955,"_69":956},6,27,14,[957,958,959,960,961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980,981,982,983,984,985,986],{"_280":281,"_282":336},{"_280":281,"_282":1003},{"_280":281,"_282":380},{"_280":57,"_282":1002},{"_280":55,"_282":905},{"_280":55,"_282":1001},{"_280":55,"_282":903},{"_280":281,"_282":1000},{"_280":281,"_282":999},{"_280":281,"_282":998},{"_280":281,"_282":330},{"_280":281,"_282":997},{"_280":57,"_282":996},{"_280":57,"_282":995},{"_280":57,"_282":992},{"_280":57,"_282":991},{"_280":57,"_282":990},{"_280":57,"_282":994},{"_280":57,"_282":992},{"_280":57,"_282":991},{"_280":57,"_282":990},{"_280":57,"_282":993},{"_280":57,"_282":992},{"_280":57,"_282":991},{"_280":57,"_282":990},{"_280":57,"_282":989},{"_280":57,"_282":988},{"_280":281,"_282":284},{"_280":281,"_282":283},{"_280":281,"_282":987},""," "," shots "," "," {`/`}"," "," lists "," projects "," blog ","
"," "," {SITE.NAME}","
"," "," class=\"flex flex-wrap gap-y-2 justify-between opacity-0 hover:opacity-100\"","
","
","a286586","a09b616","id","01JZGKT448DBK0E0GWBGH3B9GY","project","number",38,"title","Refactor home design","description",{"_1045":1046,"_54":1047},"state","merged","base",{"_1008":18,"_1041":1044,"_1043":36},"head",{"_1008":18,"_1041":1042,"_1043":38},"mergeRevision","c6e62380958c9077ee1e16bbc2f1bb138ec78b05","implements",[],"addresses",[],"createdBy",{"_1037":1038},"createdAt","2025-07-06T19:36:05.000Z","updatedAt","2025-07-06T19:36:21.000Z","locked","fork","headAvailable",true,"actor",{"_53":1039,"_1006":1040},"user","import:github:1714999","branch","refs/pull/38/head","revision","refs/heads/main","format","markdown","Before: \r\n\r\n![CleanShot 2025-07-06 at 15 35 15@2x](https://github.com/user-attachments/assets/4ff6f4c8-8783-4d5a-a4cd-704a2347b08d)\r\n\r\nAfter:\r\n\r\n![CleanShot 2025-07-06 at 15 35 56@2x](https://github.com/user-attachments/assets/39a12c5f-dd44-492c-a887-c28d1b0fa07a)\r\n","iamnbutler","documentNavigation","repo","iamnbutler/iamnbutler.github.io","repoId","ownerId","user:1714999","site","nexthub","private","admin","settings","triage","starred","stars","watchers","watching","pinned","notify","views",[1180,1181,1182,1183,1184,1185,1186,1187,1188,1189,1190,1191,1192],"navigation",{"_1067":1068,"_1143":1144,"_1145":1146,"_1147":1148,"_1149":1150,"_1151":1152,"_280":1153},"sources",[],"meta",{"_1013":1139,"_1140":1048,"_1141":336,"_1057":22,"_1019":1107,"_1142":22,"_1062":443,"_1063":24},"branches",[1083,1084,1085,1086,1087,1088,1089,1090,1091,1092,1093,1094,1095,1096,1097,1098,1099,1100,1101,1102,1103,1104,1105,1106,1107,1108,1109,1110,1111,1112,1113,1114,1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126,1127,1128,1129,1130,1131,1132,1133,1134,1135,1136,1137,1138],"tags",[1081,1082],"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","Personal Site","owner","section","empty","pins",[1164,1165,1166],"documents",{"_1161":1162,"_1163":443},"code",{"_23":1158,"_1159":1160},"automations",{"_1156":63,"_1157":-5},"delivery",{"_1154":443,"_1155":-5},"ckQnXds0_OG2x4LL3veMKJ2xpXN","releases","applications","workflows","deployments",822,"changes",11,"counts",{},"total",{"_1006":1159,"_1168":1178,"_49":1159,"_1170":1179,"_1065":1036,"_1172":22,"_1173":1036,"_1174":1160},{"_1006":1175,"_1168":1176,"_49":1175,"_1170":1177,"_1065":1036,"_1172":22,"_1173":1036,"_1174":443},{"_1006":1167,"_1168":1169,"_49":1167,"_1170":1171,"_1065":1036,"_1172":22,"_1173":1036,"_1174":443},"issues","name","Issues","filters",{},"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_1006":1159,"_1168":1178,"_49":1159,"_1170":1223,"_1065":1036,"_1172":22,"_1173":1036},{"_1006":1175,"_1168":1176,"_49":1175,"_1170":1222,"_1065":1036,"_1172":22,"_1173":1036},{"_1006":1167,"_1168":1169,"_49":1167,"_1170":1221,"_1065":1036,"_1172":22,"_1173":1036},{"_1006":1218,"_1168":1219,"_49":1218,"_1170":1220,"_1065":22,"_1172":22,"_1173":1036},{"_1006":1215,"_1168":1216,"_49":1215,"_1170":1217,"_1065":22,"_1172":22,"_1173":1036},{"_1006":1156,"_1168":1213,"_49":1149,"_1170":1214,"_1065":22,"_1172":22,"_1173":1036},{"_1006":1157,"_1168":1210,"_49":1211,"_1170":1212,"_1065":22,"_1172":22,"_1173":1036},{"_1006":1154,"_1168":1208,"_49":1154,"_1170":1209,"_1065":22,"_1172":22,"_1173":1036},{"_1006":1204,"_1168":1205,"_49":1206,"_1170":1207,"_1065":22,"_1172":22,"_1173":1036},{"_1006":1145,"_1168":1202,"_49":1145,"_1170":1203,"_1065":22,"_1172":22,"_1173":22},{"_1006":1199,"_1168":1200,"_49":1199,"_1170":1201,"_1065":22,"_1172":22,"_1173":22},{"_1006":1196,"_1168":1197,"_49":1196,"_1170":1198,"_1065":22,"_1172":22,"_1173":22},{"_1006":1193,"_1168":1194,"_49":1193,"_1170":1195,"_1065":22,"_1172":22,"_1173":22},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups",[],"now",1794435016919,"sidebar","expanded"]

Work

Projects

Shots

Posts