30:[{"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}] 2e:{"title":"Utilities","cells":[{"id":0,"value":"# Utilities\n- Things you often reach for","pinned":false,"hidden":false,"mode":"md"},{"id":75,"value":"icon(\"Penrose Triangle\", \"https://thenounproject.com/search/?creator=4129988&q=triangle&i=4181211\",\n await FileAttachment(\"04 - utilities.png\").url())","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":89,"value":"donate()","pinned":true,"hidden":false,"mode":"ojs"},{"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":"ojs"},{"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":false,"hidden":false,"mode":"ojs"},{"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"},{"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":"ojs"},{"id":8,"value":"function icon(iconName, iconUrl, imgUrl, imgHeight=200) {\n return md`

[${iconName}](${iconUrl}) by Zach Bogart from the [Noun Project](https://thenounproject.com/zachbogart/)

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":161,"value":"sizeImage(await FileAttachment(\"profile.png\").url())","pinned":true,"hidden":false,"mode":"ojs"},{"id":168,"value":"sizeImage(await FileAttachment(\"profile.png\").url(), 100)","pinned":true,"hidden":false,"mode":"ojs"},{"id":144,"value":"function sizeImage(imgUrl, imgWidth=200) {\n return md`

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":181,"value":"phraseBanner(\"This is a banner example. Blah blah blah. I'm rambling, sorry 'bout that.\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":189,"value":"phraseBanner(\"Alert! Pay attention!\", \"#ffeeee\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":198,"value":"phraseBanner(md`Checkout my [website](https://zachbogart.com/)`, \"#eeffee\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":172,"value":"// from https://observablehq.com/@jashkenas/inputs\nfunction phraseBanner(phrase, color=\"#ffffee\") {\n return html`

${phrase}

`\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}