2c:null 2d:["$","title",null,{"children":"FP Art IV: Palmetta | Anjana Vakil | Observable"}] 32:[] 30:{"id":"73e78019b24b3bad","slug":"fp-art-iv-palmetta","title":"FP Art IV: Palmetta","thumbnail":"ee1a596df9f4bf850888311783e336d3d890affc83fb7f0d51054afe305deb09","access_level":"public","create_time":"$D2022-06-08T23:04:18.268Z","update_time":"$D2022-06-17T10:52:24.643Z","view_time":null,"first_public_time":"$D2022-06-17T12:16:55.879Z","has_unpublished_edits":null,"fork":{"id":"4affd653fffb6add","slug":"fp-art-i-recursion","title":"FP Art I: Recursion","owner":{"id":"8cc6a24956698638","login":"anjana","name":"Anjana Vakil"}},"stars":2,"starred":false,"owner":{"type":"team","id":"8cc6a24956698638","login":"anjana","name":"Anjana Vakil","avatar_url":"https://avatars-next.observableusercontent.com/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":"starter_2024"},"version":338,"publish_version":338,"role":null,"authored":false,"authors":[{"type":"individual","id":"d7d614fa2258860d","login":"anjana","name":"Anjana Vakil","avatar_url":"https://avatars-next.observableusercontent.com/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":null}],"members":[{"type":"individual","id":"d7d614fa2258860d","login":"anjana","name":"Anjana Vakil","avatar_url":"https://avatars-next.observableusercontent.com/75f0346d6c6908da9b546556f8d223eceb871857b81263c0d62ed549cc492936","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"df5591d16b80045b","slug":"the-art-of-functional-programming","title":"The Art of Functional Programming","owner":{"id":"8cc6a24956698638","login":"anjana","name":"Anjana Vakil"}},"type":"notebook","body":{"titling":"auto","title":"FP Art IV: Palmetta","cells":[{"id":0,"value":"# FP Art IV: Palmetta\n\nPattern designed by [palmettadesign.hu](https://palmettadesign.hu)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":289,"value":"function rotate(contents, width) {\n return svg`\n ${contents}\n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"function checkerTile(width, height, { colors, colorIndex }) {\n return [\n ``,\n { colors, colorIndex: (colorIndex + 1) % colors.length }\n ];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"function tiledTile(width, height, data) {\n const split = 0.7;\n const [sWidth, sHeight] = [width, height].map((l) => l * split);\n const newColorIndex =\n data.n % 2 === 0\n ? data.colorIndex\n : (data.colorIndex + 1) % data.colors.length;\n const big = getTiles(sWidth, sHeight, data.n, data.n, checkerTile, data);\n const narrow = getTiles(\n width - sWidth,\n sHeight,\n data.n,\n data.n,\n checkerTile,\n { ...data, colorIndex: newColorIndex }\n );\n const wide = getTiles(sWidth, height - sHeight, data.n, data.n, checkerTile, {\n ...data,\n colorIndex: newColorIndex\n });\n const small = getTiles(\n width - sWidth,\n height - sHeight,\n data.n,\n data.n,\n checkerTile,\n data\n );\n return [\n svg`${big}\n ${narrow}\n ${wide}\n ${small}\n `,\n data\n ];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"function getTiles(width, height, cols, rows, makeTile, data) {\n if (width === 0 || height === 0) {\n return svg``;\n }\n const [colWidth, rowHeight] = [width / cols, height / rows];\n const [thisTile, newData] = makeTile(colWidth, rowHeight, data);\n\n return svg`${thisTile}\n ${\n cols > 1\n ? // rest of this row to the right of this tile\n svg` \n ${getTiles(\n width - colWidth,\n rowHeight,\n cols - 1,\n 1,\n makeTile,\n newData\n )}\n `\n : ``\n }\n ${\n rows > 1\n ? // rows below this one\n svg`\n ${getTiles(width, height - rowHeight, cols, rows - 1, makeTile, {\n ...newData,\n tileIndex: newData.tileIndex + cols - 1\n })}\n `\n : ``\n }\n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"