{file.name}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_301":302,"_303":304},"routes/_app.x.$handle.$name",{"_100":99,"_31":43,"_108":86,"_26":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":24,"_125":126,"_127":58,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":53,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",61,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","posts/README.md","latestPath","fileId","6485808c-e75c-11f0-998d-42dde27851f2","name","README.md","fileType","content","# Steve Krouse's README\n\n👋 Hi, I'm Steve. This README explains a bit about me, the standards I hold\nmyself to and how to work best with me. Hopefully, reading this document will\nsave you some time learning my quirks the old-fashioned way. If you find me not\nliving up to my own standards, please let me know, so I can make it right.\n\n## A bit about me\n\n- I was born in NYC and raised in South Florida\n- I'm a big audiobook reader\n- I dropped out of Penn after 3 semesters\n- I'm Bret Victor and Alan Kay fanboy\n- I'm passionate about programming and education\n- I'm a Crystal Palace supporter\n\n## Values\n\nThese are some of the standards I hold myself to, and traits I value in others.\n\n1. **Integrity** – honesty, accountability, doing the right thing. Doing what\n you'll say you'll do. Not lying. Not taking advantage of people. Being\n responsible. Integrity is the cornerstone of trust, and trust lets us all go\n further, faster.\n\n2. **Kindness** – treating people with respect, patience, good-will. Wanting the\n best for others. Taking pleasure in helping people. Taking others'\n perspectives and emotion into account, and treating them with care and\n empathy. Working _with_ people instead of manipulating them.\n\n3. **Resourcefulness** – leveraging all resources and clever thinking to\n identify and solve problems. Not getting stuck, spiraling, or getting\n discouraged. Asking for help when you need it – other people are some of the\n best resources! – but not bothering people until you've done your homework\n first.\n\n## Async communication\n\nI love async communication.\n\nI regularly check:\n\n- email\n- text\n- facebook messenger\n- whatsapp\n- twitter DMs\n- bluesky\n- linkedin\n\nI try to at least acknowledge receipt of all non-spam messages within a day or\ntwo. Always feel free to bump a message to urge me to reply more quickly.\n\nI'm a big fan of sending and receiving audio or video messages when it makes\nsense more than text. For example, for giving feedback on an essay or a website,\ndemoing a bug, or teaching how to do something.\n\nI may message you at odd hours, but that doesn't mean I expect a reply right\naway. That's what's so great about async communication: the sender can send\nmessages at the right time for them, and the receiver can reply at the right\ntime for them, and those can be two very different times.\n\nWhen there's a tense, fraught, complex, or important conversation happening on\nDMs, I try to quickly bounce to synchronous conversation, like phone call. A lot\ncan be lost in textual communication that can be easily cleared up with the tone\nof a human voice.\n\n## Giving feedback\n\nI love giving feedback, though I've found my feedback isn't always well\nreceived. My favorite way to give feedback is in a stream-of-conscious style,\nwherein I document all my reactions to the work. It's exactly how I review my\nown work. There's minimal sugar coating. I may highlight parts and simply say\n\"wordy\" or \"nonsense\" or \"delete\" or \"repetitive\" or \"word choice\" or \"did an AI\nwrite this?\".\n\nIt's very important to understand that I want you to interpret these as\n**reactions**. I am not claiming to know what's right. I am not demanding you\nmake any change. I am trying to give you the gift of knowing what goes inside\nthe head of one person when they read your work. It's a very vulnerable thing\nfor me to do – giving you an unfiltered view into my head – and I find that I'm\nbest at it when I don't worry about what you'll think about what I think.\n\nSo when reading my feedback, take with with a grain of salt. I am just one\nperson. I may not be your intended audience. I can be wrong. Maybe I misread\nsomething. My reactions are intended for you to read, reflect on, and then do\nwhat you want. They are a single data point. They do not need any reply. They do\nnot require any action on your part. If you think my reaction is irrelevant,\nignore it! Let my reactions wash over you, and then do what you think is best.\n\n## Receiving feedback\n\nI love to receive feedback, and really appreciate it when it's given in any\nform. I see it as my responsibility to make it as easy and painless for you to\ngive me feedback.\n\nI absolutely love friction logs. They're one of the best gifts you can give me.\n[Here's a great guide on how to write one](https://blog.sbensu.com/posts/friction-logs/),\nbut don't feel like yours has to be so structured. If easier, just turn on your\ncamera, screen recorder and mic, and talk me through your feedback.\n\n## Rough edges\n\nI have a couple of rough edges that I am aware of. While I'm working on them and\nhope you don't have to experience them, I find it helpful for folks to know what\nthey are just in case.\n\nIf I'm making you feel bad, it's likely because I'm making you feel flustered or\ndumb. I hope I never do this to you. If I do, know that I am not doing it on\npurpose, and am sorry about it. Likely it means that I'm feeling stupid or\noverwhelmed, and am trying to protect myself by projecting the stupid onto you.\nIf you're brave and self-aware enough to say, \"You're making me feel stupid\",\nthose are magic words to fix the situation. It will help me adjust my own\nattitude, de-escalate, and apologize.\n\nAlso know that my first reaction to an idea is not the final word on it, so\ndon't try to read into it too much. If you think I'm wrong, that's great! It\nmeans that there's something for one or both of us to learn. I admire people who\ncan self-advocate for themselves and their beliefs. If I am being dismissive of\nyou or your ideas, please call me out on it, so I can give them the focus they\ndeserve.\n\n## Tools\n\nThis one is a bit random, but I want everyone I work with to use the following\ntools, or equivalents. Otherwise, it's just annoying to watch you use your\ncomputer 😝. They are quick to install. Then you just have to pick keyboard\nshortcuts and learn them. It's a very worthwhile investment. You won't know how\nyou lived without them.\n\n1. [Clipboard manager](https://maccy.app/) - if you think cmd+c is useful, wait\n till you can cmd+c multiple things\n\n2. [Window manager](https://rectangleapp.com/) - for looking at things\n side-by-side.\n\n3. [Screen Recording](https://cleanshot.com/) - for async communication. You can\n skip a lot of meetings with a good screen recording.\n\n## Parting ways\n\nI want to build a work culture where we celebrate people for:\n\n1. **Long tenures**. Folks should feel like there's no artificial ceiling to\n learning, growing, and compensation on my team.\n2. **Parting on good terms**. There's not always room for everyone's dreams at\n every company, and we want to celebrate our people chasing their dreams,\n wherever that takes them.\n\nIf you're thinking of quitting on me, I'd first ask that you let me know that\nyou're unhappy or thinking of a move as early as possible so that I can do all\nthat I possibly can to fix things to make you happy to stay. Even if it seems\nimpossible, please let me know, because you might be wrong. If it doesn't seem\nlike I understand the urgency of your request, let me know that too.\n\nTypically, when an employee wants to leave an employer, they keep that knowledge\nsecret until they are ready to hand-in their two-weeks notice. This is very\nsensible, considering that the employer may decide after hearing this to\nimmediately fire the employee or otherwise treat the employee badly.\n\nI find this pattern sub-optimal and would like to propose an alternative to\nanyone I manage: trust me like your mentor that has your best interests at\nheart. If you are unhappy working with me or plan to leave, let me know as soon\nas possible, so that I can address it or prepare. In return for this trust, I\ncan promise that I will treat you right. I won't fire you or be upset. On the\ncontrary, I'll be incredibly grateful, and even more helpful you in your next\nsteps.\n\nI have the receipts. I told this to an employee who later took me up on it. She\neven asked me to even be her reference for her future employer. I gave a glowing\nreference, she got the job, and we had a very pleasant final weeks together. If\nyou'd like to speak to her as a reference, let me know! I hope to treat you so\nwell in this situation that you too will be an employee reference for me in the\nfuture.","createdAt",["D",1767304445759],"branchVersion","branchId","4839b4b2-de23-11f0-816e-42dde27851f2","id","48375500-de23-11f0-816e-42dde27851f2","shapedlinesdotcom",["D",1766290356487],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","personal site, forked from steve ( for now :) ) ","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c50e3472-e5d2-4b60-5702-1517f2763a00/square512?exp=1789552799&sig=1ec07a6d6b59337cfaf3474c07ff66ab0cbf6d267889438d72196459b9803e1f","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","019b3f1b-f949-7608-a498-65a2cde27489","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":54,"_104":105,"_106":24},"branch",{"_13":85,"_31":86,"_41":40,"_87":42,"_88":89,"_90":91,"_92":48,"_93":94,"_95":96,"_97":43,"_98":99},"isOwned",96,"main","projectId","forkedBranchId","9724c258-e985-11ef-b2c8-e6cdfca9ef9f","forkedBranchVersion",502,"forkedProjectPrivacy","forkedProjectId","972467e0-e985-11ef-b2c8-e6cdfca9ef9f","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","shapedlines","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":297,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":53,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":298,"_80":299,"_82":300,"_84":24},"tree",[228,233,234,235,236,237,238,239,240],"files",[228,229,230,231,232,233,234,235,236,237,238,239,240],"counts",{"_218":62,"_219":157,"_220":62,"_221":222,"_223":224},"contents",[144,145,146,147,148,149,150,151,152],"upstreamProject",{"_41":94,"_31":140,"_50":141,"_52":-5,"_47":48,"_78":142},"upstreamBranch",{"_41":89,"_36":133,"_134":135,"_31":86,"_87":94,"_13":136,"_88":-5,"_90":-5,"_137":138,"_45":-5,"_84":24,"_47":48,"_98":139,"_63":96,"_97":140},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_56":132},"shapedlines.com",["D",1739394544742],"updatedAt",["D",1784749093711],1160,"lockfileKey","1784749093847-esm.town_v_stevekrouse_stevekrouse_dot_com@1160-main","stevekrouse","stevekrouse_dot_com","The personal site of Steve Krouse, stevekrouse.com",{"_100":139,"_107":143},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_41":211,"_31":212,"_29":213,"_156":-5,"_39":40,"_38":214,"_158":58,"_36":215,"_13":62,"_33":216,"_34":-5,"_23":24,"_162":-5,"_26":217},{"_41":204,"_31":205,"_29":206,"_156":-5,"_39":40,"_38":207,"_158":58,"_36":208,"_13":62,"_33":20,"_34":209,"_23":24,"_162":-5,"_26":210},{"_41":197,"_31":198,"_29":199,"_156":-5,"_39":40,"_38":200,"_158":58,"_36":201,"_13":62,"_33":20,"_34":202,"_23":24,"_162":-5,"_26":203},{"_41":193,"_31":32,"_29":194,"_156":-5,"_39":40,"_38":168,"_158":58,"_36":195,"_13":157,"_33":20,"_34":109,"_23":24,"_162":-5,"_26":196},{"_41":186,"_31":187,"_29":188,"_156":-5,"_39":40,"_38":189,"_158":58,"_36":190,"_13":62,"_33":20,"_34":191,"_23":24,"_162":-5,"_26":192},{"_41":180,"_31":181,"_29":182,"_156":-5,"_39":40,"_38":157,"_158":58,"_36":183,"_13":62,"_33":160,"_34":184,"_23":24,"_162":-5,"_26":185},{"_41":172,"_31":173,"_29":174,"_156":-5,"_39":40,"_38":175,"_158":24,"_36":176,"_13":177,"_33":160,"_34":178,"_23":24,"_162":-5,"_26":179},{"_41":164,"_31":165,"_29":56,"_156":-5,"_39":40,"_38":166,"_158":24,"_36":167,"_13":168,"_33":169,"_34":170,"_23":24,"_162":-5,"_26":171},{"_41":153,"_31":154,"_29":155,"_156":-5,"_39":40,"_38":157,"_158":58,"_36":159,"_13":62,"_33":160,"_34":161,"_23":24,"_162":-5,"_26":163},"483cd89a-de23-11f0-816e-42dde27851f2","post-helpers.tsx","019b3f1b-f949-7608-a498-68701de8f45d","parentId",1,"latest",["D",1766290356487],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport {\n listFilesByPath,\n readFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport ReactMarkdown from \"https://esm.sh/react-markdown@9?deps=react@18.2.0\";\n\nasync function loadFile(file) {\n if (file.name.endsWith(\".tsx\")) {\n return (await import(file.links.module)).default;\n } else if (file.name.endsWith(\".md\")) {\n const markdown = await readFile(file.path);\n return function () {\n return new Response(\n renderToString(\n \n \n \n {file.name}\n \n \n {markdown}\n \n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n };\n }\n}\n\nasync function getPosts() {\n const posts = Object.fromEntries(\n await Promise.all(\n (await listFilesByPath(\"posts\"))\n .map(\n async (\n file,\n ) => [\n file.name.split(\".\")[0].toLowerCase(),\n await loadFile(file), // could defer this until someone wants this particular file\n ],\n ),\n ),\n );\n return posts;\n}\nasync function getPostsBounded() {\n const posts = await Promise.race([\n getPosts(),\n new Promise((resolve) => setTimeout(resolve, 5000)),\n ]);\n if (!posts) {\n console.error(\"Timeout fetching posts\");\n return [];\n }\n console.log(`Fetched ${Object.keys(posts).length} posts`);\n return posts;\n}\nlet posts;\n\nexport async function renderPage(req: Request) {\n if (!posts) posts = await getPostsBounded();\n console.log(posts);\n\n // render /posts/* in this val\n const url = new URL(req.url);\n const name = url.pathname.slice(1);\n const post = posts[name.toLowerCase()];\n if (post) return post(req);\n\n // look up page on github pages\n const githubPagesUrl =\n `https://stevekrouse.github.io${url.pathname}${url.search}`;\n const response = await fetch(\n new Request(githubPagesUrl, {\n method: req.method,\n headers: new Headers({\n ...Object.fromEntries(req.headers),\n \"User-Agent\": \"Val Town\",\n }),\n }),\n );\n if (response.status !== 404) return response;\n\n // return 404\n return new Response(\n renderToString(

