[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_400":-5,"_403":404,"_405":406},"routes/shell",{"_221":222,"_399":-5,"_400":-5,"_401":402},"routes/repo",{"_213":-7,"_214":215,"_216":217,"_218":219,"_220":26,"_221":222,"_223":26,"_224":26,"_225":26,"_226":26,"_227":26,"_228":26,"_229":34,"_230":41,"_231":26,"_232":-7,"_233":-7,"_234":235,"_236":237,"_238":239,"_240":-5,"_241":242,"_243":244,"_245":246,"_247":248},"routes/repo.commit",{"_13":14,"_15":16,"_17":18},"commit",{"_190":22,"_194":195,"_196":197,"_198":199,"_200":201,"_202":-5,"_203":201,"_204":205},"diff",{"_19":20,"_21":22,"_23":24,"_25":26},"checks",[],"old","7d9473f9f1a723d1b4ce8b3cb350997276549837","new","5dbd3bdd566ddf637a0eaf13444550e789f01db4","files",[27],"truncated",false,{"_28":29,"_19":30,"_21":-5,"_31":32,"_33":34,"_35":36,"_37":38},"path","posts/2021-03-12-me-on-the-web.md",{"_190":191,"_192":193},"kind","text","add",0,"del",86,"hunks",[39],{"_40":41,"_42":36,"_43":34,"_44":34,"_45":46},"aStart",1,"aLen","bStart","bLen","ops",[47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132],{"_133":35,"_134":136},{"_133":35,"_134":189},{"_133":35,"_134":188},{"_133":35,"_134":187},{"_133":35,"_134":186},{"_133":35,"_134":185},{"_133":35,"_134":184},{"_133":35,"_134":183},{"_133":35,"_134":182},{"_133":35,"_134":181},{"_133":35,"_134":180},{"_133":35,"_134":179},{"_133":35,"_134":178},{"_133":35,"_134":177},{"_133":35,"_134":176},{"_133":35,"_134":175},{"_133":35,"_134":174},{"_133":35,"_134":155},{"_133":35,"_134":173},{"_133":35,"_134":172},{"_133":35,"_134":171},{"_133":35,"_134":151},{"_133":35,"_134":150},{"_133":35,"_134":149},{"_133":35,"_134":140},{"_133":35,"_134":170},{"_133":35,"_134":169},{"_133":35,"_134":146},{"_133":35,"_134":145},{"_133":35,"_134":140},{"_133":35,"_134":168},{"_133":35,"_134":167},{"_133":35,"_134":142},{"_133":35,"_134":141},{"_133":35,"_134":140},{"_133":35,"_134":166},{"_133":35,"_134":138},{"_133":35,"_134":137},{"_133":35,"_134":165},{"_133":35,"_134":164},{"_133":35,"_134":155},{"_133":35,"_134":163},{"_133":35,"_134":162},{"_133":35,"_134":161},{"_133":35,"_134":151},{"_133":35,"_134":150},{"_133":35,"_134":149},{"_133":35,"_134":140},{"_133":35,"_134":160},{"_133":35,"_134":147},{"_133":35,"_134":146},{"_133":35,"_134":145},{"_133":35,"_134":140},{"_133":35,"_134":159},{"_133":35,"_134":143},{"_133":35,"_134":142},{"_133":35,"_134":141},{"_133":35,"_134":140},{"_133":35,"_134":158},{"_133":35,"_134":138},{"_133":35,"_134":137},{"_133":35,"_134":157},{"_133":35,"_134":156},{"_133":35,"_134":155},{"_133":35,"_134":154},{"_133":35,"_134":153},{"_133":35,"_134":152},{"_133":35,"_134":151},{"_133":35,"_134":150},{"_133":35,"_134":149},{"_133":35,"_134":140},{"_133":35,"_134":148},{"_133":35,"_134":147},{"_133":35,"_134":146},{"_133":35,"_134":145},{"_133":35,"_134":140},{"_133":35,"_134":144},{"_133":35,"_134":143},{"_133":35,"_134":142},{"_133":35,"_134":141},{"_133":35,"_134":140},{"_133":35,"_134":139},{"_133":35,"_134":138},{"_133":35,"_134":137},{"_133":35,"_134":136},{"_133":35,"_134":135},"tag","line","

I have many, many, many times explored new directions for my personal site. (My record of new direction to launched site is pretty abysmal, maybe 10:1 T__T) Those designs end up just living in a folder somewhere, so I wanted to give them a place to live here. It's cool to look back over the years at all the different directions, and watch the trends come and go.

[2012] The oldest concept I can find, but I know there are a few others. This was a simple approach. My title for this one was \"Full Stack Web Developer.\" I think around this time I had been contemplating leaving design and going eng full time.

[2013ish~] I quite liked this one – More of a splash page than a full site, but I was happy with it. I'll always remember this one because someone lifted it 1:1 and didn't even update the image links (there was a hover image asset that was hosted in my dropbox!) We brainstormed all sorts of fun ways we could mess with them.

[2015] Super corporate feeling. Glad I never built this! Doesn't match my vibe well.

[2015] And something completely different!

[2015] A much more editorial approach. I was writing a lot at this time, so it make sense.

More mobile first (I've lost a lot of these fonts, so things look pretty off.)

[2015] Probably the 5th or 6th direction I worked on this year. Lots of time designing websites to avoid doing class work :) (2015?)

There is about a 2-3 year gap here. I'm sure there are some other concepts between these – I'll have to try to dig them up.

[2019] A tablet-first approach focused on themed project tiles.

I thought this footer was pretty cool (a bit busy but...)

[2019] Dark simple direction. I was working on this one but realized I pulled inspo a bit too directly from another site I saw. Didn't feel great launching this one.

[2019] Evolving the above two concepts together.

There were some cool details here, like custom image h-scrolls do dive deep on a particular part of a project.

About direction. (IMO this was a bit much for me. Content is example copy.)

Project Tile WIPs from the above few concepts.

[2020] A fun departure from the other styles I'd been exploring. This was a sketch of a game level approach, with fun elements like a themed day/night cycle, experience bar based on years of experience, and more :)

[2020] Ended up simplifying down quite a bit. I like the blueprint-y feeling of this direction.

This is closest to my site as of writing this, but It will continue to evolve I'm sure!

[2021] Already thinking about how I can iterate on this direction to bring it a bit more to life, with more depth and a bit more character.

","---"," height: 3000"," width: 3000"," https://dl.airtable.com/.attachmentThumbnails/c3d49274f6eca3a273b66d8e68f1ef92/0a1d33c5"," url: >-"," full:"," height: 512"," width: 1024"," https://dl.airtable.com/.attachmentThumbnails/ef587f44fa41dc58254d16ab23460370/c837c238"," large:"," height: 36"," width: 72"," https://dl.airtable.com/.attachmentThumbnails/bc89901ab2036ba79bb4259408ce3bec/4a99aa5e"," small:"," thumbnails:"," type: image/jpeg"," size: 1316661"," filename: nate_web_hero_image.jpg"," https://dl.airtable.com/.attachments/282f977467e203e5f5da3cf7bca4233f/12a83930/nate_web_hero_image.jpg"," url: >-"," - id: attnVf4FEmqHSY0Ux","hero_image:"," https://dl.airtable.com/.attachmentThumbnails/7d9deb304432a259ebcb0a27614647d8/436df325"," https://dl.airtable.com/.attachmentThumbnails/aaad049891e4c4b780aedd4c3065b69f/b21924db"," https://dl.airtable.com/.attachmentThumbnails/9eea28c725f554ef31e73cc8cf16211a/7576debd"," size: 1316782"," filename: nate_web_2x1.jpg"," https://dl.airtable.com/.attachments/64b38004460f47921aae91b6fd64160e/d72feea6/nate_web_2x1.jpg"," - id: attOeMRocP1WxbMiX","wide_thumbnail:"," https://dl.airtable.com/.attachmentThumbnails/b1ef516e40b43551946ba43b6a3e1488/c8f47c2b"," width: 512"," https://dl.airtable.com/.attachmentThumbnails/4744e40f4426ffa0d6615ecf942c63a3/b3400e6c"," width: 36"," https://dl.airtable.com/.attachmentThumbnails/f228119264d907b2baf746cf3dc14a8b/da4a7bb7"," size: 848283"," filename: nate_web_1x1.jpg"," https://dl.airtable.com/.attachments/ec41ff3408ce125b35b0ac2773b9b163/c101b75a/nate_web_1x1.jpg"," - id: att6AO5mv0mLAzDRd","thumbnail:","show_thumbnail: true","featured: true"," - process"," - thought","tags:","primary_tag: thought","author: Nate Butler","date: '2021-03-12'","custom_slug: the-many-faces-of-a-website","slug: 2021-03-12-me-on-the-web","subtitle: A look back at all the versions and explored directions for my personal site.","title: Me on the Web","status: draft","post_visible: true","oid","58c889a","mode","100644","parents",[20],"author",{"_207":208,"_209":210,"_211":212},"committer",{"_207":208,"_209":210,"_211":212},"message","delete extra post","signature","subject","authors",[206],{"_207":208,"_209":210},"name","Nate Butler","email","iamnbutler@gmail.com","time",1618988533,"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",[355,356,357,358,359,360,361,362,363,364,365,366,367],"navigation",{"_234":235,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_133":325},"sources",[],"viewer","meta",{"_307":308,"_309":310,"_311":312,"_223":26,"_313":275,"_314":26,"_229":34,"_230":41},"branches",[251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306],"tags",[249,250],"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",[338,339,340],"documents",{"_335":336,"_337":34},"code",{"_331":332,"_333":334},"automations",{"_328":329,"_330":-5},"delivery",{"_326":34,"_327":-5},"ckQnXds0_OG2x4LL3veMKJ2xpXN","releases","applications","workflows",2,"deployments","commits",822,"changes",11,"counts",{},"total",{"_341":333,"_207":353,"_28":333,"_344":354,"_232":346,"_347":26,"_348":346,"_349":334},{"_341":350,"_207":351,"_28":350,"_344":352,"_232":346,"_347":26,"_348":346,"_349":34},{"_341":342,"_207":343,"_28":342,"_344":345,"_232":346,"_347":26,"_348":346,"_349":34},"id","issues","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_341":333,"_207":353,"_28":333,"_344":398,"_232":346,"_347":26,"_348":346},{"_341":350,"_207":351,"_28":350,"_344":397,"_232":346,"_347":26,"_348":346},{"_341":342,"_207":343,"_28":342,"_344":396,"_232":346,"_347":26,"_348":346},{"_341":393,"_207":394,"_28":393,"_344":395,"_232":26,"_347":26,"_348":346},{"_341":390,"_207":391,"_28":390,"_344":392,"_232":26,"_347":26,"_348":346},{"_341":328,"_207":388,"_28":321,"_344":389,"_232":26,"_347":26,"_348":346},{"_341":330,"_207":385,"_28":386,"_344":387,"_232":26,"_347":26,"_348":346},{"_341":326,"_207":383,"_28":326,"_344":384,"_232":26,"_347":26,"_348":346},{"_341":379,"_207":380,"_28":381,"_344":382,"_232":26,"_347":26,"_348":346},{"_341":317,"_207":377,"_28":317,"_344":378,"_232":26,"_347":26,"_348":26},{"_341":374,"_207":375,"_28":374,"_344":376,"_232":26,"_347":26,"_348":26},{"_341":371,"_207":372,"_28":371,"_344":373,"_232":26,"_347":26,"_348":26},{"_341":368,"_207":369,"_28":368,"_344":370,"_232":26,"_347":26,"_348":26},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794743311958,"sidebar","expanded"]