2e:null 2f:["$","title",null,{"children":"Utilities | Zach Bogart | Observable"}] 34:[{"id":"8c1efebc981db15b4bb469f7808360e53336f0d00ec28d3edfc0443571e18c110ae5136597cfd917b309d2f69d3d28003d70a10406feb01384a581dd27aac12e","href":"https://static.observableusercontent.com/files/8c1efebc981db15b4bb469f7808360e53336f0d00ec28d3edfc0443571e18c110ae5136597cfd917b309d2f69d3d28003d70a10406feb01384a581dd27aac12e","name":"04 - utilities.png","type":"image/png","lastModified":1630382219377.377,"size":13925},{"id":"8ef70e2f518d8d7eb637a13767958fcb983ac82e4480ce005dea60c3746b5376add20b1d2bd5f6b33868d54fee8c85e040472c18d92b9ec283a538b35302d44c","href":"https://static.observableusercontent.com/files/8ef70e2f518d8d7eb637a13767958fcb983ac82e4480ce005dea60c3746b5376add20b1d2bd5f6b33868d54fee8c85e040472c18d92b9ec283a538b35302d44c","name":"profile.png","type":"image/png","lastModified":1630948131197.3,"size":960256}] 32:{"id":"3ecc5a06bf18bec8","slug":"utilities","title":"Utilities","thumbnail":"a196db1353ce5974c174a7514499e6735eb561d512432548942574638fd2ce29","access_level":"public","create_time":"$D2021-08-31T03:28:14.476Z","update_time":"$D2026-09-15T18:25:29.406Z","view_time":null,"first_public_time":"$D2021-08-31T04:11:26.317Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"1da899fe83239203","login":"zachbogart","name":"Zach Bogart","avatar_url":"https://avatars-next.observableusercontent.com/90a52c7f25e244d634f67d16c58dea6d577e871986ac93da60522bbd4add497a","tier":"starter_2024"},"version":245,"publish_version":245,"role":null,"authored":false,"authors":[{"type":"individual","id":"8f3c727b0fd0bd62","login":"zachbogart","name":"Zach Bogart","avatar_url":"https://avatars-next.observableusercontent.com/90a52c7f25e244d634f67d16c58dea6d577e871986ac93da60522bbd4add497a","tier":null}],"members":[{"type":"individual","id":"8f3c727b0fd0bd62","login":"zachbogart","name":"Zach Bogart","avatar_url":"https://avatars-next.observableusercontent.com/90a52c7f25e244d634f67d16c58dea6d577e871986ac93da60522bbd4add497a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"c7f2129085a12ee8","slug":"experiments","title":"Experiments","owner":{"id":"1da899fe83239203","login":"zachbogart","name":"Zach Bogart"}},"type":"notebook","body":{"title":"Utilities","cells":[{"id":0,"value":"# Utilities\n- Things you often reach for","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"---\n### All-in-one\nImport utilities as a single item\n\n```js\nimport {zu} from \"@zachbogart/utilities\"\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"const zu = {\n donate,\n icon,\n sizeImage,\n phraseBanner\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"---\n### donate\n- **Donate link**\n\n```js\n import {donate} from \"@zachbogart/utilities\"\n```\n\n- List of blurbs cycle randomly every minute (reloads of page will show random blurbs)\n- Link to URL of your choice (opens in new tab)\n- Params:\n - blurbs: array of strings to cycle through, default about coffee/tea\n - emojiCap: icon to use on either end of the link, defaults to coffee cup\n - url: link on click, default to koji (opens in new tab)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"donate()","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"donate({\n url: \"https://zachbogart.com/\",\n emojiCap: \"💖\",\n blurbs: [\n \"Go to my website!\",\n \"Click me!\",\n \"Check this out!\"\n ]\n})","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"function donate(config = {}) {\n let {\n blurbs = [\n \"Give a hot chocolate\",\n \"Give a cup of tea\",\n \"Give a hot chocolate, digitally\",\n \"Give a cup of tea, digitally\",\n \"Give a digital hot chocolate\",\n \"Give a digital cup of tea\",\n \"Give a nice cup of tea\",\n \"Send a hot chocolate my way\",\n \"Send a hot cocoa my way\",\n \"Send a nice cup of tea my way\",\n \"Gift a nice cup of tea\",\n \"Gift some hot cocoa\",\n ],\n emojiCap = \"☕\", // hot beverage\n url = \"https://ko-fi.com/zachbogart\"\n } = config;\n let seed = d3.utcMinute()\n let donationBlurb = d3.shuffler(d3.randomLcg(seed))(Array.from(blurbs))[0]\n donationBlurb = emojiCap + \" \" + donationBlurb + \" \" + emojiCap\n\n let htmlBlurb = md`${donationBlurb}`\n\n return htmlBlurb\n}","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"---\n### icon\n- **generate header for notebook**\n\n```js\n import {icon} from \"@zachbogart/utilities\"\n```\n\n- Params:\n - iconName: name of the icon\n - iconUrl: link to the specific icon on Noun Project\n - imgUrl: url for the image (attached to notebook)\n - imgHeight: height of output image (px, default to 200px)\n- Returns markdown, so can use standard javascript cell\n- Copying file attachment code, make sure to change `.image()` to `.url()` and don't forget to `await`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"// example using icon()\nicon(\"Penrose Triangle\", \"https://thenounproject.com/search/?creator=4129988&q=triangle&i=4181211\",\n await FileAttachment(\"04 - utilities.png\").url())","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"function icon(iconName, iconUrl, imgUrl, imgHeight=200) {\n return md`

${iconName} by Zach Bogart from the Noun Project

`\n}","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"---\n### sizeImage\n- **resize image based on its width**\n\n```js\n import {sizeImage} from \"@zachbogart/utilities\"\n```\n\n- Params:\n - imgUrl: url for the image (attached to notebook)\n - imgWidth: width of output image (px, default to 200px)\n- Returns markdown, so can use standard javascript cell\n- Copying file attachment code, make sure to change `.image()` to `.url()` and don't forget to `await`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"sizeImage(await FileAttachment(\"profile.png\").url())","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"sizeImage(await FileAttachment(\"profile.png\").url(), 100)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"function sizeImage(imgUrl, imgWidth=200) {\n return md`

`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"---\n### phraseBanner\n- **make a banner with background color**\n\n```js\n import {phraseBanner} from \"@zachbogart/utilities\"\n```\n\n- Params:\n - phrase: string, text to add to banner\n - color (#ffffee): background color for banner\n- Returns html div","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"phraseBanner(\"This is a banner example. Blah blah blah. I'm rambling, sorry 'bout that.\")","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"phraseBanner(\"Alert! Pay attention!\", \"#ffeeee\")","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"phraseBanner(md`Checkout my [website](https://zachbogart.com/)`, \"#eeffee\")","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"// from https://observablehq.com/@jashkenas/inputs\nfunction phraseBanner(phrase, color=\"#ffffee\") {\n return html`

${phrase}

`\n}","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"2","titling":"auto"}} 33:"$32:body"