404: stevekrouse.com{url.pathname}{url.search}

),\n { status: 404, headers: { \"Content-Type\": \"text/html\" } },\n );\n}","label",[154],"4a5bda3a-e6a8-11f0-b34c-42dde27851f2","main.tsx",48,["D",1767227092449],2,"http","import { Homepage } from \"./index.tsx\";\nimport { Hono } from \"npm:hono@4.0.0\";\nimport { renderPage } from \"./post-helpers.tsx\";\n\nconst app = new Hono();\napp.get(\"/\", (c) => Homepage(c.req.raw));\napp.get(\"/*\", (c) => renderPage(c.req.raw));\napp.onError((e) => Promise.reject(e));\nexport default app.fetch;",[165],"bb195934-e75a-11f0-b807-42dde27851f2","index.tsx","019b3f1b-f949-7608-a498-60d158246340",55,["D",1767303732048],47,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Link } from \"./helpers.tsx\";\n\n// San Francisco coordinates for the sky gradient\nconst SF_LAT = 37.7739043893829;\nconst SF_LON = -122.43962250314021;\n\n// Fetch sky gradient from horizon-val API\nasync function getSkyGradient(lat: number = SF_LAT, lon: number = SF_LON): Promise<{ gradient: string; topColor: string; bottomColor: string }> {\n try {\n const response = await fetch(\n `https://shapedlines--86fe5e54e42311f09c7342dde27851f2.web.val.run/api/gradient?lat=${lat}&lon=${lon}`\n );\n if (!response.ok) {\n console.log(\"Horizon API error:\", response.status, await response.text());\n throw new Error(`API returned ${response.status}`);\n }\n const data = await response.json();\n console.log(\"Horizon API response:\", JSON.stringify(data));\n return {\n gradient: data.css.background,\n topColor: data.css.themeColor,\n bottomColor: data.css.fallbackColor,\n };\n } catch (e) {\n console.log(\"Failed to fetch from horizon API:\", e);\n // Fallback to a simple gradient\n return {\n gradient: \"linear-gradient(to bottom, rgb(135, 206, 235), rgb(255, 223, 186))\",\n topColor: \"rgb(135, 206, 235)\",\n bottomColor: \"rgb(255, 223, 186)\",\n };\n }\n}\n\n// Helper to generate a dynamic SVG favicon based on the sky colors\nfunction getFaviconSvg(topColor: string, bottomColor: string): string {\n const svg = ``;\n return `data:image/svg+xml;base64,${btoa(svg)}`;\n}\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport async function Homepage(req?: Request) {\n let lat = SF_LAT;\n let lon = SF_LON;\n let locName = \"San Francisco, CA\";\n\n // Parse location from cookie if present\n const cookie = req?.headers.get(\"cookie\");\n if (cookie) {\n const match = cookie.match(/horizon_location=([^;]+)/);\n if (match) {\n try {\n const loc = JSON.parse(decodeURIComponent(match[1]));\n lat = loc.lat;\n lon = loc.lon;\n locName = loc.name;\n } catch (e) {\n console.error(\"Failed to parse location cookie\", e);\n }\n }\n }\n\n const sky = await getSkyGradient(lat, lon);\n\n // Always fetch SF sky for the favicon, regardless of current location\n const sfSky = (lat === SF_LAT && lon === SF_LON) ? sky : await getSkyGradient(SF_LAT, SF_LON);\n const faviconUrl = getFaviconSvg(sfSky.topColor, sfSky.bottomColor);\n\n return new Response(\n renderToString(\n \n \n shapedlines\n \n \n \n \n

Diff · v61